@lastbrain/module-ai 0.1.8 → 0.1.11

package/dist/api/admin/user-token.d.ts

@@ -1,10 +1,26 @@
 import { NextRequest, NextResponse } from "next/server";
-export declare function GET(_request: NextRequest): Promise<NextResponse<{
+export declare function GET(request: NextRequest): Promise<NextResponse<{
     users: {
+        userId: string;
+        email: string;
+        fullName: string | undefined;
+        avatarUrl: any;
+        balance: number;
+        totalAdded: number;
+        totalUsed: number;
+        lastActivity: string | undefined;
+    }[];
+    transactions: {
         id: any;
+        userId: any;
         email: string;
-        balance: any;
-        createdAt: string | undefined;
+        fullName: string | undefined;
+        avatarUrl: any;
+        amount: any;
+        type: any;
+        description: any;
+        model: any;
+        created_at: any;
     }[];
     total: number;
 }> | NextResponse<{

package/dist/api/admin/user-token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-token.d.ts","sourceRoot":"","sources":["../../../src/api/admin/user-token.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKxD,wBAAsB,GAAG,CAAC,QAAQ,EAAE,WAAW;;;;;;;;;;IA0C9C;AAGD,wBAAsB,IAAI,CAAC,OAAO,EAAE,WAAW;;;;;;IAqD9C"}
+{"version":3,"file":"user-token.d.ts","sourceRoot":"","sources":["../../../src/api/admin/user-token.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKxD,wBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;IA2H7C;AAGD,wBAAsB,IAAI,CAAC,OAAO,EAAE,WAAW;;;;;;IAiD9C"}

package/dist/api/admin/user-token.js

@@ -1,36 +1,96 @@
 import { NextResponse } from "next/server";
-import { getSupabaseServerClient } from "@lastbrain/core/server";
+import { getSupabaseServiceClient } from "@lastbrain/core/server";
 import { addTokens } from "../../server";
-// GET /api/ai/admin/user-token - Liste tous les utilisateurs avec leur balance
-export async function GET(_request) {
+// GET /api/ai/admin/user-token - Liste tous les utilisateurs avec leur balance et transactions
+export async function GET(request) {
     try {
-        const supabase = await getSupabaseServerClient();
+        const supabase = getSupabaseServiceClient();
         // L'authentification et les droits superadmin sont déjà vérifiés par le middleware
-        // Récupérer tous les utilisateurs avec leur balance
-        const { data: balances, error: balanceError } = await supabase
-            .from("user_token_balance_v")
-            .select("owner_id, balance")
-            .order("balance", { ascending: false });
-        if (balanceError)
-            throw balanceError;
-        // Récupérer les informations des utilisateurs
-        const _userIds = balances?.map((b) => b.owner_id) || [];
-        const { data: users, error: usersError } = await supabase.auth.admin.listUsers();
+        // Récupérer tous les utilisateurs
+        const { data: authUsers, error: usersError } = await supabase.auth.admin.listUsers();
         if (usersError)
             throw usersError;
-        // Combiner les données
-        const usersWithBalance = balances?.map((balance) => {
-            const userInfo = users.users.find((u) => u.id === balance.owner_id);
+        // Récupérer toutes les transactions pour calculer les balances et stats
+        const { data: transactions, error: txError } = await supabase
+            .from("user_token_ledger")
+            .select("*")
+            .order("ts", { ascending: false })
+            .limit(1000);
+        if (txError)
+            throw txError;
+        // Calculer les stats par utilisateur
+        const userStatsMap = new Map();
+        transactions?.forEach((tx) => {
+            const stats = userStatsMap.get(tx.owner_id) || {
+                balance: 0,
+                totalAdded: 0,
+                totalUsed: 0,
+            };
+            stats.balance += tx.amount;
+            if (tx.amount > 0) {
+                stats.totalAdded += tx.amount;
+            }
+            else {
+                stats.totalUsed += Math.abs(tx.amount);
+            }
+            if (!stats.lastActivity || tx.ts > stats.lastActivity) {
+                stats.lastActivity = tx.ts;
+            }
+            userStatsMap.set(tx.owner_id, stats);
+        });
+        // Récupérer les profils utilisateurs pour avatar et nom
+        const userIds = authUsers.users.map((u) => u.id);
+        const { data: profiles } = await supabase
+            .from("user_profil")
+            .select("id, first_name, last_name, avatar_url")
+            .in("id", userIds);
+        const profilesMap = new Map(profiles?.map((p) => [
+            p.id,
+            {
+                fullName: [p.first_name, p.last_name].filter(Boolean).join(" "),
+                avatarUrl: p.avatar_url,
+            },
+        ]));
+        // Combiner toutes les données
+        const usersData = authUsers.users.map((user) => {
+            const stats = userStatsMap.get(user.id) || {
+                balance: 0,
+                totalAdded: 0,
+                totalUsed: 0,
+            };
+            const profile = profilesMap.get(user.id);
+            return {
+                userId: user.id,
+                email: user.email || "Unknown",
+                fullName: profile?.fullName,
+                avatarUrl: profile?.avatarUrl,
+                balance: stats.balance,
+                totalAdded: stats.totalAdded,
+                totalUsed: stats.totalUsed,
+                lastActivity: stats.lastActivity,
+            };
+        });
+        // Préparer les transactions avec infos utilisateurs
+        const transactionsWithUsers = transactions?.map((tx) => {
+            const user = authUsers.users.find((u) => u.id === tx.owner_id);
+            const profile = profilesMap.get(tx.owner_id);
             return {
-                id: balance.owner_id,
-                email: userInfo?.email || "Unknown",
-                balance: balance.balance,
-                createdAt: userInfo?.created_at,
+                id: tx.id,
+                userId: tx.owner_id,
+                email: user?.email || "Unknown",
+                fullName: profile?.fullName,
+                avatarUrl: profile?.avatarUrl,
+                amount: tx.amount,
+                type: tx.type,
+                description: tx.meta?.reason,
+                model: tx.model,
+                created_at: tx.ts,
             };
         });
         return NextResponse.json({
-            users: usersWithBalance,
-            total: usersWithBalance?.length || 0,
+            users: usersData,
+            transactions: transactionsWithUsers,
+            total: usersData.length,
         });
     }
     catch (error) {
@@ -41,9 +101,8 @@ export async function GET(_request) {
 // POST /api/ai/admin/user-token - Ajouter/retirer des tokens à un utilisateur
 export async function POST(request) {
     try {
-        const supabase = await getSupabaseServerClient();
+        const supabase = getSupabaseServiceClient();
         // L'authentification et les droits superadmin sont déjà vérifiés par le middleware
-        const { data: { user }, } = await supabase.auth.getUser();
         const body = await request.json();
         const { userId, amount, type, reason } = body;
         if (!userId || !amount) {
@@ -54,7 +113,7 @@ export async function POST(request) {
         }
         // Déterminer le type d'opération
         const operationType = type || (amount > 0 ? "adjust" : "adjust");
-        const result = await addTokens(userId, amount, operationType, { reason: reason || "Ajustement manuel par admin", admin_id: user.id }, user.id);
+        const result = await addTokens(userId, amount, operationType, { reason: reason || "Ajustement manuel par admin" }, undefined);
         if (!result.success) {
             return NextResponse.json({ error: result.error }, { status: 500 });
         }

package/dist/api/auth/generate-text.js

@@ -12,7 +12,7 @@ export async function POST(request) {
         const { data: { user }, } = await supabase.auth.getUser();
         // L'utilisateur est déjà authentifié grâce au middleware
         const body = await request.json();
-        const { prompt, model = "gpt-4o-mini", context, maxTokens = 2000, temperature = 0.7, } = body;
+        const { prompt, model = "gpt-4o-mini", context, maxTokens = 100, temperature = 0.7, } = body;
         if (!prompt) {
             return NextResponse.json({ error: "Le prompt est requis" }, { status: 400 });
         }

package/dist/api/auth/user-tokens.d.ts

@@ -0,0 +1,17 @@
+import { NextRequest, NextResponse } from "next/server";
+export declare function GET(request: NextRequest): Promise<NextResponse<{
+    userId: string;
+    balance: number;
+    stats: {
+        balance: number;
+        totalPurchased: number;
+        totalGifted: number;
+        totalUsed: number;
+        totalAdjusted: number;
+    };
+    history: import("../../server").TokenLedgerEntry[];
+    count: number;
+}> | NextResponse<{
+    error: any;
+}>>;
+//# sourceMappingURL=user-tokens.d.ts.map

package/dist/api/auth/user-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-tokens.d.ts","sourceRoot":"","sources":["../../../src/api/auth/user-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKxD,wBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW;;;;;;;;;;;;;;IA0C7C"}

package/dist/api/auth/user-tokens.js

@@ -0,0 +1,34 @@
+import { NextResponse } from "next/server";
+import { getSupabaseServerClient } from "@lastbrain/core/server";
+import { getTokenBalance, getTokenHistory, getTokenStats } from "../../server";
+// GET /api/ai/user/tokens - Récupérer le solde et l'historique de l'utilisateur courant
+export async function GET(request) {
+    try {
+        const supabase = await getSupabaseServerClient();
+        // Récupérer l'utilisateur courant
+        const { data: { user }, error: authError, } = await supabase.auth.getUser();
+        if (authError || !user) {
+            return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+        }
+        const userId = user.id;
+        // Récupérer le solde
+        const balance = await getTokenBalance(userId);
+        // Récupérer les statistiques
+        const stats = await getTokenStats(userId);
+        // Récupérer l'historique complet (12 derniers mois)
+        const searchParams = request.nextUrl.searchParams;
+        const limit = parseInt(searchParams.get("limit") || "500");
+        const history = await getTokenHistory(userId, limit, 0);
+        return NextResponse.json({
+            userId,
+            balance,
+            stats,
+            history,
+            count: history.length,
+        });
+    }
+    catch (error) {
+        console.error("[GET /api/ai/user/tokens] Error:", error);
+        return NextResponse.json({ error: error.message || "Erreur serveur" }, { status: 500 });
+    }
+}

package/dist/components/Doc.d.ts

@@ -1,2 +1,9 @@
-export declare function AiModuleDoc(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Documentation component for @lastbrain/module-ai
+ * Auto-generated from module-ai.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,WAAW,4CAqU1B"}
+{"version":3,"file":"Doc.d.ts","sourceRoot":"","sources":["../../src/components/Doc.tsx"],"names":[],"mappings":"AAiBA;;;;;;GAMG;AACH,wBAAgB,GAAG,4CAsOlB"}

package/dist/components/Doc.js

@@ -1,5 +1,19 @@
+"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 AiModuleDoc() {
-    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 AI" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "G\u00E9n\u00E9ration IA (texte et images) avec syst\u00E8me de tokens et gestion des co\u00FBts" })] }), _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-ai"] }), _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: "\uD83C\uDFA8 Composants Disponibles" }) }), _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2", children: "TextareaGenerative" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Textarea avec g\u00E9n\u00E9ration de texte IA int\u00E9gr\u00E9e. Bouton de g\u00E9n\u00E9ration avec s\u00E9lection de prompts." }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", hideSymbol: true, children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("span", { children: ["import ", "{ TextareaGenerative }", " from \"@lastbrain/module-ai\";"] }), _jsx("span", {}), _jsx("span", { children: "<TextareaGenerative" }), _jsx("span", { children: " label=\"Description\"" }), _jsx("span", { children: " placeholder=\"Entrez une description...\"" }), _jsxs("span", { children: [" value=", "{value}"] }), _jsxs("span", { children: [" onChange=", "{setValue}"] }), _jsx("span", { children: "/>" })] }) })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2 mt-4", children: "ImageGenerative" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 mb-2", children: "Composant de g\u00E9n\u00E9ration d'images avec DALL-E. Upload ou g\u00E9n\u00E9ration IA." }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", hideSymbol: true, children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("span", { children: ["import ", "{ ImageGenerative }", " from \"@lastbrain/module-ai\";"] }), _jsx("span", {}), _jsx("span", { children: "<ImageGenerative" }), _jsx("span", { children: " label=\"Image du produit\"" }), _jsxs("span", { children: [" value=", "{imageUrl}"] }), _jsxs("span", { children: [" onChange=", "{setImageUrl}"] }), _jsx("span", { children: "/>" })] }) })] })] })] }), _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 Prot\u00E9g\u00E9es (Auth)" }), _jsx("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/token" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Historique et balance des tokens" })] }) })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2", children: "Pages Admin" }), _jsxs("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/user-token" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Gestion des tokens utilisateurs" })] }), _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/user-token/[id]" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- D\u00E9tail d'un utilisateur" })] })] })] })] })] }), _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/ai/generate-text" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- G\u00E9n\u00E9ration de texte" })] }), _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/ai/generate-image" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- G\u00E9n\u00E9ration d'image" })] }), _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: "/api/ai/admin/user-token" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Liste des tokens utilisateurs" })] }), _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/ai/admin/user-token" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- Cr\u00E9er/modifier des tokens" })] }), _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: "/api/ai/admin/user-token/[id]" }), _jsx("span", { className: "text-slate-600 dark:text-slate-400", children: "- D\u00E9tails tokens utilisateur" })] })] })] }), _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, children: _jsxs("div", { className: "flex flex-col gap-1 text-xs font-mono", children: [_jsx("span", { children: "module-ai/" }), _jsx("span", { children: "\u251C\u2500\u2500 src/" }), _jsx("span", { children: "\u2502 \u251C\u2500\u2500 web/" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 TextareaGenerative.tsx" }), _jsx("span", { children: "\u2502 \u2502 \u2514\u2500\u2500 ImageGenerative.tsx" }), _jsx("span", { children: "\u2502 \u251C\u2500\u2500 api/" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 generate-text.ts" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 generate-image.ts" }), _jsx("span", { children: "\u2502 \u2502 \u251C\u2500\u2500 prompts.ts" }), _jsx("span", { children: "\u2502 \u2502 \u2514\u2500\u2500 balance.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 ai.build.config.ts" }), _jsx("span", { children: "\u2514\u2500\u2500 supabase/" }), _jsx("span", { children: " \u2514\u2500\u2500 migrations/" }), _jsx("span", { children: " \u251C\u2500\u2500 20251121000000_ai_tokens.sql" }), _jsx("span", { children: " \u2514\u2500\u2500 20251121093113_module-ai_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_token_ledger", title: "user_token_ledger", description: "Comptabilit\u00E9 des tokens (cr\u00E9dits, d\u00E9bits, balance). Vue user_token_balance pour le solde actuel." }), _jsx(TableStructure, { tableName: "user_prompts", title: "user_prompts", description: "Biblioth\u00E8que de prompts r\u00E9utilisables par utilisateur (titre, contenu, type)." })] })] }), _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 ai" }), _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 ai" }), _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: "\u2699\uFE0F Configuration" }) }), _jsxs(CardBody, { className: "space-y-3", children: [_jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Ajoutez votre cl\u00E9 API OpenAI dans vos variables d'environnement :" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", children: "OPENAI_API_KEY=sk-..." })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "\uD83D\uDCB0 Syst\u00E8me de Tokens" }) }), _jsxs(CardBody, { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2", children: "Co\u00FBts" }), _jsxs("ul", { className: "text-sm text-slate-600 dark:text-slate-400 space-y-1", children: [_jsx("li", { children: "\u2022 G\u00E9n\u00E9ration de texte : 10 tokens" }), _jsx("li", { children: "\u2022 G\u00E9n\u00E9ration d'image : 50 tokens" })] })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2 mt-4", children: "Trigger de validation" }), _jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400", children: "Un trigger emp\u00EAche les transactions si le solde devient n\u00E9gatif." })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold mb-2 mt-4", children: "Ajouter des tokens" }), _jsx(Snippet, { symbol: "", color: "default", size: "sm", hideSymbol: true, children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { children: "INSERT INTO user_token_ledger" }), _jsx("span", { children: "(user_id, amount, transaction_type, description)" }), _jsx("span", { children: "VALUES" }), _jsx("span", { children: "(\"('user-uuid', 1000, 'credit', 'Achat de tokens');\")" })] }) })] })] })] })] }));
+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";
+import { DocUsageCustom } from "./DocUsageCustom";
+/**
+ * Documentation component for @lastbrain/module-ai
+ * Auto-generated from module-ai.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 ai" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "@lastbrain/module-ai" })] }) }), _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-ai" })] }), _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-ai" })] }), _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 Prot\u00E9g\u00E9es (Auth)" }), _jsx("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: "/token" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- TokenPage" })] }) })] }), _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: "/user-token" }), _jsx("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: "- UserTokenPage" })] }) })] })] })] }), _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/user_token_ledger" }) }), _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/user_prompts" }) }), _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_token_ledger", title: "user_token_ledger", description: "Table user_token_ledger du module ai" }), _jsx(TableStructure, { tableName: "user_prompts", title: "user_prompts", description: "Table user_prompts du module ai" })] })] }), _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", { className: "flex flex-col gap-2", 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 ai" }), _jsx(Snippet, { symbol: "", hideSymbol: true, className: "text-sm mb-2", children: "pnpm build:modules" })] }), _jsxs("div", { className: "flex flex-col gap-2", 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"] }) }), _jsx(CardBody, { className: "space-y-4", children: _jsx(DocUsageCustom, {}) })] }), _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: "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", { className: "flex flex-col gap-2", 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 ai" }), _jsx(Snippet, { symbol: "", hideSymbol: true, color: "danger", className: "text-sm mb-2", children: "pnpm build:modules" })] })] })] })] }));
 }

package/dist/components/DocUsageCustom.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Section personnalisée de documentation pour le module-ai
+ * Ce fichier NE SERA JAMAIS écrasé par update:module-docs
+ *
+ * Utilisez ce composant pour documenter l'utilisation spécifique
+ * de vos composants avec des exemples interactifs.
+ */
+export declare function DocUsageCustom(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocUsageCustom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocUsageCustom.d.ts","sourceRoot":"","sources":["../../src/components/DocUsageCustom.tsx"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,wBAAgB,cAAc,4CA2V7B"}

package/dist/components/DocUsageCustom.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardBody, CardHeader, Alert, Tabs, Tab } from "@lastbrain/ui";
+import { TextareaGenerative } from "../web/components/TextareaGenerative";
+import { ImageGenerative } from "../web/components/ImageGenerative";
+import { Lightbulb } from "lucide-react";
+/**
+ * Section personnalisée de documentation pour le module-ai
+ * Ce fichier NE SERA JAMAIS écrasé par update:module-docs
+ *
+ * Utilisez ce composant pour documenter l'utilisation spécifique
+ * de vos composants avec des exemples interactifs.
+ */
+export function DocUsageCustom() {
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(Alert, { hideIcon: true, variant: "flat", color: "primary", className: "mb-6", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Lightbulb, { size: 20, className: "mt-0.5 flex-shrink-0" }), _jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: "Composants IA G\u00E9n\u00E9ratives" }), _jsx("p", { className: "text-sm mt-1", children: "Le module AI fournit des composants pr\u00EAts \u00E0 l'emploi pour int\u00E9grer la g\u00E9n\u00E9ration de texte et d'images par IA dans vos applications." })] })] }) }), _jsxs(Tabs, { "aria-label": "Exemples d'utilisation", color: "primary", variant: "bordered", fullWidth: true, children: [_jsx(Tab, { title: "G\u00E9n\u00E9ration de Texte", children: _jsxs(Card, { className: "mt-4", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "TextareaGenerative" }) }), _jsxs(CardBody, { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "Description" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Composant de g\u00E9n\u00E9ration de texte avec gestion automatique des tokens, support de streaming, et affichage du co\u00FBt en temps r\u00E9el." })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-3", children: "Exemple interactif" }), _jsx(TextareaGenerative, { defaultPrompt: "\u00C9cris une courte description pour un produit innovant", placeholder: "Le texte g\u00E9n\u00E9r\u00E9 appara\u00EEtra ici...", model: "gpt-4o-mini", showTokenBalance: true })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "Code d'utilisation" }), _jsx(Alert, { hideIcon: true, variant: "flat", color: "primary", className: "p-4", children: _jsx("pre", { className: "whitespace-pre-wrap text-sm", children: `import { TextareaGenerative } from "@lastbrain/module-ai";
+
+export function MyComponent() {
+  return (
+    <TextareaGenerative
+      defaultPrompt="Votre prompt par défaut ici"
+      placeholder="Le texte généré apparaîtra ici..."
+      model="gpt-4o-mini"
+      showTokenBalance={true}
+      onChange={(text, response) => {
+        console.log("Texte généré:", text);
+        console.log("Tokens utilisés:", response?.tokensUsed);
+      }}
+      onError={(error) => {
+        console.error("Erreur:", error);
+      }}
+    />
+  );
+}` }) })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "Props disponibles" }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "border-b", children: _jsxs("tr", { children: [_jsx("th", { className: "text-left py-2 px-2", children: "Prop" }), _jsx("th", { className: "text-left py-2 px-2", children: "Type" }), _jsx("th", { className: "text-left py-2 px-2", children: "Description" })] }) }), _jsxs("tbody", { className: "divide-y", children: [_jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "prompt" }), _jsx("td", { className: "py-2 px-2", children: "string" }), _jsx("td", { className: "py-2 px-2", children: "Le prompt \u00E0 envoyer \u00E0 l'IA" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "model" }), _jsx("td", { className: "py-2 px-2", children: "string" }), _jsx("td", { className: "py-2 px-2", children: "Mod\u00E8le \u00E0 utiliser (d\u00E9faut: gpt-4o-mini)" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "placeholder" }), _jsx("td", { className: "py-2 px-2", children: "string" }), _jsx("td", { className: "py-2 px-2", children: "Texte placeholder du textarea" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "onChange" }), _jsx("td", { className: "py-2 px-2", children: "function" }), _jsx("td", { className: "py-2 px-2", children: "Callback apr\u00E8s g\u00E9n\u00E9ration r\u00E9ussie" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "onError" }), _jsx("td", { className: "py-2 px-2", children: "function" }), _jsx("td", { className: "py-2 px-2", children: "Callback en cas d'erreur" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "showTokenBalance" }), _jsx("td", { className: "py-2 px-2", children: "boolean" }), _jsx("td", { className: "py-2 px-2", children: "Afficher le solde de tokens" })] })] })] }) })] })] })] }) }, "textarea"), _jsx(Tab, { title: "G\u00E9n\u00E9ration d'Images", children: _jsxs(Card, { className: "mt-4", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "ImageGenerative" }) }), _jsxs(CardBody, { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "Description" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400", children: "Composant de g\u00E9n\u00E9ration d'images avec DALL-E, support de diff\u00E9rentes tailles et qualit\u00E9s, et t\u00E9l\u00E9chargement direct de l'image." })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-3", children: "Exemple interactif" }), _jsx(ImageGenerative, { defaultPrompt: "Un chat astronaute dans l'espace, style cartoon color\u00E9", model: "dall-e-3", size: "1024x1024", quality: "standard", showTokenBalance: true, defaultStyle: "digital-art" })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "Code d'utilisation" }), _jsx(Alert, { hideIcon: true, variant: "flat", color: "primary", className: "p-4", children: _jsx("pre", { className: "whitespace-pre-wrap text-sm", children: `import { ImageGenerative } from "@lastbrain/module-ai";
+
+export function MyComponent() {
+  return (
+    <ImageGenerative
+      defaultPrompt="Un paysage futuriste avec des buildings"
+      defaultStyle="realistic"
+      model="dall-e-3"
+      size="1024x1024"
+      quality="hd"
+      showTokenBalance={true}
+      onChange={(imageUrl, response) => {
+        console.log("Image générée:", imageUrl);
+        console.log("Tokens utilisés:", response?.tokensUsed);
+      }}
+      onError={(error) => {
+        console.error("Erreur:", error);
+      }}
+    />
+  );
+}` }) })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "Props disponibles" }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "border-b", children: _jsxs("tr", { children: [_jsx("th", { className: "text-left py-2 px-2", children: "Prop" }), _jsx("th", { className: "text-left py-2 px-2", children: "Type" }), _jsx("th", { className: "text-left py-2 px-2", children: "Description" })] }) }), _jsxs("tbody", { className: "divide-y", children: [_jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "prompt" }), _jsx("td", { className: "py-2 px-2", children: "string" }), _jsx("td", { className: "py-2 px-2", children: "Description de l'image \u00E0 g\u00E9n\u00E9rer" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "model" }), _jsx("td", { className: "py-2 px-2", children: "string" }), _jsx("td", { className: "py-2 px-2", children: "Mod\u00E8le (dall-e-2 ou dall-e-3)" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "size" }), _jsx("td", { className: "py-2 px-2", children: "string" }), _jsx("td", { className: "py-2 px-2", children: "Taille: 256x256, 512x512, 1024x1024, etc." })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "quality" }), _jsx("td", { className: "py-2 px-2", children: "string" }), _jsx("td", { className: "py-2 px-2", children: "Qualit\u00E9: standard ou hd" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "onChange" }), _jsx("td", { className: "py-2 px-2", children: "function" }), _jsx("td", { className: "py-2 px-2", children: "Callback apr\u00E8s g\u00E9n\u00E9ration r\u00E9ussie" })] }), _jsxs("tr", { children: [_jsx("td", { className: "py-2 px-2 font-mono", children: "onError" }), _jsx("td", { className: "py-2 px-2", children: "function" }), _jsx("td", { className: "py-2 px-2", children: "Callback en cas d'erreur" })] })] })] }) })] })] })] }) }, "image"), _jsx(Tab, { title: "Utilisation Avanc\u00E9e", children: _jsxs(Card, { className: "mt-4", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-xl font-semibold", children: "Configuration Avanc\u00E9e" }) }), _jsxs(CardBody, { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "API Endpoints Personnalis\u00E9s" }), _jsx(Alert, { hideIcon: true, variant: "flat", color: "primary", className: "p-4", children: _jsx("pre", { className: "whitespace-pre-wrap text-sm", children: `// Utilisez vos propres endpoints API
+<TextareaGenerative
+  prompt="Votre prompt"
+  apiEndpoint="/api/custom/generate-text"
+/>
+
+<ImageGenerative
+  prompt="Votre prompt"
+  apiEndpoint="/api/custom/generate-image"
+/>` }) })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "Gestion des Tokens" }), _jsx("p", { className: "text-slate-600 dark:text-slate-400 mb-3", children: "Les composants utilisent automatiquement le syst\u00E8me de tokens du module. Chaque g\u00E9n\u00E9ration d\u00E9duit le nombre de tokens utilis\u00E9s du solde de l'utilisateur." }), _jsx(Alert, { hideIcon: true, variant: "flat", color: "warning", className: "p-4", children: _jsx("pre", { className: "whitespace-pre-wrap text-sm", children: `// Les tokens sont automatiquement gérés
+// via la table user_token_ledger
+
+// Pour recharger les tokens :
+// 1. Accédez à /admin/user-token
+// 2. Créditez les utilisateurs
+// 3. Les composants détectent automatiquement
+//    le nouveau solde` }) })] }), _jsxs("div", { children: [_jsx("h4", { className: "text-lg font-semibold mb-2", children: "Best Practices" }), _jsxs("ul", { className: "list-disc list-inside space-y-2 text-slate-600 dark:text-slate-400", children: [_jsxs("li", { children: ["Utilisez", " ", _jsx("code", { className: "text-xs bg-slate-100 dark:bg-slate-800 px-1 py-0.5 rounded", children: "gpt-4o-mini" }), " ", "pour les t\u00E2ches simples (moins cher)"] }), _jsx("li", { children: "Limitez la longueur des prompts pour \u00E9conomiser les tokens" }), _jsxs("li", { children: ["G\u00E9rez les erreurs avec", " ", _jsx("code", { className: "text-xs bg-slate-100 dark:bg-slate-800 px-1 py-0.5 rounded", children: "onError" })] }), _jsxs("li", { children: ["Affichez toujours le solde de tokens avec", " ", _jsx("code", { className: "text-xs bg-slate-100 dark:bg-slate-800 px-1 py-0.5 rounded", children: "showTokenBalance" })] }), _jsxs("li", { children: ["Pour les images, utilisez", " ", _jsx("code", { className: "text-xs bg-slate-100 dark:bg-slate-800 px-1 py-0.5 rounded", children: "standard" }), " ", "par d\u00E9faut,", " ", _jsx("code", { className: "text-xs bg-slate-100 dark:bg-slate-800 px-1 py-0.5 rounded", children: "hd" }), " ", "uniquement si n\u00E9cessaire"] })] })] })] })] }) }, "advanced")] })] }));
+}

package/dist/components/admin/UserTokenTab.d.ts

@@ -0,0 +1,6 @@
+interface UserTokenTabProps {
+    userId: string;
+}
+export declare function UserTokenTab({ userId }: UserTokenTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserTokenTab.d.ts.map

package/dist/components/admin/UserTokenTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserTokenTab.d.ts","sourceRoot":"","sources":["../../../src/components/admin/UserTokenTab.tsx"],"names":[],"mappings":"AAeA,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAiBD,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CA2OzD"}

package/dist/components/admin/UserTokenTab.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Card, CardBody, CardHeader, Button, Input, Spinner, addToast, Chip, } from "@lastbrain/ui";
+import { Plus, Minus, History, Coins } from "lucide-react";
+export function UserTokenTab({ userId }) {
+    const [loading, setLoading] = useState(true);
+    const [balance, setBalance] = useState(0);
+    const [ledger, setLedger] = useState([]);
+    const [adjustmentAmount, setAdjustmentAmount] = useState("");
+    const [adjustmentDescription, setAdjustmentDescription] = useState("");
+    const [processing, setProcessing] = useState(false);
+    // Charger le solde et l'historique
+    const fetchTokenData = async () => {
+        try {
+            setLoading(true);
+            const res = await fetch(`/api/ai/admin/user-token/${userId}`);
+            if (!res.ok)
+                throw new Error("Échec chargement détails tokens");
+            const data = await res.json();
+            const currentBalance = data.balance || 0;
+            setBalance(currentBalance);
+            const history = data.history || data.data || [];
+            // Si l'API ne fournit pas balance_after, le calculer en partant du solde courant (ordre déjà décroissant)
+            let running = currentBalance;
+            const computed = history.map((entry) => {
+                const balanceAfter = running;
+                running -= entry.amount; // préparer balance pour l'entrée suivante
+                return {
+                    ...entry,
+                    balance_after: balanceAfter,
+                    display_amount: entry.amount,
+                    display_description: entry.meta?.reason ||
+                        entry.description ||
+                        entry.type ||
+                        "Transaction",
+                };
+            });
+            setLedger(computed);
+        }
+        catch (error) {
+            console.error("Erreur lors du chargement des tokens:", error);
+            addToast({
+                color: "danger",
+                title: "Erreur lors du chargement des données",
+            });
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        fetchTokenData();
+    }, [userId]);
+    // Ajuster le solde (crédit ou débit)
+    const handleAdjustment = async (type) => {
+        const amount = parseInt(adjustmentAmount);
+        if (isNaN(amount) || amount <= 0) {
+            addToast({
+                color: "danger",
+                title: "Montant invalide",
+            });
+            return;
+        }
+        if (!adjustmentDescription.trim()) {
+            addToast({
+                color: "danger",
+                title: "Description requise",
+            });
+            return;
+        }
+        try {
+            setProcessing(true);
+            const response = await fetch(`/api/ai/admin/user-token`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    userId,
+                    amount: type === "credit" ? amount : -amount,
+                    type: "adjust",
+                    reason: adjustmentDescription,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error("Échec de l'ajustement");
+            }
+            addToast({
+                color: "success",
+                title: type === "credit" ? "Tokens crédités" : "Tokens débités",
+            });
+            // Reset
+            setAdjustmentAmount("");
+            setAdjustmentDescription("");
+            // Recharger les données
+            await fetchTokenData();
+        }
+        catch (error) {
+            console.error("Erreur:", error);
+            addToast({
+                color: "danger",
+                title: "Erreur lors de l'ajustement",
+            });
+        }
+        finally {
+            setProcessing(false);
+        }
+    };
+    if (loading) {
+        return (_jsx("div", { className: "flex justify-center items-center min-h-64", children: _jsx(Spinner, { size: "lg" }) }));
+    }
+    return (_jsxs("div", { className: "space-y-6 mt-4", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Coins, { size: 20 }), _jsx("h3", { className: "text-lg font-semibold", children: "Solde de tokens" })] }) }), _jsx(CardBody, { children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-4xl font-bold text-primary", children: balance.toLocaleString() }), _jsx("p", { className: "text-sm text-gray-500 mt-1", children: "tokens disponibles" })] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Ajuster le solde" }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx(Input, { type: "number", label: "Montant", placeholder: "1000", value: adjustmentAmount, onChange: (e) => setAdjustmentAmount(e.target.value), min: "1", endContent: _jsx("span", { className: "text-sm text-gray-500", children: "tokens" }) }), _jsx(Input, { label: "Description", placeholder: "Raison de l'ajustement...", value: adjustmentDescription, onChange: (e) => setAdjustmentDescription(e.target.value), maxLength: 200 }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { color: "success", startContent: _jsx(Plus, { size: 16 }), onPress: () => handleAdjustment("credit"), isLoading: processing, isDisabled: !adjustmentAmount || !adjustmentDescription.trim(), children: "Cr\u00E9diter" }), _jsx(Button, { color: "danger", variant: "bordered", startContent: _jsx(Minus, { size: 16 }), onPress: () => handleAdjustment("debit"), isLoading: processing, isDisabled: !adjustmentAmount || !adjustmentDescription.trim(), children: "D\u00E9biter" })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(History, { size: 20 }), _jsx("h3", { className: "text-lg font-semibold", children: "Historique des transactions" })] }) }), _jsx(CardBody, { children: ledger.length === 0 ? (_jsx("p", { className: "text-center text-gray-500 py-4", children: "Aucune transaction" })) : (_jsx("div", { className: "space-y-2", children: ledger.map((entry) => (_jsxs("div", { className: "flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg", children: [_jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-medium", children: entry.display_description }), _jsx("p", { className: "text-xs text-gray-500", children: new Date(entry.created_at).toLocaleString() })] }), _jsxs("div", { className: "text-right", children: [_jsxs(Chip, { size: "sm", color: entry.display_amount > 0 ? "success" : "danger", variant: "flat", children: [entry.display_amount > 0 ? "+" : "", entry.display_amount.toLocaleString()] }), _jsxs("p", { className: "text-xs text-gray-500 mt-1", children: ["Solde: ", entry.balance_after.toLocaleString()] })] })] }, entry.id))) })) })] })] }));
+}

package/dist/index.d.ts

@@ -2,8 +2,9 @@ export { TextareaGenerative } from "./web/components/TextareaGenerative.js";
 export { ImageGenerative } from "./web/components/ImageGenerative.js";
 export { TokenPage } from "./web/auth/TokenPage.js";
 export { UserTokenPage } from "./web/admin/UserTokenPage.js";
-export { UserTokenIdPage } from "./web/admin/UserTokenIdPage.js";
-export { AiModuleDoc } from "./components/Doc.js";
+export { UserTokenTab } from "./components/admin/UserTokenTab.js";
+export { Doc } from "./components/Doc.js";
+export { Doc as AiModuleDoc } from "./components/Doc.js";
 export type { GenerativeResponse, TextareaGenerativeProps, } from "./web/components/TextareaGenerative.js";
 export type { GenerativeImageResponse, ImageGenerativeProps, } from "./web/components/ImageGenerative.js";
 export { default as buildConfig } from "./ai.build.config.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGtE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,YAAY,EACV,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,wCAAwC,CAAC;AAEhD,YAAY,EACV,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGtE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAGlE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,GAAG,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGzD,YAAY,EACV,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,wCAAwC,CAAC;AAEhD,YAAY,EACV,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -5,8 +5,10 @@ export { ImageGenerative } from "./web/components/ImageGenerative.js";
 export { TokenPage } from "./web/auth/TokenPage.js";
 // Pages Admin
 export { UserTokenPage } from "./web/admin/UserTokenPage.js";
-export { UserTokenIdPage } from "./web/admin/UserTokenIdPage.js";
+// Admin Components - User Tabs
+export { UserTokenTab } from "./components/admin/UserTokenTab.js";
 // Documentation
-export { AiModuleDoc } from "./components/Doc.js";
+export { Doc } from "./components/Doc.js";
+export { Doc as AiModuleDoc } from "./components/Doc.js";
 // Configuration de build
 export { default as buildConfig } from "./ai.build.config.js";

package/dist/web/admin/UserTokenPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserTokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/admin/UserTokenPage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,4CAe5B"}
+{"version":3,"file":"UserTokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/admin/UserTokenPage.tsx"],"names":[],"mappings":"AA+DA,wBAAgB,aAAa,4CAuY5B"}