@lastbrain/module-ai 2.0.26 → 2.0.30

package/dist/components/admin/UserTokenTab.js

@@ -1,9 +1,10 @@
 "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";
-import { useModuleTranslation } from "@lastbrain/core";
+import { Card, CardBody, CardHeader, Button, Input, Spinner, addToast, Select, SelectItem, } from "@lastbrain/ui";
+import { Plus, Coins, DollarSign, TrendingDown, TrendingUp, Wallet, TrendingUp as UsageIcon, Calendar, } from "lucide-react";
+import { logger, useModuleTranslation } from "@lastbrain/core";
+import { formatDateFr } from "../../utils/date";
 export function UserTokenTab({ userId }) {
     const t = useModuleTranslation("ai");
     const [loading, setLoading] = useState(true);
@@ -12,15 +13,65 @@ export function UserTokenTab({ userId }) {
     const [adjustmentAmount, setAdjustmentAmount] = useState("");
     const [adjustmentDescription, setAdjustmentDescription] = useState("");
     const [processing, setProcessing] = useState(false);
-    // Charger le solde et l'historique
+    const [walletAnalytics, setWalletAnalytics] = useState(null);
+    const [modelUsage, setModelUsage] = useState([]);
+    const [loadingUsage, setLoadingUsage] = useState(false);
+    const [selectedMonth, setSelectedMonth] = useState("all");
+    // Quota state
+    const [quotaStatus, setQuotaStatus] = useState(null);
+    const [customQuotaAmount, setCustomQuotaAmount] = useState("");
+    const [editingQuota, setEditingQuota] = useState(false);
+    // Charger analytics wallet
+    const fetchWalletAnalytics = async () => {
+        try {
+            const response = await fetch(`/api/ai/admin/user-wallet-analytics?userId=${userId}`);
+            if (response.ok) {
+                const data = await response.json();
+                setWalletAnalytics(data);
+            }
+        }
+        catch (error) {
+            logger.error("Error loading wallet analytics:", error);
+        }
+    };
+    // Charger usage par modèle
+    const fetchModelUsage = async () => {
+        try {
+            setLoadingUsage(true);
+            const params = new URLSearchParams({ userId });
+            if (selectedMonth !== "all") {
+                params.append("month", selectedMonth);
+            }
+            const response = await fetch(`/api/ai/admin/user-usage-by-model?${params.toString()}`);
+            if (response.ok) {
+                const data = await response.json();
+                setModelUsage(data.data || []);
+            }
+        }
+        catch (error) {
+            logger.error("Error loading model usage:", error);
+        }
+        finally {
+            setLoadingUsage(false);
+        }
+    };
+    // Charger le solde, l'historique et le quota
     const fetchTokenData = async () => {
         try {
             setLoading(true);
-            const res = await fetch(`/api/ai/admin/user-token/${userId}`);
-            if (!res.ok)
+            // Fetch tokens, quota, and analytics in parallel
+            const [tokenRes, quotaRes] = await Promise.all([
+                // Request a large limit so the UI can display the full history (credit & debit)
+                fetch(`/api/ai/admin/user-token/${userId}?limit=1000&offset=0`),
+                fetch(`/api/ai/admin/user-quota?userId=${userId}`),
+            ]);
+            // Fetch analytics separately (non-blocking)
+            fetchWalletAnalytics();
+            if (!tokenRes.ok) {
                 throw new Error(t("admin.user_token.error.loading") ||
                     "Échec chargement détails tokens");
-            const data = await res.json();
+            }
+            const data = await tokenRes.json();
             const currentBalance = data.balance || 0;
             setBalance(currentBalance);
             const history = data.history || data.data || [];
@@ -29,10 +80,13 @@ export function UserTokenTab({ userId }) {
             const computed = history.map((entry) => {
                 const balanceAfter = running;
                 running -= entry.amount; // préparer balance pour l'entrée suivante
+                // Utiliser les montants USD si disponibles, sinon tokens (pour backward compat)
+                const displayAmount = entry.meta?.sell_usd || entry.meta?.sellUsd || entry.amount || 0;
+                const displayBalance = walletAnalytics?.walletSellValueUsd || balanceAfter;
                 return {
                     ...entry,
-                    balance_after: balanceAfter,
-                    display_amount: entry.amount,
+                    balance_after: displayBalance,
+                    display_amount: displayAmount,
                     display_description: entry.meta?.reason ||
                         entry.description ||
                         entry.type ||
@@ -41,9 +95,14 @@ export function UserTokenTab({ userId }) {
                 };
             });
             setLedger(computed);
+            // Load quota
+            if (quotaRes.ok) {
+                const quotaData = await quotaRes.json();
+                setQuotaStatus(quotaData.quota);
+            }
         }
         catch (error) {
-            console.error(t("admin.user_token.error.loading_tokens") ||
+            logger.error(t("admin.user_token.error.loading_tokens") ||
                 "Erreur lors du chargement des tokens:", error);
             addToast({
                 color: "danger",
@@ -58,9 +117,13 @@ export function UserTokenTab({ userId }) {
     useEffect(() => {
         fetchTokenData();
     }, [userId]);
-    // Ajuster le solde (crédit ou débit)
+    // Charger model usage quand le mois change
+    useEffect(() => {
+        fetchModelUsage();
+    }, [userId, selectedMonth]);
+    // Ajuster le solde (crédit seulement pour l'instant)
     const handleAdjustment = async (type) => {
-        const amount = parseInt(adjustmentAmount);
+        const amount = parseFloat(adjustmentAmount);
         if (isNaN(amount) || amount <= 0) {
             addToast({
                 color: "danger",
@@ -76,6 +139,13 @@ export function UserTokenTab({ userId }) {
             });
             return;
         }
+        if (type === "debit") {
+            addToast({
+                color: "danger",
+                title: "Le débit de crédits n'est pas encore supporté",
+            });
+            return;
+        }
         try {
             setProcessing(true);
             const response = await fetch(`/api/ai/admin/user-token`, {
@@ -83,8 +153,7 @@ export function UserTokenTab({ userId }) {
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
                     userId,
-                    amount: type === "credit" ? amount : -amount,
-                    type: "adjust",
+                    amount: amount, // USD amount
                     reason: adjustmentDescription,
                 }),
             });
@@ -94,18 +163,18 @@ export function UserTokenTab({ userId }) {
             }
             addToast({
                 color: "success",
-                title: type === "credit"
-                    ? t("admin.user_token.success.credited") || "Tokens crédités"
-                    : t("admin.user_token.success.debited") || "Tokens débités",
+                title: `$${amount.toFixed(2)} de crédits IA ajoutés`,
             });
             // Reset
             setAdjustmentAmount("");
             setAdjustmentDescription("");
             // Recharger les données
             await fetchTokenData();
+            await fetchWalletAnalytics();
+            await fetchModelUsage();
         }
         catch (error) {
-            console.error(t("admin.user_token.error.adjustment") || "Erreur:", error);
+            logger.error(t("admin.user_token.error.adjustment") || "Erreur:", error);
             addToast({
                 color: "danger",
                 title: t("admin.user_token.error.adjustment_error") ||
@@ -116,12 +185,90 @@ export function UserTokenTab({ userId }) {
             setProcessing(false);
         }
     };
+    // Update custom quota
+    const handleUpdateCustomQuota = async () => {
+        const amount = customQuotaAmount.trim() === "" ? null : parseInt(customQuotaAmount);
+        if (amount !== null && (isNaN(amount) || amount < 0)) {
+            addToast({
+                color: "danger",
+                title: "Montant invalide",
+            });
+            return;
+        }
+        try {
+            setProcessing(true);
+            const response = await fetch(`/api/ai/admin/user-quota`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    userId,
+                    customTokens: amount,
+                }),
+            });
+            if (!response.ok) {
+                throw new Error("Échec de la mise à jour du quota");
+            }
+            const data = await response.json();
+            setQuotaStatus(data.quota);
+            setEditingQuota(false);
+            setCustomQuotaAmount("");
+            addToast({
+                color: "success",
+                title: amount === null
+                    ? "Quota réinitialisé"
+                    : "Quota personnalisé mis à jour",
+            });
+        }
+        catch (error) {
+            logger.error("Erreur lors de la mise à jour du quota:", error);
+            addToast({
+                color: "danger",
+                title: "Erreur lors de la mise à jour du quota",
+            });
+        }
+        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: "w-full space-y-6 mt-4", children: [_jsxs("div", { className: "w-full flex flex-col md:flex-row gap-6", children: [_jsxs(Card, { className: "min-w-72", 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: t("admin.user_token.balance.title") || "Solde de tokens" })] }) }), _jsx(CardBody, { className: "flex items-center justify-center", 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: t("admin.user_token.balance.available") ||
-                                                "tokens disponibles" })] }) })] }), _jsxs(Card, { className: "flex-1 ", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: t("admin.user_token.adjustment.title") || "Ajuster le solde" }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsx(Input, { type: "number", label: t("admin.user_token.adjustment.amount") || "Montant", placeholder: t("admin.user_token.adjustment.amount_placeholder") || "1000", value: adjustmentAmount, onChange: (e) => setAdjustmentAmount(e.target.value), min: "1", endContent: _jsx("span", { className: "text-sm text-gray-500", children: t("chip.tokens") || "tokens" }) }), _jsx(Input, { label: t("admin.user_token.adjustment.description") || "Description", placeholder: t("admin.user_token.adjustment.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: t("admin.user_token.adjustment.credit_button") || "Créditer" }), _jsx(Button, { color: "danger", variant: "bordered", startContent: _jsx(Minus, { size: 16 }), onPress: () => handleAdjustment("debit"), isLoading: processing, isDisabled: !adjustmentAmount || !adjustmentDescription.trim(), children: t("admin.user_token.adjustment.debit_button") || "Débiter" })] })] })] })] }), _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: t("admin.user_token.history.title") ||
-                                        "Historique des transactions" })] }) }), _jsx(CardBody, { children: ledger.length === 0 ? (_jsx("p", { className: "text-center text-gray-500 py-4", children: t("admin.user_token.history.no_transactions") ||
-                                "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: [t("admin.user_token.history.balance_label") || "Solde", ":", " ", entry.balance_after.toLocaleString()] })] })] }, entry.id))) })) })] })] }));
+    return (_jsxs("div", { className: "w-full space-y-6 mt-4", children: [walletAnalytics && (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 mb-6", children: [_jsx(Card, { className: "border-2 border-success", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(DollarSign, { size: 42, className: "text-success" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-default-500", children: "CA Total (USD)" }), _jsxs("p", { className: "text-2xl font-bold text-success", children: ["$", walletAnalytics.totalSellUsd.toFixed(2)] })] })] }) }) }), _jsx(Card, { className: "border-2 border-warning", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(TrendingDown, { size: 42, className: "text-warning" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-default-500", children: "Co\u00FBt Fournisseur (USD)" }), _jsxs("p", { className: "text-2xl font-bold text-warning", children: ["$", walletAnalytics.totalProviderCostUsd.toFixed(2)] })] })] }) }) }), _jsx(Card, { className: "border-2 border-secondary", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(TrendingUp, { size: 42, className: "text-secondary" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-default-500", children: "Marge Totale (USD)" }), _jsxs("p", { className: "text-2xl font-bold text-secondary", children: ["$", walletAnalytics.totalMarginUsd.toFixed(2)] }), _jsxs("p", { className: "text-xs text-default-400", children: ["\u2248 ", walletAnalytics.marginPercent.toFixed(1), "% moyen"] })] })] }) }) }), _jsx(Card, { className: "border-2 border-primary", children: _jsx(CardBody, { children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Wallet, { size: 42, className: "text-primary" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-default-500", children: "Wallet Budget" }), _jsxs("p", { className: "text-2xl font-bold text-primary", children: ["$", walletAnalytics.walletProviderBudgetUsd.toFixed(4)] }), _jsxs("p", { className: "text-xs text-default-400", children: ["Tokens:", " ", walletAnalytics.tokensAdded - walletAnalytics.tokensUsed] })] })] }) }) })] })), quotaStatus && quotaStatus.hasQuota && (_jsxs(Card, { className: "border-2 border-primary", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Coins, { size: 20, className: "text-primary" }), _jsxs("h3", { className: "text-lg font-semibold", children: ["Quota mensuel inclus (", quotaStatus.plan.toUpperCase(), ")"] })] }), !editingQuota && (_jsx(Button, { size: "sm", color: "primary", variant: "flat", onPress: () => setEditingQuota(true), children: "Personnaliser" }))] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("div", { className: "text-center p-4 bg-primary-50 dark:bg-primary-900/20 rounded-lg", children: [_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-1", children: "Quota effectif" }), _jsx("p", { className: "text-3xl font-bold text-primary", children: quotaStatus.effectiveQuota.toLocaleString() })] }), _jsxs("div", { className: "text-center p-4 bg-warning-50 dark:bg-warning-900/20 rounded-lg", children: [_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-1", children: "Utilis\u00E9s" }), _jsx("p", { className: "text-3xl font-bold text-warning", children: quotaStatus.usedQuota.toLocaleString() })] }), _jsxs("div", { className: "text-center p-4 bg-success-50 dark:bg-success-900/20 rounded-lg", children: [_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-1", children: "Restants" }), _jsx("p", { className: "text-3xl font-bold text-success", children: quotaStatus.remainingQuota.toLocaleString() })] })] }), quotaStatus.periodStart && quotaStatus.periodEnd && (_jsxs("div", { className: "text-center text-sm text-gray-500", children: [_jsxs("p", { children: ["P\u00E9riode: ", formatDateFr(quotaStatus.periodStart), " - ", formatDateFr(quotaStatus.periodEnd)] }), _jsx("p", { className: `mt-1 ${quotaStatus.isActive ? "text-success" : "text-danger"}`, children: quotaStatus.isActive ? "✓ Période active" : "✗ Hors période" })] })), editingQuota && (_jsxs("div", { className: "space-y-4 pt-4 border-t", children: [_jsx("h4", { className: "font-semibold", children: "Personnaliser le quota mensuel" }), _jsx(Input, { type: "number", label: "Quota personnalis\u00E9", placeholder: "Laisser vide pour r\u00E9initialiser au d\u00E9faut du plan", value: customQuotaAmount, onChange: (e) => setCustomQuotaAmount(e.target.value), min: "0", endContent: _jsx("span", { className: "text-sm text-gray-500", children: "tokens/mois" }) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { color: "primary", onPress: handleUpdateCustomQuota, isLoading: processing, children: "Appliquer" }), _jsx(Button, { variant: "flat", onPress: () => {
+                                                    setEditingQuota(false);
+                                                    setCustomQuotaAmount("");
+                                                }, children: "Annuler" }), _jsx(Button, { color: "warning", variant: "flat", onPress: () => {
+                                                    setCustomQuotaAmount("");
+                                                    handleUpdateCustomQuota();
+                                                }, isLoading: processing, children: "R\u00E9initialiser au d\u00E9faut" })] }), _jsx("p", { className: "text-xs text-gray-500", children: "Note: La modification s'appliquera imm\u00E9diatement. Le quota sera r\u00E9initialis\u00E9 au prochain renouvellement de p\u00E9riode." })] }))] })] })), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(UsageIcon, { size: 20 }), _jsx("h3", { className: "text-lg font-semibold", children: "Utilisation par mod\u00E8le" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { size: 16, className: "text-gray-500" }), _jsx(Select, { size: "sm", label: "", placeholder: "P\u00E9riode", selectedKeys: [selectedMonth], onSelectionChange: (keys) => {
+                                            const key = Array.from(keys)[0];
+                                            setSelectedMonth(key);
+                                        }, className: "min-w-[180px]", children: [
+                                            { value: "all", label: "Tous les mois" },
+                                            ...(() => {
+                                                const months = [];
+                                                const now = new Date();
+                                                for (let i = 0; i < 12; i++) {
+                                                    const date = new Date(now.getFullYear(), now.getMonth() - i, 1);
+                                                    const value = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
+                                                    const label = date.toLocaleDateString("fr-FR", {
+                                                        year: "numeric",
+                                                        month: "long",
+                                                    });
+                                                    months.push({ value, label });
+                                                }
+                                                return months;
+                                            })(),
+                                        ].map((month) => (_jsx(SelectItem, { children: month.label }, month.value))) })] })] }), _jsx(CardBody, { children: loadingUsage ? (_jsx("div", { className: "flex justify-center items-center py-12", children: _jsx(Spinner, { size: "lg" }) })) : modelUsage.length === 0 ? (_jsx("div", { className: "text-center py-12 text-gray-500", children: "Aucune utilisation enregistr\u00E9e" })) : (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-950/20 dark:to-indigo-950/20 p-4 rounded-lg border border-blue-200 dark:border-blue-800", children: _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Total d\u00E9pens\u00E9 (p\u00E9riode)" }), _jsxs("p", { className: "text-2xl font-bold text-blue-600 dark:text-blue-400", children: ["$", modelUsage
+                                                                .reduce((sum, item) => sum + item.total_sell_usd, 0)
+                                                                .toFixed(2)] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Cr\u00E9dit restant" }), _jsxs("p", { className: "text-2xl font-bold text-green-600 dark:text-green-400", children: ["$", (walletAnalytics?.walletSellValueUsd || 0).toFixed(2)] })] })] }) }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-gray-200 dark:border-gray-700", children: [_jsx("th", { className: "text-left py-3 px-2 text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Mod\u00E8le" }), _jsx("th", { className: "text-left py-3 px-2 text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Provider" }), _jsx("th", { className: "text-right py-3 px-2 text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Co\u00FBt total" }), _jsx("th", { className: "text-right py-3 px-2 text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Appels" }), _jsx("th", { className: "text-right py-3 px-2 text-sm font-semibold text-gray-700 dark:text-gray-300", children: "Co\u00FBt/appel" })] }) }), _jsx("tbody", { children: modelUsage.map((item, index) => {
+                                                    const totalSpent = modelUsage.reduce((sum, i) => sum + i.total_sell_usd, 0);
+                                                    const percentOfTotal = totalSpent > 0
+                                                        ? (item.total_sell_usd / totalSpent) * 100
+                                                        : 0;
+                                                    return (_jsxs("tr", { className: "border-b border-gray-100 dark:border-gray-800 hover:bg-gray-50 dark:hover:bg-gray-900/50 transition-colors", children: [_jsx("td", { className: "py-3 px-2", children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium text-sm", children: item.model }), item.endpoint && (_jsx("span", { className: "text-xs text-gray-500", children: item.endpoint }))] }) }), _jsx("td", { className: "py-3 px-2", children: _jsx("span", { className: "text-sm text-gray-600 dark:text-gray-400 capitalize", children: item.provider || "—" }) }), _jsx("td", { className: "py-3 px-2 text-right", children: _jsxs("div", { className: "flex flex-col items-end", children: [_jsxs("span", { className: "font-semibold text-sm", children: ["$", item.total_sell_usd.toFixed(2)] }), _jsxs("span", { className: "text-xs text-gray-500", children: [percentOfTotal.toFixed(1), "%"] })] }) }), _jsx("td", { className: "py-3 px-2 text-right", children: _jsx("span", { className: "text-sm font-medium", children: item.call_count.toLocaleString() }) }), _jsx("td", { className: "py-3 px-2 text-right", children: _jsxs("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: ["$", item.avg_cost_per_call.toFixed(4)] }) })] }, `${item.model}-${index}`));
+                                                }) })] }) }), _jsx("div", { className: "text-xs text-gray-500 pt-2", children: _jsx("p", { children: "\uD83D\uDCA1 Les co\u00FBts affich\u00E9s sont les montants d\u00E9bit\u00E9s du cr\u00E9dit IA (incluant marge et infrastructure)." }) })] })) })] }), _jsxs("div", { className: "w-full flex flex-col md:flex-row gap-6", children: [_jsxs(Card, { className: "min-w-72", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(DollarSign, { size: 20 }), _jsx("h3", { className: "text-lg font-semibold", children: t("admin.user_token.balance.title") || "Crédits IA" })] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-xs text-gray-500 uppercase tracking-wide mb-1", children: "Valeur offerte (100%)" }), _jsxs("p", { className: "text-3xl font-bold text-primary", children: ["$", walletAnalytics?.walletSellValueUsd?.toFixed(2) ||
+                                                        balance.toFixed(2)] })] }), _jsx("div", { className: "border-t pt-4", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-xs text-gray-500 uppercase tracking-wide mb-1", children: "Budget r\u00E9el de consommation (40%)" }), _jsxs("p", { className: "text-3xl font-bold text-success", children: ["$", walletAnalytics?.walletProviderBudgetUsd?.toFixed(2) ||
+                                                            "0.00"] }), _jsx("p", { className: "text-xs text-gray-500 mt-1", children: "\uD83D\uDCA1 C'est ce montant qui sera d\u00E9bit\u00E9 des providers" })] }) })] })] }), _jsxs(Card, { className: "flex-1 ", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: t("admin.user_token.adjustment.title") || "Ajuster le solde" }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { className: "bg-blue-50 dark:bg-blue-950/20 p-3 rounded-lg border border-blue-200 dark:border-blue-800", children: [_jsxs("p", { className: "text-xs text-gray-700 dark:text-gray-300", children: ["\uD83D\uDCA1 ", _jsx("strong", { children: "Important :" }), " Quand vous offrez des cr\u00E9dits, l'utilisateur re\u00E7oit :"] }), _jsxs("ul", { className: "text-xs text-gray-600 dark:text-gray-400 mt-2 space-y-1 pl-4", children: [_jsxs("li", { children: ["\u2022 ", _jsx("strong", { children: "100%" }), " affich\u00E9 comme \"valeur offerte\""] }), _jsxs("li", { children: ["\u2022 ", _jsx("strong", { children: "40%" }), " comme budget r\u00E9el de consommation"] }), _jsxs("li", { children: ["\u2022 ", _jsx("strong", { children: "60%" }), " sera la marge lors de l'utilisation"] })] }), _jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 mt-2", children: "Exemple : Offrir $5 = $5 affich\u00E9s, mais $2 de budget r\u00E9el" })] }), _jsx(Input, { type: "number", label: t("admin.user_token.adjustment.amount") || "Montant (USD)", placeholder: t("admin.user_token.adjustment.amount_placeholder") || "5.00", value: adjustmentAmount, onChange: (e) => setAdjustmentAmount(e.target.value), min: "0.01", max: "1000", step: "0.01", endContent: _jsx("span", { className: "text-sm text-gray-500", children: t("chip.usd") || "$" }) }), _jsx(Input, { label: t("admin.user_token.adjustment.description") || "Description", placeholder: t("admin.user_token.adjustment.description_placeholder") ||
+                                            "Raison de l'ajustement...", value: adjustmentDescription, onChange: (e) => setAdjustmentDescription(e.target.value), maxLength: 200 }), _jsx("div", { className: "flex justify-end gap-2", children: _jsx(Button, { color: "success", startContent: _jsx(Plus, { size: 16 }), onPress: () => handleAdjustment("credit"), isLoading: processing, isDisabled: !adjustmentAmount || !adjustmentDescription.trim(), children: t("admin.user_token.adjustment.credit_button") ||
+                                                "Offrir des crédits" }) })] })] })] })] }));
 }

package/dist/components/auth/AuthDashboardAi.d.ts

@@ -0,0 +1,2 @@
+export declare function AuthDashboardAi(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AuthDashboardAi.d.ts.map

package/dist/components/auth/AuthDashboardAi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthDashboardAi.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthDashboardAi.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,eAAe,mDAkI9B"}

package/dist/components/auth/AuthDashboardAi.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Card, CardBody, Progress, Spinner } from "@lastbrain/ui";
+import { TrendingDown, Wallet, Gauge } from "lucide-react";
+import { useAuth, useModuleTranslation, logger } from "@lastbrain/core";
+export function AuthDashboardAi() {
+    const t = useModuleTranslation("ai");
+    const { user } = useAuth();
+    const [balance, setBalance] = useState(null);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        if (user) {
+            fetchBalance();
+        }
+    }, [user]);
+    const fetchBalance = async () => {
+        try {
+            setLoading(true);
+            const response = await fetch("/api/ai/auth/wallet");
+            if (response.ok) {
+                const data = await response.json();
+                setBalance(data);
+            }
+        }
+        catch (error) {
+            logger.error("Failed to fetch wallet balance", error);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const formatUsd = (amount) => {
+        if (amount === undefined || amount === null)
+            return "$0.00";
+        return `$${amount.toFixed(2)}`;
+    };
+    if (loading) {
+        return (_jsx("div", { className: "flex justify-center py-8", children: _jsx(Spinner, {}) }));
+    }
+    if (!balance)
+        return null;
+    const usagePercentage = balance.percentage || 0;
+    const getUsageColor = (percentage) => {
+        if (percentage > 90)
+            return "danger";
+        if (percentage >= 80)
+            return "warning";
+        return "success";
+    };
+    const usageColor = getUsageColor(usagePercentage);
+    return (_jsxs("div", { className: "max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [_jsx(Card, { className: "border-2 border-primary", children: _jsxs(CardBody, { className: "p-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: "p-2 rounded-lg bg-primary/10", children: _jsx(Wallet, { size: 24, className: "text-primary" }) }), _jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-sm text-default-800", children: t("wallet.balance.current") || "Crédits disponibles" }) })] }), _jsx("p", { className: "text-3xl font-bold text-primary", children: formatUsd(balance.walletSellValueUsd) }), _jsx("p", { className: "text-xs text-default-700 mt-1", children: t("wallet.balance.available") || "Solde disponible" })] }) }), _jsx(Card, { className: "border-2 border-danger", children: _jsxs(CardBody, { className: "p-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: "p-2 rounded-lg bg-danger/10", children: _jsx(TrendingDown, { size: 24, className: "text-danger" }) }), _jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-sm text-default-800", children: t("wallet.balance.total_used") || "Total dépensé" }) })] }), _jsx("p", { className: "text-3xl font-bold text-danger", children: formatUsd(balance.totalUsed) }), _jsx("p", { className: "text-xs text-default-700 mt-1", children: t("wallet.balance.consumed") || "Consommé" })] }) }), _jsx(Card, { className: `border-2 border-${usageColor}`, children: _jsxs(CardBody, { className: "p-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: `p-2 rounded-lg bg-${usageColor}/10`, children: _jsx(Gauge, { size: 24, className: `text-${usageColor}` }) }), _jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-sm text-default-800", children: t("wallet.usage.percentage") || "Utilisation" }) })] }), _jsxs("p", { className: `text-3xl font-bold text-${usageColor}`, children: [usagePercentage.toFixed(1), "%"] }), _jsx("div", { className: "mt-3", children: _jsx(Progress, { value: usagePercentage, color: usageColor, className: "h-2" }) }), _jsxs("p", { className: "text-xs text-default-700 mt-2", children: [formatUsd(balance.totalUsed), " / ", formatUsd(balance.totalAdded)] })] }) })] }));
+}

package/dist/docs/REFACTORING_BILLING_GUIDE.d.ts

@@ -0,0 +1,277 @@
+/**
+ * REFACTORING BILLING IA - GUIDE D'IMPLÉMENTATION
+ * =================================================
+ *
+ * Ce fichier documente les changements nécessaires pour centraliser
+ * la logique de billing IA et passer à un modèle "Crédits IA" (USD).
+ *
+ * ✅ DÉJÀ FAIT :
+ * ==============
+ * 1. `packages/module-ai/src/server/billing.ts`
+ *    - Ajout documentation règles économiques
+ *    - Création fonction `computeAndDebitAIUsage()` centralisée
+ *    - Configuration minimums par action (ACTION_MIN_SELL_USD)
+ *    - Logging anonyme de chaque débit
+ *
+ * 2. `packages/module-ai/src/api/public/pricing-summary.ts`
+ *    - Endpoint GET pour afficher estimations selon nouveau modèle
+ *
+ * ⚠️ À FAIRE :
+ * ============
+ *
+ * A) Modifier tous les endpoints pour utiliser `computeAndDebitAIUsage()`
+ * -------------------------------------------------------------------
+ *
+ * Fichiers à modifier :
+ * - `packages/module-ai/src/api/auth/generate-text.ts`
+ * - `packages/module-ai/src/api/auth/generate-image.ts`
+ * - `packages/module-recipes-pro/src/api/auth/recipes-bilingual.ts`
+ * - Tous les endpoints de suggestions UI (autocomplete, etc.)
+ *
+ * Pattern de remplacement :
+ *
+ * ```typescript
+ * // AVANT (ancien système avec recordConsumption)
+ * const consumeResult = await recordConsumption(user.id, usage, pricing, metadata);
+ *
+ * // APRÈS (nouveau système centralisé)
+ * import { computeAndDebitAIUsage, computeProviderCostUsd } from "@lastbrain/module-ai/server/billing";
+ * import { getWalletState } from "@lastbrain/module-ai/server/billing";
+ *
+ * // 1. Calculer le coût provider
+ * const providerCostUsd = computeProviderCostUsd(usage, pricing);
+ *
+ * // 2. Récupérer wallet
+ * const wallet = await getWalletState(user.id);
+ *
+ * // 3. Compute & debit avec actionType approprié
+ * const billingResult = computeAndDebitAIUsage({
+ *   userId: user.id,
+ *   actionType: "generate-recipe-text", // ou "generate-image", "generate-text", etc.
+ *   providerCostUsd,
+ *   wallet,
+ *   metadata: {
+ *     model: modelName,
+ *     provider,
+ *     endpoint: "generate-text",
+ *     prompt: prompt.substring(0, 32),
+ *     generatedText: generatedText.substring(0, 500),
+ *   },
+ * });
+ *
+ * if (!billingResult.success) {
+ *   return NextResponse.json(
+ *     { error: "Crédits insuffisants" },
+ *     { status: 402 } // Payment Required
+ *   );
+ * }
+ *
+ * // 4. Enregistrer dans le ledger via RPC
+ * const { error: ledgerError } = await supabase.rpc("record_token_consumption", {
+ *   p_user_id: user.id,
+ *   p_debit_tokens: billingResult.tokensDebited || 0,
+ *   p_provider_cost_usd: providerCostUsd,
+ *   p_sell_usd: billingResult.sellCostUsd,
+ *   p_margin_usd: billingResult.marginUsd,
+ *   p_meta: metadata,
+ * });
+ * ```
+ *
+ *
+ * B) Refactorer PurchaseTokensPage.tsx
+ * ------------------------------------
+ *
+ * Modifications UI :
+ *
+ * 1. Remplacer tous "Tokens" par "Crédits IA"
+ *
+ * 2. Afficher pour chaque pack :
+ *    ```tsx
+ *    <div className="mb-6">
+ *      <p className="text-4xl font-bold text-primary mb-1">
+ *        {formatPrice(pack.price_cents, pack.currency)}
+ *      </p>
+ *      <p className="text-sm text-default-700">Crédit IA</p>
+ *    </div>
+ *
+ *    <div className="mb-4 p-3 bg-blue-50 rounded-lg">
+ *      <p className="text-xs text-gray-600 mb-1">
+ *        Budget fournisseur inclus
+ *      </p>
+ *      <p className="text-sm font-semibold text-blue-600">
+ *        ${((pack.price_cents / 100) / 2.5).toFixed(2)}
+ *      </p>
+ *      <p className="text-xs text-gray-500 mt-1">
+ *        (marge et infrastructure incluses)
+ *      </p>
+ *    </div>
+ *
+ *    <div className="mb-6 text-xs text-gray-600">
+ *      <p>· Recette complète : à partir de 0.20$</p>
+ *      <p>· Image : à partir de 0.05$</p>
+ *      <p className="mt-2 font-semibold text-green-600">
+ *        ≈ {Math.floor((pack.price_cents / 100) / 0.20)} recettes max
+ *      </p>
+ *    </div>
+ *    ```
+ *
+ * 3. Supprimer/simplifier la section "Models Pricing"
+ *    - Ne plus afficher prix token/million tokens
+ *    - Afficher coûts estimés par action en USD
+ *    - Utiliser endpoint `/api/ai/public/pricing-summary`
+ *
+ *
+ * C) Refactorer UsageAndTokensPage.tsx
+ * ------------------------------------
+ *
+ * Modifications UI :
+ *
+ * 1. Remplacer TokenKpiGrid par une barre de progression simple :
+ *    ```tsx
+ *    <Card>
+ *      <CardHeader>
+ *        <h3>Crédits IA restants</h3>
+ *      </CardHeader>
+ *      <CardBody>
+ *        <div className="mb-2">
+ *          <div className="flex justify-between mb-1">
+ *            <span className="text-2xl font-bold">
+ *              {wallet ? `$${wallet.walletSellValueUsd.toFixed(2)}` : "—"}
+ *            </span>
+ *            <span className={`text-sm ${getColorClass(percentRemaining)}`}>
+ *              {percentRemaining.toFixed(1)}%
+ *            </span>
+ *          </div>
+ *          <div className="w-full bg-gray-200 rounded-full h-3">
+ *            <div
+ *              className={`h-3 rounded-full ${getProgressBarColor(percentRemaining)}`}
+ *              style={{ width: `${percentRemaining}%` }}
+ *            />
+ *          </div>
+ *        </div>
+ *
+ *        {percentRemaining < 25 && (
+ *          <Alert color="warning" className="mt-4">
+ *            <AlertCircle size={20} />
+ *            <p>Vos crédits sont faibles. Rechargez maintenant.</p>
+ *            <PurchaseButton />
+ *          </Alert>
+ *        )}
+ *      </CardBody>
+ *    </Card>
+ *    ```
+ *
+ * 2. Modifier UsageByModelBarChart pour afficher :
+ *    - Modèle
+ *    - Nombre d'appels
+ *    - Total facturé (sellUsd)
+ *    - Ne PAS afficher tokens
+ *
+ * 3. Seuils couleurs :
+ *    ```typescript
+ *    function getColorClass(percent: number): string {
+ *      if (percent > 50) return "text-green-600";
+ *      if (percent > 25) return "text-orange-500";
+ *      return "text-red-600";
+ *    }
+ *
+ *    function getProgressBarColor(percent: number): string {
+ *      if (percent > 50) return "bg-green-500";
+ *      if (percent > 25) return "bg-orange-500";
+ *      return "bg-red-500";
+ *    }
+ *    ```
+ *
+ *
+ * D) Endpoint wallet
+ * ------------------
+ *
+ * Créer/modifier `/api/ai/auth/wallet` pour retourner :
+ * ```typescript
+ * {
+ *   walletSellValueUsd: number,      // Crédit restant
+ *   walletProviderBudgetUsd: number, // Budget provider restant
+ *   percentRemaining: number,        // % restant
+ *   tokenBalance: number,            // Pour compatibilité (ne pas afficher en UI)
+ * }
+ * ```
+ *
+ *
+ * E) Tests à ajouter
+ * ------------------
+ *
+ * Créer `packages/module-ai/src/server/__tests__/billing.test.ts` :
+ *
+ * ```typescript
+ * import { computeAndDebitAIUsage } from "../billing";
+ *
+ * describe("Billing centralisé", () => {
+ *   test("Pack 5$ : recette doit débiter min 0.20$", () => {
+ *     const result = computeAndDebitAIUsage({
+ *       userId: "test-user",
+ *       actionType: "generate-recipe-text",
+ *       providerCostUsd: 0.001, // Très bas
+ *       wallet: {
+ *         tokenBalance: 100000,
+ *         walletProviderBudgetUsd: 2.0,
+ *         walletSellValueUsd: 5.0,
+ *       },
+ *       metadata: { model: "gpt-4o-mini" },
+ *     });
+ *
+ *     expect(result.success).toBe(true);
+ *     expect(result.sellCostUsd).toBeGreaterThanOrEqual(0.20);
+ *   });
+ *
+ *   test("Budget provider insuffisant => refus", () => {
+ *     const result = computeAndDebitAIUsage({
+ *       userId: "test-user",
+ *       actionType: "generate-recipe-text",
+ *       providerCostUsd: 0.15,
+ *       wallet: {
+ *         tokenBalance: 100000,
+ *         walletProviderBudgetUsd: 0.10, // Insuffisant
+ *         walletSellValueUsd: 5.0,
+ *       },
+ *       metadata: { model: "gpt-4o-mini" },
+ *     });
+ *
+ *     expect(result.success).toBe(false);
+ *     expect(result.error).toBe("insufficient_credits");
+ *   });
+ * });
+ * ```
+ *
+ *
+ * F) Migration base de données
+ * ----------------------------
+ *
+ * Aucune migration nécessaire - le système est rétrocompatible.
+ * Les anciennes données continuent de fonctionner avec les nouveaux calculs.
+ *
+ *
+ * G) Documentation utilisateur
+ * ----------------------------
+ *
+ * Mettre à jour la doc pour expliquer :
+ * - Le système de Crédits IA (USD) remplace les tokens
+ * - Coûts minimum par action garantissent qualité service
+ * - Budget provider séparé évite les pertes
+ * - Marge de 60% permet maintenance infrastructure
+ *
+ *
+ * VALIDATION FINALE :
+ * ==================
+ *
+ * Avant mise en prod, vérifier :
+ *
+ * ✅ Tous les endpoints appellent computeAndDebitAIUsage()
+ * ✅ UI affiche "Crédits IA" au lieu de "tokens"
+ * ✅ Minimums appliqués : recette ≥ 0.20$, image ≥ 0.05$
+ * ✅ walletProviderBudgetUsd ne passe jamais sous 0
+ * ✅ Logs anonymes apparaissent à chaque débit
+ * ✅ Tests passent
+ * ✅ Pas de régression pour utilisateurs existants
+ */
+export {};
+//# sourceMappingURL=REFACTORING_BILLING_GUIDE.d.ts.map

package/dist/docs/REFACTORING_BILLING_GUIDE.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"REFACTORING_BILLING_GUIDE.d.ts","sourceRoot":"","sources":["../../src/docs/REFACTORING_BILLING_GUIDE.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkRG;AAGH,OAAO,EAAE,CAAC"}