@lastbrain/module-auth 0.1.10 → 0.1.12

package/README.md

@@ -1,554 +1,127 @@
-# @lastbrain/module-auth
+# 📦 Module auth
 
-Module d'authentification complet pour LastBrain avec Supabase. Fournit des pages web, des API routes et une gestion complète de l'authentification utilisateur, du profil et de l'administration.
+> @lastbrain/module-auth
 
-## 🎯 Vue d'ensemble
+## 📋 Informations
 
-Ce module inclut tout ce dont vous avez besoin pour l'authentification :
+- **Nom du package**: `@lastbrain/module-auth`
+- **Slug**: `module-auth`
+- **Type**: Module LastBrain
 
-- 🔐 **Pages complètes** - Connexion, inscription, profil, dashboard
-- 🛠️ **API routes** - Gestion utilisateur et administration
-- 🗄️ **Schema DB** - Tables et permissions Supabase
-- 👤 **Gestion profils** - Informations personnelles et préférences
-- 🛡️ **Sécurité** - Protection RLS et rôles admin
+## 📄 Pages Disponibles
 
-## 🚀 Démarrage rapide
-
-> **Recommandé :** Utilisez le CLI LastBrain pour créer une application complète avec le module auth
-
-```bash
-# Créer une nouvelle application avec le module auth inclus
-pnpx @lastbrain/app@latest init mon-app
-# Sélectionner "🔐 Authentication" lors de la création
-
-cd mon-app
-pnpm db:init  # Applique automatiquement les migrations
-pnpm dev
-```
-
-## 📦 Installation manuelle
-
-Si vous intégrez LastBrain dans un projet existant :
-
-```bash
-pnpm add @lastbrain/module-auth @lastbrain/core @lastbrain/ui
-```
-
-Puis ajoutez le module à votre projet LastBrain :
-
-```bash
-pnpm lastbrain add-module auth
-pnpm build:modules
-```
-
-## Configuration
-
-### Prérequis
-
-1. **Supabase configuré** : Vous devez avoir un projet Supabase avec les variables d'environnement suivantes :
-
-   ```env
-   NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
-   NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
-   ```
-
-2. **Migrations appliquées** : Appliquez la migration fournie dans `supabase/migrations/20251112000000_user_init.sql` pour créer les tables nécessaires.
-
-3. **Fonction RPC is_superadmin** : Assurez-vous que la fonction `is_superadmin` est disponible (généralement fournie par la migration de base de l'app).
-
-### Configuration de la fonction is_superadmin
-
-La fonction `is_superadmin` vérifie si un utilisateur a le rôle d'administrateur. Elle est définie dans la migration de base et examine les métadonnées utilisateur :
-
-```sql
-CREATE OR REPLACE FUNCTION public.is_superadmin(user_id uuid)
-RETURNS boolean
-LANGUAGE sql
-STABLE
-SECURITY DEFINER
-SET search_path = public, auth
-AS $function$
-  SELECT COALESCE((
-    SELECT
-      COALESCE((raw_app_meta_data ->> 'is_super_admin')::boolean, FALSE)
-      OR COALESCE((raw_user_meta_data ->> 'is_super_admin')::boolean, FALSE)
-      OR COALESCE((raw_app_meta_data -> 'roles') ? 'admin', FALSE)
-      OR COALESCE((raw_user_meta_data -> 'roles') ? 'admin', FALSE)
-    FROM auth.users
-    WHERE id = user_id
-  ), FALSE);
-$function$;
-```
-
-## Pages Web Fournies
-
-Le module fournit plusieurs composants React prêts à l'emploi utilisant HeroUI :
-
-### Pages Utilisateur Authentifié
-
-#### 1. Dashboard (`/auth/dashboard`)
-
-**Component**: `DashboardPage`
-
-Tableau de bord utilisateur affichant :
-
-- Résumé du profil avec avatar
-- Email et date de création du compte
-- Statut du compte
-- Statistiques rapides (projets, tâches, etc.)
-
-**Usage** :
-
-```tsx
-import { DashboardPage } from "@lastbrain/module-auth";
-
-export default function Dashboard() {
-  return <DashboardPage />;
-}
-```
-
-#### 2. Profil (`/auth/profile`)
-
-**Component**: `ProfilePage`
+### Pages Publiques
 
-Page de modification du profil utilisateur permettant de mettre à jour :
+- **GET** `/signin` - SignInPage
+- **GET** `/signup` - SignUpPage
+- **GET** `/reset-password` - ResetPassword
 
-- Informations personnelles (nom, prénom, téléphone, bio)
-- Informations professionnelles (entreprise, site web, localisation)
-- Préférences (langue, timezone, avatar)
+### Pages Protégées (Auth)
 
-**Usage** :
+- **GET** `/dashboard` - DashboardPage
+- **GET** `/reglage` - ReglagePage
+- **GET** `/profile` - ProfilePage
 
-```tsx
-import { ProfilePage } from "@lastbrain/module-auth";
+### Pages Admin
 
-export default function Profile() {
-  return <ProfilePage />;
-}
-```
+- **GET** `/users` - AdminUsersPage
 
-#### 3. Paramètres (`/auth/settings`)
+## 🔌 API Routes
 
-**Component**: `ReglagePage`
+### `/api/auth/signin`
 
-Page de configuration du compte avec :
+**Méthodes supportées**: GET, POST, PUT, DELETE
 
-- Notifications (email, push, marketing)
-- Apparence (thème)
-- Langue et région (langue, timezone)
+### `/api/auth/profile`
 
-**Usage** :
+**Méthodes supportées**: GET, POST, PUT, DELETE
 
-```tsx
-import { ReglagePage } from "@lastbrain/module-auth";
+### `/api/auth/me`
 
-export default function Settings() {
-  return <ReglagePage />;
-}
-```
+**Méthodes supportées**: GET, POST, PUT, DELETE
 
-### Pages Publiques
+### `/api/admin/users`
 
-#### 4. Connexion (`/signin`)
+**Méthodes supportées**: GET, POST, PUT, DELETE
 
-**Component**: `SignInPage`
+## 🗄️ Base de Données
 
-Page de connexion avec gestion des erreurs et redirection.
+### Tables
 
-**Usage** :
+#### `user_profil`
 
 ```tsx
-import { SignInPage } from "@lastbrain/module-auth";
-
-export default function SignIn() {
-  return <SignInPage />;
-}
+<TableStructure
+  tableName="user_profil"
+  title="user_profil"
+  description="Table user_profil du module auth"
+/>
 ```
 
-#### 5. Inscription (`/signup`)
-
-**Component**: `SignUpPage`
-
-Page d'inscription avec validation des champs.
-
-**Usage** :
+#### `user_address`
 
 ```tsx
-import { SignUpPage } from "@lastbrain/module-auth";
-
-export default function SignUp() {
-  return <SignUpPage />;
-}
+<TableStructure
+  tableName="user_address"
+  title="user_address"
+  description="Table user_address du module auth"
+/>
 ```
 
-### Pages Administration
-
-#### 6. Gestion des Utilisateurs (`/admin/users`)
-
-**Component**: `AdminUsersPage`
-
-Page d'administration pour lister et gérer tous les utilisateurs.
-**Accès réservé aux super admins uniquement.**
-
-Fonctionnalités :
-
-- Liste de tous les utilisateurs
-- Recherche par email ou nom
-- Pagination
-- Affichage des informations (email, rôle, date de création)
-
-**Usage** :
+#### `user_notifications`
 
 ```tsx
-import { AdminUsersPage } from "@lastbrain/module-auth";
-
-export default function AdminUsers() {
-  return <AdminUsersPage />;
-}
-```
-
-## Routes API
-
-Le module expose plusieurs routes API pour la gestion des utilisateurs et profils.
-
-### API Authentification (`/api/auth/*`)
-
-#### GET `/api/auth/me`
-
-Récupère les informations de l'utilisateur connecté et son profil.
-
-**Réponse** :
-
-```json
-{
-  "data": {
-    "id": "uuid",
-    "email": "user@example.com",
-    "created_at": "2024-01-01T00:00:00Z",
-    "profile": {
-      "first_name": "John",
-      "last_name": "Doe",
-      "avatar_url": "https://...",
-      "bio": "...",
-      "phone": "...",
-      "company": "...",
-      "website": "...",
-      "location": "...",
-      "language": "en",
-      "timezone": "UTC",
-      "preferences": {}
-    }
-  }
-}
+<TableStructure
+  tableName="user_notifications"
+  title="user_notifications"
+  description="Table user_notifications du module auth"
+/>
 ```
 
-**Erreurs** :
-
-- `401` : Utilisateur non authentifié
+### Migrations
 
-#### GET `/api/auth/profile`
+- `20251112000000_user_init.sql`
+- `20251112000001_auto_profile_and_admin_view.sql`
+- `20251112000002_sync_avatars.sql`
+- `20251124000001_add_get_admin_user_details.sql`
 
-Récupère le profil de l'utilisateur connecté.
-
-**Réponse** :
-
-```json
-{
-  "data": {
-    "id": "uuid",
-    "owner_id": "uuid",
-    "first_name": "John",
-    "last_name": "Doe",
-    ...
-  }
-}
-```
-
-#### PUT/PATCH `/api/auth/profile`
-
-Met à jour le profil de l'utilisateur. Crée le profil s'il n'existe pas.
-
-**Body** :
-
-```json
-{
-  "first_name": "John",
-  "last_name": "Doe",
-  "avatar_url": "https://...",
-  "bio": "...",
-  "phone": "...",
-  "company": "...",
-  "website": "...",
-  "location": "...",
-  "language": "fr",
-  "timezone": "Europe/Paris",
-  "preferences": {
-    "email_notifications": true,
-    "theme": "dark"
-  }
-}
-```
-
-**Réponse** :
-
-```json
-{
-  "data": {
-    "id": "uuid",
-    "owner_id": "uuid",
-    "first_name": "John",
-    ...
-  }
-}
-```
-
-### API Administration (`/api/admin/*`)
-
-⚠️ **Toutes les routes admin nécessitent un accès super admin.**
-
-#### GET `/api/admin/users`
-
-Liste tous les utilisateurs (paginé).
-
-**Query Parameters** :
-
-- `page` (optionnel, défaut: 1) : Numéro de page
-- `per_page` (optionnel, défaut: 20) : Nombre d'éléments par page
-- `search` (optionnel) : Recherche par email ou nom
-
-**Réponse** :
-
-```json
-{
-  "data": [
-    {
-      "id": "uuid",
-      "email": "user@example.com",
-      "created_at": "2024-01-01T00:00:00Z",
-      "profile": {
-        "first_name": "John",
-        "last_name": "Doe",
-        ...
-      }
-    }
-  ],
-  "pagination": {
-    "page": 1,
-    "per_page": 20,
-    "total": 100,
-    "total_pages": 5
-  }
-}
-```
-
-**Erreurs** :
-
-- `401` : Utilisateur non authentifié
-- `403` : Accès refusé (non super admin)
-
-### Utilisation dans une API Route Next.js
-
-```typescript
-// app/api/auth/me/route.ts
-export { GET } from "@lastbrain/module-auth/api/auth/me";
-
-// app/api/auth/profile/route.ts
-export { GET, PUT, PATCH } from "@lastbrain/module-auth/api/auth/profile";
-
-// app/api/admin/users/route.ts
-export { GET } from "@lastbrain/module-auth/api/admin/users";
-```
-
-## Schéma de Base de Données
-
-Le module utilise les tables suivantes (créées par la migration `20251112000000_user_init.sql`) :
-
-### Table `user_profil`
-
-Stocke les informations de profil utilisateur.
-
-```sql
-CREATE TABLE public.user_profil (
-  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  owner_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  first_name TEXT,
-  last_name TEXT,
-  avatar_url TEXT,
-  bio TEXT,
-  phone TEXT,
-  company TEXT,
-  website TEXT,
-  location TEXT,
-  language TEXT DEFAULT 'en',
-  timezone TEXT,
-  preferences JSONB DEFAULT '{}'::jsonb,
-  created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
-  updated_at TIMESTAMPTZ NOT NULL DEFAULT now()
-);
-```
-
-**Index** :
-
-- `idx_user_profil_owner_id` sur `owner_id`
-
-**RLS (Row Level Security)** :
-
-- Les utilisateurs peuvent lire, créer, modifier et supprimer leur propre profil
-- Les super admins ont accès à tous les profils
-
-### Table `user_address`
-
-Stocke les adresses des utilisateurs.
-
-```sql
-CREATE TABLE public.user_address (
-  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  owner_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  street TEXT NOT NULL,
-  street2 TEXT,
-  city TEXT NOT NULL,
-  state TEXT,
-  postal_code TEXT,
-  country TEXT NOT NULL,
-  is_default BOOLEAN DEFAULT false,
-  address_type TEXT DEFAULT 'billing',
-  created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
-  updated_at TIMESTAMPTZ NOT NULL DEFAULT now()
-);
-```
-
-### Table `user_notifications`
-
-Stocke les notifications des utilisateurs.
-
-```sql
-CREATE TABLE public.user_notifications (
-  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-  owner_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  title TEXT NOT NULL,
-  body TEXT,
-  type TEXT NOT NULL DEFAULT 'primary',
-  read BOOLEAN NOT NULL DEFAULT false,
-  created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
-  updated_at TIMESTAMPTZ NOT NULL DEFAULT now()
-);
-```
-
-## Intégration dans une Application
-
-### 1. Installer les dépendances
+## 📦 Installation
 
 ```bash
-pnpm add @lastbrain/module-auth @lastbrain/core @lastbrain/ui
+pnpm lastbrain add-module auth
+pnpm build:modules
 ```
 
-### 2. Appliquer les migrations Supabase
-
-Copiez les migrations du module dans votre projet Supabase et appliquez-les :
+### Appliquer les migrations
 
 ```bash
-cp node_modules/@lastbrain/module-auth/supabase/migrations/* supabase/migrations/
-supabase db push
+cd apps/votre-app
+supabase migration up
 ```
 
-### 3. Créer les pages Next.js
-
-Créez les pages dans votre application Next.js :
+## 💡 Utilisation
 
-```typescript
-// app/auth/dashboard/page.tsx
-import { DashboardPage } from "@lastbrain/module-auth";
-export default DashboardPage;
+<!-- 📝 Section à compléter par l'auteur du module -->
 
-// app/auth/profile/page.tsx
-import { ProfilePage } from "@lastbrain/module-auth";
-export default ProfilePage;
+### Exemple d'utilisation
 
-// app/auth/settings/page.tsx
-import { ReglagePage } from "@lastbrain/module-auth";
-export default ReglagePage;
-
-// app/admin/users/page.tsx
-import { AdminUsersPage } from "@lastbrain/module-auth";
-export default AdminUsersPage;
-```
-
-### 4. Créer les routes API
-
-```typescript
-// app/api/auth/me/route.ts
-export { GET } from "@lastbrain/module-auth/api/auth/me";
-
-// app/api/auth/profile/route.ts
-export { GET, PUT, PATCH } from "@lastbrain/module-auth/api/auth/profile";
-
-// app/api/admin/users/route.ts
-export { GET } from "@lastbrain/module-auth/api/admin/users";
-```
-
-### 5. Configurer les variables d'environnement
-
-```env
-NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
-NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
-```
-
-## Sécurité
-
-### Row Level Security (RLS)
-
-Toutes les tables sont protégées par RLS :
-
-- Les utilisateurs ne peuvent accéder qu'à leurs propres données
-- Les super admins ont accès à toutes les données
-
-### Vérification Super Admin
-
-Les routes admin vérifient l'accès super admin via la RPC Supabase :
-
-```typescript
-const { data: isSuperAdmin } = await supabase.rpc("is_superadmin", {
-  user_id: user.id,
-});
+```tsx
+// Importez les composants depuis le module
+import { SignInPage } from "@lastbrain/module-auth";
 
-if (!isSuperAdmin) {
-  return NextResponse.json({ error: "Forbidden" }, { status: 403 });
-}
+// Utilisez-les dans votre application
+<SignInPage />;
 ```
 
-### Authentification
-
-Les routes API vérifient l'authentification :
+### Configuration
 
-```typescript
-const {
-  data: { user },
-  error,
-} = await supabase.auth.getUser();
+<!-- Ajoutez ici les détails de configuration spécifiques -->
 
-if (error || !user) {
-  return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-}
-```
-
-## Développement
+## ⚠️ Danger Zone
 
-### Build
+La suppression du module supprimera toutes les pages, routes API et migrations associées. **Cette action est irréversible.**
 
 ```bash
-pnpm build
-```
-
-### Watch mode
-
-```bash
-pnpm dev
+pnpm lastbrain remove-module auth
+pnpm build:modules
 ```
-
-## Support
-
-Pour des questions ou des problèmes, ouvrez une issue sur [GitHub](https://github.com/lastpublication/starter).
-
-## Licence
-
-MIT

package/dist/components/Doc.d.ts

@@ -1,2 +1,9 @@
-export declare function AuthModuleDoc(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Documentation component for @lastbrain/module-auth
+ * Auto-generated from module-auth.build.config.ts
+ *
+ * To regenerate this file, run:
+ * pnpm update:module-docs
+ */
+export declare function Doc(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Doc.d.ts.map

package/dist/components/Doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Doc.d.ts","sourceRoot":"","sources":["../../src/components/Doc.tsx"],"names":[],"mappings":"AAUA,wBAAgB,aAAa,4CA2S5B"}
+{"version":3,"file":"Doc.d.ts","sourceRoot":"","sources":["../../src/components/Doc.tsx"],"names":[],"mappings":"AAgBA;;;;;;GAMG;AACH,wBAAgB,GAAG,4CAyVlB"}

package/dist/components/Doc.js

@@ -1,5 +1,22 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardBody, CardHeader, Snippet, Chip, TableStructure, } from "@lastbrain/ui";
-export function AuthModuleDoc() {
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-3xl font-bold mb-2", children: "Module Auth" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Authentification compl\u00E8te avec gestion des profils utilisateur" })] }), _jsx(Chip, { color: "primary", variant: "flat", children: "v0.1.0" })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "\uD83D\uDCDD Informations" }) }), _jsxs(CardBody, { className: "space-y-2", children: [_jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Auteur:" }), " LastBrain Team"] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Package:" }), " ", "@lastbrain/module-auth"] }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: "Derni\u00E8re mise \u00E0 jour:" }), " 21 novembre 2025"] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "\uD83D\uDCC4 Pages Disponibles" }) }), _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2", children: "Pages Publiques" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/signin" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Connexion" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/signup" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Inscription" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/reset-password" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- R\u00E9initialisation mot de passe" })] })] })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2", children: "Pages Prot\u00E9g\u00E9es (Auth)" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/auth/dashboard" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Tableau de bord" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/auth/profile" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Profil utilisateur" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/auth/reglage" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Param\u00E8tres" })] })] })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2", children: "Pages Admin" }), _jsx("div", { className: "space-y-2", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "danger", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/admin/users" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Gestion des utilisateurs" })] }) })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "\uD83D\uDD0C Routes API" }) }), _jsxs(CardBody, { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "warning", variant: "flat", children: "POST" }), _jsx("code", { className: "text-sm", children: "/api/auth/signin" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Authentification" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "warning", variant: "flat", children: "POST" }), _jsx("code", { className: "text-sm", children: "/api/auth/signup" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Cr\u00E9ation de compte" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "warning", variant: "flat", children: "POST" }), _jsx("code", { className: "text-sm", children: "/api/auth/signout" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- D\u00E9connexion" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Chip, { size: "sm", color: "warning", variant: "flat", children: "POST" }), _jsx("code", { className: "text-sm", children: "/api/auth/reset-password" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- R\u00E9initialisation" })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "\uD83D\uDCC1 Structure" }) }), _jsx(CardBody, { children: _jsx(Snippet, { symbol: "", color: "default", size: "sm", hideSymbol: true, hideCopyButton: true, children: _jsxs("div", { className: "flex flex-col gap-1 text-xs font-mono", children: [_jsx("span", { children: "module-auth/" }), _jsx("span", { children: "\u251C\u2500\u2500 src/" }), _jsx("span", { children: "\u2502 \u251C\u2500\u2500 web/" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 signin/" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 signup/" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 dashboard/" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 profile/" }), _jsx("span", { children: "\u2502 \u2502 \u2514\u2500\u2500 reglage/" }), _jsx("span", { children: "\u2502 \u251C\u2500\u2500 api/" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 signin.ts" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 signup.ts" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 signout.ts" }), _jsx("span", { children: "\u2502 \u2502 \u2514\u2500\u2500 reset-password.ts" }), _jsx("span", { children: "\u2502 \u251C\u2500\u2500 components/" }), _jsx("span", { children: "\u2502 \u2502 \u2514\u2500\u2500 Doc.tsx" }), _jsx("span", { children: "\u2502 \u2514\u2500\u2500 auth.build.config.ts" }), _jsx("span", { children: "\u2514\u2500\u2500 supabase/" }), _jsx("span", { children: " \u2514\u2500\u2500 migrations/" }), _jsx("span", { children: " \u2514\u2500\u2500 20251112000000_user_init.sql" })] }) }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "\uD83D\uDDC4\uFE0F Tables de Donn\u00E9es" }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx(TableStructure, { tableName: "user_profil", title: "user_profil", description: "Profil \u00E9tendu des utilisateurs (pr\u00E9nom, nom, t\u00E9l\u00E9phone, avatar, bio, etc.)" }), _jsx(TableStructure, { tableName: "user_address", title: "user_address", description: "Adresses des utilisateurs (livraison, facturation)" }), _jsx(TableStructure, { tableName: "user_notifications", title: "user_notifications", description: "Pr\u00E9f\u00E9rences de notifications (email, SMS, push)" })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "\uD83D\uDCE6 Installation" }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm lastbrain add-module auth" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "pnpm build:modules" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "supabase migration up" })] }), _jsxs("div", { className: "border-2 border-danger rounded-lg p-4 mt-6", children: [_jsx("h4", { className: "text-lg font-semibold text-danger mb-3", children: "\u26A0\uFE0F Danger Zone" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-3", children: "La suppression du module supprimera toutes les pages, routes API et migrations associ\u00E9es. Cette action est irr\u00E9versible." }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Snippet, { symbol: "", color: "danger", size: "sm", children: "pnpm lastbrain remove-module auth" }), _jsx(Snippet, { symbol: "", color: "danger", size: "sm", children: "pnpm build:modules" })] })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "\uD83D\uDCA1 Utilisation" }) }), _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2", children: "Hooks disponibles" }), _jsxs(Snippet, { symbol: "", color: "default", size: "sm", children: ["import ", "{ useAuthSession }", " from \"@lastbrain/module-auth\";"] })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2 mt-4", children: "Exemple d'utilisation" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", hideSymbol: true, children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("span", { children: ["const ", "{ session, user }", " = useAuthSession();"] }), _jsx("span", { children: "if (!session) return <p>Non connect\u00E9</p>;" }), _jsxs("span", { children: ["return <div>Bonjour ", "{user.email}", "</div>;"] })] }) })] })] })] })] }));
+import { Card, CardBody, CardHeader } from "@lastbrain/ui";
+import { Chip } from "@lastbrain/ui";
+import { Snippet } from "@lastbrain/ui";
+import { Alert } from "@lastbrain/ui";
+import { TableStructure } from "@lastbrain/ui";
+import { FileText, Zap, Database, Package, BookOpen, AlertTriangle, } from "lucide-react";
+/**
+ * Documentation component for @lastbrain/module-auth
+ * Auto-generated from module-auth.build.config.ts
+ *
+ * To regenerate this file, run:
+ * pnpm update:module-docs
+ */
+export function Doc() {
+    return (_jsxs("div", { className: "container mx-auto p-6 space-y-6", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold mb-2", children: "\uD83D\uDCE6 Module auth" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "@lastbrain/module-auth" })] }) }), _jsx(CardBody, { children: _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Package" }), _jsx("code", { className: "text-sm font-semibold", children: "@lastbrain/module-auth" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Slug" }), _jsx("code", { className: "text-sm font-semibold", children: "module-auth" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Type" }), _jsx("code", { className: "text-sm font-semibold", children: "Module LastBrain" })] })] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(FileText, { size: 24 }), "Pages Disponibles"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pages Publiques" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/signin" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- SignInPage" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/signup" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- SignUpPage" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/reset-password" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- ResetPassword" })] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pages Prot\u00E9g\u00E9es (Auth)" }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/dashboard" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- DashboardPage" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/reglage" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- ReglagePage" })] }), _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/profile" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- ProfilePage" })] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Pages Admin" }), _jsx("div", { className: "space-y-2", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Chip, { size: "sm", color: "secondary", variant: "flat", children: "GET" }), _jsx("code", { className: "text-sm", children: "/users" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- AdminUsersPage" })] }) })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Zap, { size: 24 }), "API Routes"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: _jsx("code", { children: "/api/auth/signin" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "POST" }), _jsx(Chip, { size: "sm", color: "warning", variant: "flat", children: "PUT" }), _jsx(Chip, { size: "sm", color: "danger", variant: "flat", children: "DELETE" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: _jsx("code", { children: "/api/auth/profile" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "POST" }), _jsx(Chip, { size: "sm", color: "warning", variant: "flat", children: "PUT" }), _jsx(Chip, { size: "sm", color: "danger", variant: "flat", children: "DELETE" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: _jsx("code", { children: "/api/auth/me" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "POST" }), _jsx(Chip, { size: "sm", color: "warning", variant: "flat", children: "PUT" }), _jsx(Chip, { size: "sm", color: "danger", variant: "flat", children: "DELETE" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: _jsx("code", { children: "/api/admin/users" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Chip, { size: "sm", color: "success", variant: "flat", children: "GET" }), _jsx(Chip, { size: "sm", color: "primary", variant: "flat", children: "POST" }), _jsx(Chip, { size: "sm", color: "warning", variant: "flat", children: "PUT" }), _jsx(Chip, { size: "sm", color: "danger", variant: "flat", children: "DELETE" })] })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Database, { size: 24 }), "Base de Donn\u00E9es"] }) }), _jsxs(CardBody, { className: "space-y-6", children: [_jsx(TableStructure, { tableName: "user_profil", title: "user_profil", description: "Table user_profil du module auth" }), _jsx(TableStructure, { tableName: "user_address", title: "user_address", description: "Table user_address du module auth" }), _jsx(TableStructure, { tableName: "user_notifications", title: "user_notifications", description: "Table user_notifications du module auth" })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(Package, { size: 24 }), "Installation"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Ajouter le module" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm lastbrain add-module auth" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm build:modules" })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Appliquer les migrations" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "cd apps/votre-app" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "supabase migration up" })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2", children: [_jsx(BookOpen, { size: 24 }), "Utilisation"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs(Alert, { color: "default", className: "mb-4", children: [_jsxs("p", { className: "text-sm", children: ["\uD83D\uDCDD ", _jsx("strong", { children: "Section \u00E0 compl\u00E9ter par l'auteur du module" })] }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mt-2", children: "Ajoutez ici des exemples d'utilisation, des configurations sp\u00E9cifiques, et toute information utile pour les d\u00E9veloppeurs utilisant ce module." })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Exemple d'utilisation" }), _jsx(Alert, { color: "primary", className: "p-4 mb-4", children: _jsx("pre", { className: "whitespace-pre-wrap", children: `// Importez les composants depuis le module
+import { SignInPage } from "@lastbrain/module-auth";
+
+// Utilisez-les dans votre application
+<SignInPage />` }) })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("h2", { className: "text-2xl font-semibold flex items-center gap-2 text-danger", children: [_jsx(AlertTriangle, { size: 24 }), "Danger Zone"] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs(Alert, { color: "danger", className: "mb-4", children: [_jsx("p", { className: "text-sm font-semibold", children: "\u26A0\uFE0F Cette action est irr\u00E9versible" }), _jsx("p", { className: "text-sm mt-2", children: "La suppression du module supprimera toutes les pages, routes API et migrations associ\u00E9es." })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold mb-2", children: "Supprimer le module" }), _jsx(Snippet, { symbol: "", hideSymbol: true, color: "danger", className: "text-sm mb-2", children: "pnpm lastbrain remove-module auth" }), _jsx(Snippet, { symbol: "", hideSymbol: true, color: "danger", className: "text-sm mb-2", children: "pnpm build:modules" })] })] })] })] }));
 }

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { ProfilePage } from "./web/auth/profile.js";
 export { ReglagePage } from "./web/auth/reglage.js";
 export { AdminUsersPage } from "./web/admin/users.js";
 export { default as UserPage } from "./web/admin/users/[id].js";
-export { AuthModuleDoc } from "./components/Doc.js";
+export { Doc } from "./components/Doc.js";
+export { Doc as AuthModuleDoc } from "./components/Doc.js";
 export { default as authBuildConfig } from "./auth.build.config.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,GAAG,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -8,6 +8,7 @@ export { ReglagePage } from "./web/auth/reglage.js";
 export { AdminUsersPage } from "./web/admin/users.js";
 export { default as UserPage } from "./web/admin/users/[id].js";
 // Documentation
-export { AuthModuleDoc } from "./components/Doc.js";
+export { Doc } from "./components/Doc.js";
+export { Doc as AuthModuleDoc } from "./components/Doc.js";
 // Configuration de build (utilisée par les scripts)
 export { default as authBuildConfig } from "./auth.build.config.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/module-auth",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Module d'authentification complet pour LastBrain avec Supabase",
   "private": false,
   "type": "module",

package/src/components/Doc.tsx

@@ -1,129 +1,144 @@
-import React from "react";
+"use client";
+
+import { Card, CardBody, CardHeader } from "@lastbrain/ui";
+import { Chip } from "@lastbrain/ui";
+import { Snippet } from "@lastbrain/ui";
+import { Alert } from "@lastbrain/ui";
+import { TableStructure } from "@lastbrain/ui";
 import {
-  Card,
-  CardBody,
-  CardHeader,
-  Snippet,
-  Chip,
-  TableStructure,
-} from "@lastbrain/ui";
+  FileText,
+  Zap,
+  Database,
+  Package,
+  BookOpen,
+  AlertTriangle,
+} from "lucide-react";
 
-export function AuthModuleDoc() {
+/**
+ * Documentation component for @lastbrain/module-auth
+ * Auto-generated from module-auth.build.config.ts
+ *
+ * To regenerate this file, run:
+ * pnpm update:module-docs
+ */
+export function Doc() {
   return (
-    <div className="space-y-6">
-      {/* Header */}
-      <div className="flex items-start justify-between">
-        <div>
-          <h2 className="text-3xl font-bold mb-2">Module Auth</h2>
-          <p className="text-slate-600 dark:text-slate-400">
-            Authentification complète avec gestion des profils utilisateur
-          </p>
-        </div>
-        <Chip color="primary" variant="flat">
-          v0.1.0
-        </Chip>
-      </div>
-
-      {/* Author */}
+    <div className="container mx-auto p-6 space-y-6">
       <Card>
         <CardHeader>
-          <h3 className="text-xl font-semibold">📝 Informations</h3>
-        </CardHeader>
-        <CardBody className="space-y-2">
-          <div>
-            <span className="font-semibold">Auteur:</span> LastBrain Team
-          </div>
           <div>
-            <span className="font-semibold">Package:</span>{" "}
-            @lastbrain/module-auth
+            <h1 className="text-3xl font-bold mb-2">📦 Module auth</h1>
+            <p className="text-slate-600 dark:text-slate-400">
+              @lastbrain/module-auth
+            </p>
           </div>
-          <div>
-            <span className="font-semibold">Dernière mise à jour:</span> 21
-            novembre 2025
+        </CardHeader>
+        <CardBody>
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div>
+              <p className="text-sm text-slate-600 dark:text-slate-400">
+                Package
+              </p>
+              <code className="text-sm font-semibold">
+                @lastbrain/module-auth
+              </code>
+            </div>
+            <div>
+              <p className="text-sm text-slate-600 dark:text-slate-400">Slug</p>
+              <code className="text-sm font-semibold">module-auth</code>
+            </div>
+            <div>
+              <p className="text-sm text-slate-600 dark:text-slate-400">Type</p>
+              <code className="text-sm font-semibold">Module LastBrain</code>
+            </div>
           </div>
         </CardBody>
       </Card>
 
-      {/* Pages disponibles */}
       <Card>
         <CardHeader>
-          <h3 className="text-xl font-semibold">📄 Pages Disponibles</h3>
+          <h2 className="text-2xl font-semibold flex items-center gap-2">
+            <FileText size={24} />
+            Pages Disponibles
+          </h2>
         </CardHeader>
-        <CardBody className="space-y-3">
+        <CardBody className="space-y-4">
           <div>
-            <h4 className="font-semibold mb-2">Pages Publiques</h4>
+            <h3 className="text-lg font-semibold mb-2">Pages Publiques</h3>
             <div className="space-y-2">
-              <div className="flex items-center gap-2">
+              <div className="flex items-start gap-2">
                 <Chip size="sm" color="success" variant="flat">
                   GET
                 </Chip>
                 <code className="text-sm">/signin</code>
-                <span className="text-slate-600 dark:text-slate-400">
-                  - Connexion
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - SignInPage
                 </span>
               </div>
-              <div className="flex items-center gap-2">
+              <div className="flex items-start gap-2">
                 <Chip size="sm" color="success" variant="flat">
                   GET
                 </Chip>
                 <code className="text-sm">/signup</code>
-                <span className="text-slate-600 dark:text-slate-400">
-                  - Inscription
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - SignUpPage
                 </span>
               </div>
-              <div className="flex items-center gap-2">
+              <div className="flex items-start gap-2">
                 <Chip size="sm" color="success" variant="flat">
                   GET
                 </Chip>
                 <code className="text-sm">/reset-password</code>
-                <span className="text-slate-600 dark:text-slate-400">
-                  - Réinitialisation mot de passe
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - ResetPassword
                 </span>
               </div>
             </div>
           </div>
           <div>
-            <h4 className="font-semibold mb-2">Pages Protégées (Auth)</h4>
+            <h3 className="text-lg font-semibold mb-2">
+              Pages Protégées (Auth)
+            </h3>
             <div className="space-y-2">
-              <div className="flex items-center gap-2">
+              <div className="flex items-start gap-2">
                 <Chip size="sm" color="primary" variant="flat">
                   GET
                 </Chip>
-                <code className="text-sm">/auth/dashboard</code>
-                <span className="text-slate-600 dark:text-slate-400">
-                  - Tableau de bord
+                <code className="text-sm">/dashboard</code>
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - DashboardPage
                 </span>
               </div>
-              <div className="flex items-center gap-2">
+              <div className="flex items-start gap-2">
                 <Chip size="sm" color="primary" variant="flat">
                   GET
                 </Chip>
-                <code className="text-sm">/auth/profile</code>
-                <span className="text-slate-600 dark:text-slate-400">
-                  - Profil utilisateur
+                <code className="text-sm">/reglage</code>
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - ReglagePage
                 </span>
               </div>
-              <div className="flex items-center gap-2">
+              <div className="flex items-start gap-2">
                 <Chip size="sm" color="primary" variant="flat">
                   GET
                 </Chip>
-                <code className="text-sm">/auth/reglage</code>
-                <span className="text-slate-600 dark:text-slate-400">
-                  - Paramètres
+                <code className="text-sm">/profile</code>
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - ProfilePage
                 </span>
               </div>
             </div>
           </div>
           <div>
-            <h4 className="font-semibold mb-2">Pages Admin</h4>
+            <h3 className="text-lg font-semibold mb-2">Pages Admin</h3>
             <div className="space-y-2">
-              <div className="flex items-center gap-2">
-                <Chip size="sm" color="danger" variant="flat">
+              <div className="flex items-start gap-2">
+                <Chip size="sm" color="secondary" variant="flat">
                   GET
                 </Chip>
-                <code className="text-sm">/admin/users</code>
-                <span className="text-slate-600 dark:text-slate-400">
-                  - Gestion des utilisateurs
+                <code className="text-sm">/users</code>
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - AdminUsersPage
                 </span>
               </div>
             </div>
@@ -131,176 +146,220 @@ export function AuthModuleDoc() {
         </CardBody>
       </Card>
 
-      {/* Routes API */}
       <Card>
         <CardHeader>
-          <h3 className="text-xl font-semibold">🔌 Routes API</h3>
+          <h2 className="text-2xl font-semibold flex items-center gap-2">
+            <Zap size={24} />
+            API Routes
+          </h2>
         </CardHeader>
-        <CardBody className="space-y-2">
-          <div className="flex items-center gap-2">
-            <Chip size="sm" color="warning" variant="flat">
-              POST
-            </Chip>
-            <code className="text-sm">/api/auth/signin</code>
-            <span className="text-slate-600 dark:text-slate-400">
-              - Authentification
-            </span>
-          </div>
-          <div className="flex items-center gap-2">
-            <Chip size="sm" color="warning" variant="flat">
-              POST
-            </Chip>
-            <code className="text-sm">/api/auth/signup</code>
-            <span className="text-slate-600 dark:text-slate-400">
-              - Création de compte
-            </span>
+        <CardBody className="space-y-4">
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              <code>/api/auth/signin</code>
+            </h3>
+            <div className="flex gap-2">
+              <Chip size="sm" color="success" variant="flat">
+                GET
+              </Chip>
+              <Chip size="sm" color="primary" variant="flat">
+                POST
+              </Chip>
+              <Chip size="sm" color="warning" variant="flat">
+                PUT
+              </Chip>
+              <Chip size="sm" color="danger" variant="flat">
+                DELETE
+              </Chip>
+            </div>
           </div>
-          <div className="flex items-center gap-2">
-            <Chip size="sm" color="warning" variant="flat">
-              POST
-            </Chip>
-            <code className="text-sm">/api/auth/signout</code>
-            <span className="text-slate-600 dark:text-slate-400">
-              - Déconnexion
-            </span>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              <code>/api/auth/profile</code>
+            </h3>
+            <div className="flex gap-2">
+              <Chip size="sm" color="success" variant="flat">
+                GET
+              </Chip>
+              <Chip size="sm" color="primary" variant="flat">
+                POST
+              </Chip>
+              <Chip size="sm" color="warning" variant="flat">
+                PUT
+              </Chip>
+              <Chip size="sm" color="danger" variant="flat">
+                DELETE
+              </Chip>
+            </div>
           </div>
-          <div className="flex items-center gap-2">
-            <Chip size="sm" color="warning" variant="flat">
-              POST
-            </Chip>
-            <code className="text-sm">/api/auth/reset-password</code>
-            <span className="text-slate-600 dark:text-slate-400">
-              - Réinitialisation
-            </span>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              <code>/api/auth/me</code>
+            </h3>
+            <div className="flex gap-2">
+              <Chip size="sm" color="success" variant="flat">
+                GET
+              </Chip>
+              <Chip size="sm" color="primary" variant="flat">
+                POST
+              </Chip>
+              <Chip size="sm" color="warning" variant="flat">
+                PUT
+              </Chip>
+              <Chip size="sm" color="danger" variant="flat">
+                DELETE
+              </Chip>
+            </div>
           </div>
-        </CardBody>
-      </Card>
-
-      {/* Structure */}
-      <Card>
-        <CardHeader>
-          <h3 className="text-xl font-semibold">📁 Structure</h3>
-        </CardHeader>
-        <CardBody>
-          <Snippet
-            symbol=""
-            color="default"
-            size="sm"
-            hideSymbol
-            hideCopyButton
-          >
-            <div className="flex flex-col gap-1 text-xs font-mono">
-              <span>module-auth/</span>
-              <span>├── src/</span>
-              <span>│ ├── web/</span>
-              <span>│ │ ├── signin/</span>
-              <span>│ │ ├── signup/</span>
-              <span>│ │ ├── dashboard/</span>
-              <span>│ │ ├── profile/</span>
-              <span>│ │ └── reglage/</span>
-              <span>│ ├── api/</span>
-              <span>│ │ ├── signin.ts</span>
-              <span>│ │ ├── signup.ts</span>
-              <span>│ │ ├── signout.ts</span>
-              <span>│ │ └── reset-password.ts</span>
-              <span>│ ├── components/</span>
-              <span>│ │ └── Doc.tsx</span>
-              <span>│ └── auth.build.config.ts</span>
-              <span>└── supabase/</span>
-              <span> └── migrations/</span>
-              <span> └── 20251112000000_user_init.sql</span>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              <code>/api/admin/users</code>
+            </h3>
+            <div className="flex gap-2">
+              <Chip size="sm" color="success" variant="flat">
+                GET
+              </Chip>
+              <Chip size="sm" color="primary" variant="flat">
+                POST
+              </Chip>
+              <Chip size="sm" color="warning" variant="flat">
+                PUT
+              </Chip>
+              <Chip size="sm" color="danger" variant="flat">
+                DELETE
+              </Chip>
             </div>
-          </Snippet>
+          </div>
         </CardBody>
       </Card>
 
-      {/* Tables de données */}
       <Card>
         <CardHeader>
-          <h3 className="text-xl font-semibold">🗄️ Tables de Données</h3>
+          <h2 className="text-2xl font-semibold flex items-center gap-2">
+            <Database size={24} />
+            Base de Données
+          </h2>
         </CardHeader>
-        <CardBody className="space-y-4">
+        <CardBody className="space-y-6">
           <TableStructure
             tableName="user_profil"
             title="user_profil"
-            description="Profil étendu des utilisateurs (prénom, nom, téléphone, avatar, bio, etc.)"
+            description="Table user_profil du module auth"
           />
           <TableStructure
             tableName="user_address"
             title="user_address"
-            description="Adresses des utilisateurs (livraison, facturation)"
+            description="Table user_address du module auth"
           />
           <TableStructure
             tableName="user_notifications"
             title="user_notifications"
-            description="Préférences de notifications (email, SMS, push)"
+            description="Table user_notifications du module auth"
           />
         </CardBody>
       </Card>
 
-      {/* Installation */}
       <Card>
         <CardHeader>
-          <h3 className="text-xl font-semibold">📦 Installation</h3>
+          <h2 className="text-2xl font-semibold flex items-center gap-2">
+            <Package size={24} />
+            Installation
+          </h2>
         </CardHeader>
         <CardBody className="space-y-4">
-          <div className="flex flex-col gap-2">
-            <Snippet symbol="" color="default" size="sm">
+          <div>
+            <h3 className="text-lg font-semibold mb-2">Ajouter le module</h3>
+            <Snippet symbol="" hideSymbol className="text-sm mb-2">
               pnpm lastbrain add-module auth
             </Snippet>
-            <Snippet symbol="" color="default" size="sm">
+            <Snippet symbol="" hideSymbol className="text-sm mb-2">
               pnpm build:modules
             </Snippet>
-            <Snippet symbol="" color="default" size="sm">
+          </div>
+
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              Appliquer les migrations
+            </h3>
+            <Snippet symbol="" hideSymbol className="text-sm mb-2">
+              cd apps/votre-app
+            </Snippet>
+            <Snippet symbol="" hideSymbol className="text-sm mb-2">
               supabase migration up
             </Snippet>
           </div>
+        </CardBody>
+      </Card>
 
-          {/* Danger Zone */}
-          <div className="border-2 border-danger rounded-lg p-4 mt-6">
-            <h4 className="text-lg font-semibold text-danger mb-3">
-              ⚠️ Danger Zone
-            </h4>
-            <p className="text-sm text-slate-600 dark:text-slate-400 mb-3">
-              La suppression du module supprimera toutes les pages, routes API
-              et migrations associées. Cette action est irréversible.
+      <Card>
+        <CardHeader>
+          <h2 className="text-2xl font-semibold flex items-center gap-2">
+            <BookOpen size={24} />
+            Utilisation
+          </h2>
+        </CardHeader>
+        <CardBody className="space-y-4">
+          <Alert color="default" className="mb-4">
+            <p className="text-sm">
+              📝 <strong>Section à compléter par l'auteur du module</strong>
             </p>
-            <div className="flex flex-col gap-2">
-              <Snippet symbol="" color="danger" size="sm">
-                pnpm lastbrain remove-module auth
-              </Snippet>
-              <Snippet symbol="" color="danger" size="sm">
-                pnpm build:modules
-              </Snippet>
-            </div>
+            <p className="text-sm text-slate-600 dark:text-slate-400 mt-2">
+              Ajoutez ici des exemples d'utilisation, des configurations
+              spécifiques, et toute information utile pour les développeurs
+              utilisant ce module.
+            </p>
+          </Alert>
+
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              Exemple d'utilisation
+            </h3>
+            <Alert color="primary" className="p-4 mb-4">
+              <pre className="whitespace-pre-wrap">{`// Importez les composants depuis le module
+import { SignInPage } from "@lastbrain/module-auth";
+
+// Utilisez-les dans votre application
+<SignInPage />`}</pre>
+            </Alert>
           </div>
         </CardBody>
       </Card>
 
-      {/* Utilisation */}
       <Card>
         <CardHeader>
-          <h3 className="text-xl font-semibold">💡 Utilisation</h3>
+          <h2 className="text-2xl font-semibold flex items-center gap-2 text-danger">
+            <AlertTriangle size={24} />
+            Danger Zone
+          </h2>
         </CardHeader>
-        <CardBody className="space-y-3">
+        <CardBody className="space-y-4">
+          <Alert color="danger" className="mb-4">
+            <p className="text-sm font-semibold">
+              ⚠️ Cette action est irréversible
+            </p>
+            <p className="text-sm mt-2">
+              La suppression du module supprimera toutes les pages, routes API
+              et migrations associées.
+            </p>
+          </Alert>
+
           <div>
-            <h4 className="font-semibold mb-2">Hooks disponibles</h4>
-            <Snippet symbol="" color="default" size="sm">
-              import {"{ useAuthSession }"} from "@lastbrain/module-auth";
+            <h3 className="text-lg font-semibold mb-2">Supprimer le module</h3>
+            <Snippet
+              symbol=""
+              hideSymbol
+              color="danger"
+              className="text-sm mb-2"
+            >
+              pnpm lastbrain remove-module auth
             </Snippet>
-          </div>
-          <div>
-            <h4 className="font-semibold mb-2 mt-4">Exemple d'utilisation</h4>
-            <Snippet symbol="" color="default" size="sm" hideSymbol>
-              <div className="flex flex-col gap-1">
-                <span>const {"{ session, user }"} = useAuthSession();</span>
-                <span>
-                  if (!session) return &lt;p&gt;Non connecté&lt;/p&gt;;
-                </span>
-                <span>
-                  return &lt;div&gt;Bonjour {"{user.email}"}&lt;/div&gt;;
-                </span>
-              </div>
+            <Snippet
+              symbol=""
+              hideSymbol
+              color="danger"
+              className="text-sm mb-2"
+            >
+              pnpm build:modules
             </Snippet>
           </div>
         </CardBody>

package/src/index.ts

@@ -8,6 +8,7 @@ export { ReglagePage } from "./web/auth/reglage.js";
 export { AdminUsersPage } from "./web/admin/users.js";
 export { default as UserPage } from "./web/admin/users/[id].js";
 // Documentation
-export { AuthModuleDoc } from "./components/Doc.js";
+export { Doc } from "./components/Doc.js";
+export { Doc as AuthModuleDoc } from "./components/Doc.js";
 // Configuration de build (utilisée par les scripts)
 export { default as authBuildConfig } from "./auth.build.config.js";