@lastbrain/module-ai 2.0.26 → 2.0.30

package/dist/web/auth/components/TokenHistoryCard.d.ts

@@ -0,0 +1,20 @@
+interface TokenTransaction {
+    id: string;
+    amount: number;
+    type: "purchase" | "gift" | "use" | "adjust" | "quota_use";
+    source?: "quota" | "purchased";
+    description?: string;
+    model?: string;
+    prompt?: string;
+    created_at: string;
+    running_balance: number;
+}
+interface TokenHistoryCardProps {
+    transactions: TokenTransaction[];
+    maxVisible?: number;
+    loading?: boolean;
+    isFiltered?: boolean;
+}
+export declare function TokenHistoryCard({ transactions, maxVisible, loading, isFiltered, }: TokenHistoryCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TokenHistoryCard.d.ts.map

package/dist/web/auth/components/TokenHistoryCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenHistoryCard.d.ts","sourceRoot":"","sources":["../../../../src/web/auth/components/TokenHistoryCard.tsx"],"names":[],"mappings":"AAyBA,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC3D,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,qBAAqB;IAC7B,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,UAAc,EACd,OAAe,EACf,UAAkB,GACnB,EAAE,qBAAqB,2CAyMvB"}

package/dist/web/auth/components/TokenHistoryCard.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Card, CardBody, CardHeader, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Button, Chip, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Skeleton, } from "@lastbrain/ui";
+import { Eye, ArrowUp, ArrowDown } from "lucide-react";
+import { useModuleTranslation } from "@lastbrain/core";
+export function TokenHistoryCard({ transactions, maxVisible = 5, loading = false, isFiltered = false, }) {
+    const t = useModuleTranslation("ai");
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const formatDate = (dateString) => {
+        return new Date(dateString).toLocaleDateString("fr-FR", {
+            day: "2-digit",
+            month: "short",
+            year: "numeric",
+            hour: "2-digit",
+            minute: "2-digit",
+        });
+    };
+    const getTypeLabel = (type, source) => {
+        if (type === "use" && source === "quota") {
+            return t("tokens.type.quota_use") || "Quota utilisé";
+        }
+        const labels = {
+            purchase: t("tokens.type.purchase") || "Achat",
+            gift: t("tokens.type.gift") || "Cadeau",
+            use: t("tokens.type.use") || "Utilisation",
+            adjust: t("tokens.type.adjust") || "Ajustement",
+            quota_use: t("tokens.type.quota_use") || "Quota utilisé",
+        };
+        return labels[type] || type;
+    };
+    const getTypeColor = (type, source) => {
+        if (type === "use" && source === "quota") {
+            return "primary";
+        }
+        const colors = {
+            purchase: "success",
+            gift: "primary",
+            use: "danger",
+            adjust: "warning",
+            quota_use: "primary",
+        };
+        return colors[type] || "default";
+    };
+    // Filtrer les transactions valides (avec amount défini)
+    const validTransactions = transactions.filter((tx) => tx && typeof tx.amount === "number");
+    const visibleTransactions = validTransactions.slice(0, maxVisible);
+    if (loading) {
+        return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("div", { className: "flex justify-between items-center w-full", children: _jsx("div", { children: _jsx("h3", { className: "text-lg font-semibold", children: "Historique des transactions" }) }) }) }), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-12 w-full" }), _jsx(Skeleton, { className: "h-12 w-full" }), _jsx(Skeleton, { className: "h-12 w-full" }), _jsx(Skeleton, { className: "h-12 w-full" }), _jsx(Skeleton, { className: "h-12 w-full" })] }) })] }));
+    }
+    const renderTable = (data, showBalance = false) => {
+        const columns = [
+            t("tokens.history.column_date"),
+            t("tokens.history.column_type"),
+            t("tokens.history.column_description"),
+            t("tokens.history.column_amount"),
+        ];
+        if (showBalance) {
+            columns.push(t("tokens.history.column_balance"));
+        }
+        return (_jsxs(Table, { className: "h-full", "aria-label": t("tokens.history.aria_label"), children: [_jsx(TableHeader, { children: columns.map((col, idx) => (_jsx(TableColumn, { children: col }, idx))) }), _jsx(TableBody, { emptyContent: t("tokens.history.no_transactions") ||
+                        "Aucune transaction pour ce mois", children: data.map((tx) => {
+                        const cells = [
+                            _jsx(TableCell, { className: "text-sm", children: formatDate(tx.created_at) }, "date"),
+                            _jsx(TableCell, { children: _jsx(Chip, { size: "sm", variant: "flat", color: getTypeColor(tx.type, tx.source), children: getTypeLabel(tx.type, tx.source) }) }, "type"),
+                            _jsxs(TableCell, { className: "max-w-xs truncate", children: [tx.description || tx.model || "-", tx.prompt && (_jsx("span", { className: "text-xs text-gray-500 block truncate", children: tx.prompt }))] }, "description"),
+                            _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [(tx.amount ?? 0) > 0 ? (_jsx(ArrowUp, { size: 16, className: "text-success" })) : (_jsx(ArrowDown, { size: 16, className: "text-danger" })), _jsxs("span", { className: `font-semibold ${(tx.amount ?? 0) > 0 ? "text-success" : "text-danger"}`, children: [(tx.amount ?? 0) > 0 ? "+" : "", (tx.amount ?? 0).toLocaleString()] })] }) }, "amount"),
+                        ];
+                        if (showBalance) {
+                            cells.push(_jsx(TableCell, { className: "font-mono text-sm", children: (tx.running_balance ?? 0).toLocaleString() }, "balance"));
+                        }
+                        return _jsx(TableRow, { children: cells }, tx.id);
+                    }) })] }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(Card, { className: "h-full ", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: t("tokens.history.title") }), _jsxs("p", { className: "text-xs text-gray-500", children: [validTransactions.length, " transactions au total"] })] }), validTransactions.length > maxVisible && (_jsx(Button, { size: "sm", variant: "flat", color: "primary", startContent: _jsx(Eye, { size: 16 }), onPress: () => setIsModalOpen(true), children: "Voir plus" }))] }), _jsx(CardBody, { children: renderTable(visibleTransactions, false) })] }), _jsx(Modal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), size: "5xl", scrollBehavior: "inside", children: _jsxs(ModalContent, { children: [_jsx(ModalHeader, { children: _jsx("h2", { className: "text-xl font-bold", children: t("tokens.history.title") }) }), _jsx(ModalBody, { children: renderTable(validTransactions, !isFiltered) }), _jsx(ModalFooter, { children: _jsx(Button, { variant: "light", onPress: () => setIsModalOpen(false), children: "Fermer" }) })] }) })] }));
+}

package/dist/web/auth/components/TokenKpiGrid.d.ts

@@ -0,0 +1,24 @@
+interface TokenBalance {
+    quota: {
+        hasQuota: boolean;
+        plan: string;
+        effectiveQuota: number;
+        usedQuota: number;
+        remainingQuota: number;
+        periodStart: string | null;
+        periodEnd: string | null;
+        isActive: boolean;
+    };
+    purchased: {
+        balance: number;
+        totalAdded: number;
+        totalUsed: number;
+    };
+    balance: number;
+}
+interface TokenKpiGridProps {
+    balance: TokenBalance | null;
+}
+export declare function TokenKpiGrid({ balance }: TokenKpiGridProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=TokenKpiGrid.d.ts.map

package/dist/web/auth/components/TokenKpiGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenKpiGrid.d.ts","sourceRoot":"","sources":["../../../../src/web/auth/components/TokenKpiGrid.tsx"],"names":[],"mappings":"AAMA,UAAU,YAAY;IACpB,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,cAAc,EAAE,MAAM,CAAC;QACvB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,SAAS,EAAE;QACT,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,kDAqL1D"}

package/dist/web/auth/components/TokenKpiGrid.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardBody, Progress, Chip } from "@lastbrain/ui";
+import { Coins, TrendingDown, Crown, Package, Gauge } from "lucide-react";
+import { useModuleTranslation } from "@lastbrain/core";
+export function TokenKpiGrid({ balance }) {
+    const t = useModuleTranslation("ai");
+    const formatTokensShort = (tokens) => {
+        if (tokens >= 1000 && tokens % 1000 === 0) {
+            const thousands = tokens / 1000;
+            return `${thousands}K`;
+        }
+        return tokens.toLocaleString();
+    };
+    if (!balance)
+        return null;
+    const hasQuota = balance.quota.hasQuota && balance.quota.isActive;
+    const quotaPercentage = hasQuota
+        ? (balance.quota.usedQuota / balance.quota.effectiveQuota) * 100
+        : 0;
+    const totalBalance = balance.purchased.balance + (hasQuota ? balance.quota.remainingQuota : 0);
+    // Calculer le pourcentage total d'utilisation
+    const totalAvailable = (hasQuota ? balance.quota.effectiveQuota : 0) +
+        balance.purchased.totalAdded;
+    const totalUsed = (hasQuota ? balance.quota.usedQuota : 0) + balance.purchased.totalUsed;
+    const usagePercentage = totalAvailable > 0 ? (totalUsed / totalAvailable) * 100 : 0;
+    // Déterminer la couleur selon le pourcentage
+    const getUsageColor = (percentage) => {
+        if (percentage > 90)
+            return "danger";
+        if (percentage >= 80)
+            return "warning";
+        return "success";
+    };
+    const usageColor = getUsageColor(usagePercentage);
+    return (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 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(Coins, { size: 24, className: "text-primary" }) }), _jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-sm text-default-800", children: t("tokens.balance.current") }) })] }), _jsx("p", { className: "text-3xl font-bold text-primary", children: formatTokensShort(totalBalance) }), _jsx("p", { className: "text-xs text-default-700 mt-1", children: t("tokens.balance.available") })] }) }), hasQuota && (_jsx(Card, { className: "border-2 border-warning", 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-warning/10", children: _jsx(Crown, { size: 24, className: "text-warning" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm text-default-800", children: t("tokens.quota.title") }), _jsx(Chip, { variant: "flat", color: "warning", size: "sm", children: balance.quota.plan.toUpperCase() })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { children: t("tokens.quota.used") }), _jsxs("span", { className: "font-semibold", children: [formatTokensShort(balance.quota.usedQuota), " /", " ", formatTokensShort(balance.quota.effectiveQuota)] })] }), _jsx(Progress, { value: quotaPercentage, color: quotaPercentage > 80 ? "danger" : "warning", className: "h-2" }), _jsxs("p", { className: "text-xs text-default-700", children: [formatTokensShort(balance.quota.remainingQuota), " ", t("tokens.quota.remaining")] })] })] }) })), _jsx(Card, { className: "border-2 border-success", 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-success/10", children: _jsx(Package, { size: 24, className: "text-success" }) }), _jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-sm text-default-800", children: t("tokens.purchased.title") }) })] }), _jsx("p", { className: "text-3xl font-bold text-success", children: formatTokensShort(balance.purchased.balance) }), _jsx("p", { className: "text-xs text-default-700 mt-1", children: t("tokens.purchased.available") })] }) }), _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("tokens.balance.total_used") }) })] }), _jsx("p", { className: "text-3xl font-bold text-danger", children: formatTokensShort((hasQuota ? balance.quota.usedQuota : 0) +
+                                balance.purchased.totalUsed) }), _jsx("p", { className: "text-xs text-default-700 mt-1", children: t("tokens.balance.consumed") })] }) }), _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("tokens.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: [formatTokensShort(totalUsed), " / ", formatTokensShort(totalAvailable)] })] }) })] }));
+}

package/dist/web/auth/components/UsageByDayChart.d.ts

@@ -0,0 +1,11 @@
+interface DailyUsage {
+    date: string;
+    [model: string]: string | number;
+}
+interface UsageByDayChartProps {
+    data: DailyUsage[];
+    loading?: boolean;
+}
+export declare function UsageByDayChart({ data, loading, }: UsageByDayChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UsageByDayChart.d.ts.map

package/dist/web/auth/components/UsageByDayChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageByDayChart.d.ts","sourceRoot":"","sources":["../../../../src/web/auth/components/UsageByDayChart.tsx"],"names":[],"mappings":"AAcA,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAClC;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAaD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAe,GAChB,EAAE,oBAAoB,2CAoGtB"}

package/dist/web/auth/components/UsageByDayChart.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardBody, CardHeader } from "@lastbrain/ui";
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, } from "recharts";
+import { useModuleTranslation } from "@lastbrain/core";
+import { Skeleton } from "@lastbrain/ui";
+const COLORS = [
+    "#3b82f6", // blue
+    "#10b981", // green
+    "#f59e0b", // amber
+    "#ef4444", // red
+    "#8b5cf6", // purple
+    "#ec4899", // pink
+    "#14b8a6", // teal
+    "#f97316", // orange
+];
+export function UsageByDayChart({ data, loading = false, }) {
+    const t = useModuleTranslation("ai");
+    if (loading) {
+        return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: t("usage.daily_chart_title") }) }), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" })] }) })] }));
+    }
+    if (!data || data.length === 0) {
+        return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: t("usage.daily_chart_title") }) }), _jsx(CardBody, { children: _jsx("div", { className: "flex items-center justify-center h-64 text-gray-500", children: t("usage.no_data") }) })] }));
+    }
+    // Extract all model names from the data (excluding 'date')
+    const modelNames = Object.keys(data[0] || {}).filter((key) => key !== "date");
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: t("usage.daily_chart_title") }), _jsx("p", { className: "text-xs text-gray-500", children: t("usage.daily_chart_subtitle") })] }) }), _jsx(CardBody, { children: _jsx(ResponsiveContainer, { width: "100%", height: 300, children: _jsxs(LineChart, { data: data, margin: { top: 5, right: 30, left: 20, bottom: 5 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", opacity: 0.3 }), _jsx(XAxis, { dataKey: "date", tick: { fontSize: 12 }, angle: -45, textAnchor: "end", height: 80 }), _jsx(YAxis, { tick: { fontSize: 12 }, tickFormatter: (value) => {
+                                    return `$${value.toFixed(2)}`;
+                                } }), _jsx(Tooltip, { formatter: (value, name) => [
+                                    `$${value.toFixed(3)}`,
+                                    name,
+                                ], labelFormatter: (label) => `Date: ${label}` }), _jsx(Legend, {}), modelNames.map((model, index) => (_jsx(Line, { type: "monotone", dataKey: model, stroke: COLORS[index % COLORS.length], strokeWidth: 2, dot: { r: 3 }, activeDot: { r: 5 }, name: model }, model)))] }) }) })] }));
+}

package/dist/web/auth/components/UsageByModelBarChart.d.ts

@@ -0,0 +1,12 @@
+interface UsageByModel {
+    model: string;
+    tokens: number;
+    calls: number;
+}
+interface UsageByModelBarChartProps {
+    data: UsageByModel[];
+    loading?: boolean;
+}
+export declare function UsageByModelBarChart({ data, loading, }: UsageByModelBarChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UsageByModelBarChart.d.ts.map

package/dist/web/auth/components/UsageByModelBarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsageByModelBarChart.d.ts","sourceRoot":"","sources":["../../../../src/web/auth/components/UsageByModelBarChart.tsx"],"names":[],"mappings":"AAaA,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAWD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAe,GAChB,EAAE,yBAAyB,2CAyG3B"}

package/dist/web/auth/components/UsageByModelBarChart.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardBody, CardHeader } from "@lastbrain/ui";
+import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer, Cell, } from "recharts";
+import { useModuleTranslation } from "@lastbrain/core";
+import { Skeleton } from "@lastbrain/ui";
+const COLORS = [
+    "#3b82f6", // blue
+    "#10b981", // green
+    "#f59e0b", // amber
+    "#ef4444", // red
+    "#8b5cf6", // purple
+    "#ec4899", // pink
+];
+export function UsageByModelBarChart({ data, loading = false, }) {
+    const t = useModuleTranslation("ai");
+    if (loading) {
+        return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Utilisation par mod\u00E8le" }) }), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-6 w-full" }), _jsx(Skeleton, { className: "h-6 w-3/4" }), _jsx(Skeleton, { className: "h-6 w-5/6" }), _jsx(Skeleton, { className: "h-6 w-2/3" }), _jsx(Skeleton, { className: "h-6 w-4/5" })] }) })] }));
+    }
+    if (!data || data.length === 0) {
+        return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Utilisation par mod\u00E8le" }) }), _jsx(CardBody, { children: _jsx("div", { className: "flex items-center justify-center h-64 text-gray-500", children: "Aucune donn\u00E9e d'utilisation" }) })] }));
+    }
+    // Sort by tokens descending and take top 10
+    const topData = [...data].sort((a, b) => b.tokens - a.tokens).slice(0, 10);
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold", children: "Utilisation par mod\u00E8le" }), _jsx("p", { className: "text-xs text-gray-500", children: "Top 10 des mod\u00E8les les plus utilis\u00E9s" })] }) }), _jsxs(CardBody, { children: [_jsx(ResponsiveContainer, { width: "100%", height: 300, children: _jsxs(BarChart, { data: topData, margin: { top: 5, right: 30, left: 20, bottom: 5 }, children: [_jsx(XAxis, { dataKey: "model", tick: { fontSize: 12 }, angle: -45, textAnchor: "end", height: 80 }), _jsx(YAxis, { tick: { fontSize: 12 }, tickFormatter: (value) => {
+                                        return `$${value.toFixed(2)}`;
+                                    } }), _jsx(Tooltip, { formatter: (value, name) => {
+                                        if (name === "tokens") {
+                                            return [`$${value.toFixed(3)}`, "Coût"];
+                                        }
+                                        return [value, name];
+                                    }, labelFormatter: (label) => `Modèle: ${label}` }), _jsx(Bar, { dataKey: "tokens", radius: [8, 8, 0, 0], children: topData.map((entry, index) => (_jsx(Cell, { fill: COLORS[index % COLORS.length] }, `cell-${index}`))) })] }) }), _jsx("div", { className: "mt-4 grid grid-cols-2 md:grid-cols-5 gap-2", children: topData.slice(0, 5).map((item, index) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: COLORS[index % COLORS.length] } }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-xs font-medium truncate", children: item.model }), _jsxs("p", { className: "text-xs text-gray-500", children: [item.calls, " calls"] })] })] }, item.model))) })] })] }));
+}

package/dist/web/auth/components/WalletStatusCard.d.ts

@@ -0,0 +1,9 @@
+interface WalletStatusCardProps {
+    walletSellValueUsd: number;
+    percentRemaining: number;
+    status: "ok" | "warning" | "critical";
+    loading?: boolean;
+}
+export declare function WalletStatusCard({ walletSellValueUsd, percentRemaining, status, loading, }: WalletStatusCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WalletStatusCard.d.ts.map

package/dist/web/auth/components/WalletStatusCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletStatusCard.d.ts","sourceRoot":"","sources":["../../../../src/web/auth/components/WalletStatusCard.tsx"],"names":[],"mappings":"AAUA,UAAU,qBAAqB;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,IAAI,GAAG,SAAS,GAAG,UAAU,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,EAAE,qBAAqB,2CAyHvB"}

package/dist/web/auth/components/WalletStatusCard.js

@@ -0,0 +1,50 @@
+/**
+ * Wallet Status Card - Affiche l'état du wallet avec barre de progression
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardHeader, CardBody, Alert, Spinner } from "@lastbrain/ui";
+import { AlertCircle, Wallet } from "lucide-react";
+import { PurchaseButton } from "./PurchaseButton";
+import { useModuleTranslation } from "@lastbrain/core";
+export function WalletStatusCard({ walletSellValueUsd, percentRemaining, status, loading, }) {
+    const t = useModuleTranslation("ai");
+    const getColorClass = (percent) => {
+        if (percent > 50)
+            return "text-green-600 dark:text-green-400";
+        if (percent > 25)
+            return "text-orange-500 dark:text-orange-400";
+        return "text-red-600 dark:text-red-400";
+    };
+    const getProgressBarColor = (percent) => {
+        if (percent > 50)
+            return "bg-green-500";
+        if (percent > 25)
+            return "bg-orange-500";
+        return "bg-red-500";
+    };
+    const getStatusLabel = (status) => {
+        switch (status) {
+            case "ok":
+                return t("wallet.status.ok") || "Crédit suffisant";
+            case "warning":
+                return t("wallet.status.warning") || "Attention : crédit faible";
+            case "critical":
+                return t("wallet.status.critical") || "Crédit critique";
+            default:
+                return "";
+        }
+    };
+    if (loading) {
+        return (_jsx(Card, { children: _jsx(CardBody, { className: "flex justify-center items-center py-12", children: _jsx(Spinner, { size: "lg" }) }) }));
+    }
+    return (_jsxs(Card, { className: "border-2 border-primary/20", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Wallet, { size: 28, className: "text-primary" }), _jsxs("div", { children: [_jsx("h3", { className: "text-xl font-bold", children: t("wallet.title") || "Crédits IA restants" }), _jsx("p", { className: "text-sm text-gray-500", children: getStatusLabel(status) })] })] }) }), _jsxs(CardBody, { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-baseline", children: [_jsxs("span", { className: "text-4xl font-bold text-primary", children: ["$", walletSellValueUsd?.toFixed(2)] }), _jsxs("span", { className: `text-xl font-semibold ${getColorClass(percentRemaining)}`, children: [percentRemaining?.toFixed(1), "%"] })] }), _jsxs("div", { children: [_jsx("div", { className: "w-full bg-gray-200 dark:bg-gray-700 rounded-full h-4 overflow-hidden", children: _jsx("div", { className: `h-4 rounded-full transition-all duration-500 ${getProgressBarColor(percentRemaining)}`, style: {
+                                        width: `${Math.max(0, Math.min(100, percentRemaining))}%`,
+                                    } }) }), _jsx("p", { className: "text-xs text-gray-500 mt-1", children: "Sur votre cr\u00E9dit initial" })] }), percentRemaining < 25 && (_jsx(Alert, { color: status === "critical" ? "danger" : "warning", className: "mt-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(AlertCircle, { size: 20, className: "mt-0.5 flex-shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "font-semibold text-sm", children: status === "critical"
+                                                ? t("wallet.alert.critical.title") ||
+                                                    "Vos crédits sont presque épuisés"
+                                                : t("wallet.alert.warning.title") ||
+                                                    "Vos crédits sont faibles" }), _jsx("p", { className: "text-xs mt-1", children: t("wallet.alert.message") ||
+                                                "Rechargez maintenant pour continuer à utiliser nos services IA sans interruption." }), _jsx(PurchaseButton, { className: "mt-3" })] })] }) })), percentRemaining >= 25 && (_jsx("div", { className: "p-3 bg-blue-50 dark:bg-blue-950 rounded-lg", children: _jsxs("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: ["\uD83D\uDCA1 ", _jsx("strong", { children: t("wallet.tip.prefix") || "Astuce :" }), " ", t("wallet.tip.text") ||
+                                    "Avec ce crédit, vous pouvez encore générer environ", " ", _jsx("strong", { children: Math.floor(walletSellValueUsd / 0.1) }), " ", t("wallet.tip.recipes") || "recettes complètes", " ", t("wallet.tip.or") || "ou", " ", _jsx("strong", { children: Math.floor(walletSellValueUsd / 0.1) }), " ", t("wallet.tip.images") || "images", "."] }) }))] })] }));
+}

package/dist/web/components/ImageGenerative.d.ts

@@ -22,9 +22,11 @@ export interface ImageGenerativeProps {
     description?: string;
     defaultStyle?: string;
     hideStyleEditor?: boolean;
+    hideModelSelector?: boolean;
     uploadPath?: string;
     preview?: boolean;
     inline?: boolean;
+    autoGenerate?: boolean;
 }
-export declare function ImageGenerative({ defaultPrompt, model, size, quality, onChange, onError, className, disabled, apiEndpoint, showTokenBalance, label, description, defaultStyle, hideStyleEditor, uploadPath, preview, inline, }: ImageGenerativeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageGenerative({ defaultPrompt, model, size, quality, onChange, onError, className, disabled, apiEndpoint, showTokenBalance, label, description, defaultStyle, hideStyleEditor, hideModelSelector, uploadPath, preview, inline, autoGenerate, }: ImageGenerativeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ImageGenerative.d.ts.map

package/dist/web/components/ImageGenerative.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageGenerative.d.ts","sourceRoot":"","sources":["../../../src/web/components/ImageGenerative.tsx"],"names":[],"mappings":"AA0CA,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAsID,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACvE,OAAO,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,CACT,gBAAgB,EAAE,MAAM,EACxB,QAAQ,CAAC,EAAE,uBAAuB,KAC/B,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,eAAe,CAAC,EAC9B,aAAkB,EAClB,KAAkB,EAClB,IAAkB,EAClB,OAAoB,EACpB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAgB,EAChB,WAAsC,EACtC,gBAAuB,EACvB,KAAK,EACL,WAAW,EACX,YAA0B,EAC1B,eAAuB,EACvB,UAAU,EACV,OAAc,EACd,MAAc,GACf,EAAE,oBAAoB,2CA0lBtB"}
+{"version":3,"file":"ImageGenerative.d.ts","sourceRoot":"","sources":["../../../src/web/components/ImageGenerative.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAsID,MAAM,WAAW,oBAAoB;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACvE,OAAO,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,CACT,gBAAgB,EAAE,MAAM,EACxB,QAAQ,CAAC,EAAE,uBAAuB,KAC/B,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,aAAkB,EAClB,KAAK,EACL,IAAkB,EAClB,OAAoB,EACpB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAgB,EAChB,WAAsC,EACtC,gBAAuB,EACvB,KAAK,EACL,WAAW,EACX,YAA0B,EAC1B,eAAuB,EACvB,iBAAyB,EACzB,UAAU,EACV,OAAc,EACd,MAAc,EACd,YAAoB,GACrB,EAAE,oBAAoB,2CAgvBtB"}