@lastbrain/module-ai 0.1.17 → 0.1.19

package/dist/api/auth/token-packs.d.ts

@@ -0,0 +1,11 @@
+import { NextResponse } from "next/server";
+/**
+ * GET /api/ai/auth/token-packs
+ * Get active token packs available for purchase
+ */
+export declare function GET(): Promise<NextResponse<{
+    data: any[];
+}> | NextResponse<{
+    error: any;
+}>>;
+//# sourceMappingURL=token-packs.d.ts.map

package/dist/api/auth/token-packs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-packs.d.ts","sourceRoot":"","sources":["../../../src/api/auth/token-packs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,aAAa,CAAC;AAGxD;;;GAGG;AACH,wBAAsB,GAAG;;;;IA8BxB"}

package/dist/api/auth/token-packs.js

@@ -0,0 +1,29 @@
+import { NextResponse } from "next/server";
+import { getSupabaseServerClient } from "@lastbrain/core/server";
+/**
+ * GET /api/ai/auth/token-packs
+ * Get active token packs available for purchase
+ */
+export async function GET() {
+    try {
+        const supabase = await getSupabaseServerClient();
+        // Verify authentication
+        const { data: { user }, } = await supabase.auth.getUser();
+        if (!user) {
+            return NextResponse.json({ error: "Non authentifié" }, { status: 401 });
+        }
+        // Get active packs
+        const { data, error } = await supabase
+            .from("token_packs")
+            .select("*")
+            .eq("is_active", true)
+            .order("sort_order", { ascending: true });
+        if (error)
+            throw error;
+        return NextResponse.json({ data }, { status: 200 });
+    }
+    catch (error) {
+        console.error("[Token Packs] GET error:", error);
+        return NextResponse.json({ error: error.message || "Erreur lors de la récupération des packs" }, { status: 500 });
+    }
+}

package/dist/api/public/webhook.d.ts

@@ -0,0 +1,2 @@
+export declare function POST(request: Request): Promise<Response>;
+//# sourceMappingURL=webhook.d.ts.map

package/dist/api/public/webhook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook.d.ts","sourceRoot":"","sources":["../../../src/api/public/webhook.ts"],"names":[],"mappings":"AAyBA,wBAAsB,IAAI,CAAC,OAAO,EAAE,OAAO,qBAkN1C"}

package/dist/api/public/webhook.js

@@ -0,0 +1,171 @@
+// ============================================================================
+// POST /api/ai/public/webhook - Module AI Webhook Handler
+// ============================================================================
+// Receives webhook calls from the central payment webhook when a token purchase
+// payment succeeds. Adds tokens to user balance.
+// CRITICAL: This endpoint must ONLY be callable by service_role to prevent abuse.
+import { getSupabaseServiceClient } from "@lastbrain/core/server";
+export async function POST(request) {
+    try {
+        const supabase = await getSupabaseServiceClient();
+        const payload = (await request.json());
+        const { payment, metadata } = payload;
+        console.log("[AI Webhook] Received webhook for payment", payment.id);
+        // Verify this is a token purchase
+        if (metadata.purpose !== "token_purchase") {
+            console.log("[AI Webhook] Not a token purchase, skipping");
+            return Response.json({ received: true }, { status: 200 });
+        }
+        if (!payment?.owner_id) {
+            return Response.json({ error: "Missing owner_id" }, { status: 400 });
+        }
+        // Extract token pack info from metadata
+        const tokenPackId = metadata.token_pack_id;
+        const tokensAmount = parseInt(metadata.tokens_amount, 10);
+        if (!tokenPackId || !tokensAmount) {
+            console.error("[AI Webhook] Missing token pack metadata");
+            return Response.json({ error: "Missing token pack metadata" }, { status: 400 });
+        }
+        // Verify token pack exists
+        const { data: pack, error: packError } = await supabase
+            .from("token_packs")
+            .select("id, name, tokens")
+            .eq("id", tokenPackId)
+            .single();
+        if (packError || !pack) {
+            console.error("[AI Webhook] Token pack not found:", tokenPackId);
+            return Response.json({ error: "Token pack not found" }, { status: 404 });
+        }
+        // Idempotency: use payment.id as ledger id and upsert on conflict
+        const ledgerOwnerId = payment.user_id || payment.owner_id;
+        const meta = {
+            token_pack_id: tokenPackId,
+            token_pack_name: pack.name,
+            payment_id: payment.id,
+            provider_payment_id: payment.provider_payment_id,
+            amount_cents: payment.amount?.value_cents,
+            currency: payment.currency,
+        };
+        try {
+            const { error: upsertErr } = await supabase
+                .from("user_token_ledger")
+                .upsert({
+                id: payment.id, // ensures idempotency across duplicate webhook deliveries
+                owner_id: ledgerOwnerId,
+                type: "purchase",
+                amount: tokensAmount,
+                model: null,
+                prompt: null,
+                meta,
+                created_by: null,
+            }, { onConflict: "id", ignoreDuplicates: true });
+            if (upsertErr) {
+                // If it's a unique violation or duplicate, treat as already processed
+                console.warn("[AI Webhook] Upsert ledger warning:", upsertErr);
+            }
+            console.log(`[AI Webhook] Credited (idempotent) ${tokensAmount} tokens to user ${ledgerOwnerId} (payment ${payment.id})`);
+        }
+        catch (error) {
+            console.error("[AI Webhook] Error upserting ledger:", error);
+            return Response.json({ error: "Error adding tokens" }, { status: 500 });
+        }
+        // Create an order for this token purchase so the user can retrieve an invoice/receipt
+        try {
+            // Check if an order already exists for this payment
+            const { data: existingOrder } = await supabase
+                .from("orders")
+                .select("id")
+                .eq("payment_id", payment.id)
+                .maybeSingle();
+            if (!existingOrder) {
+                // Create order record
+                const { data: order, error: orderErr } = await supabase
+                    .from("orders")
+                    .insert({
+                    owner_id: payment.owner_id,
+                    user_id: payment.user_id,
+                    cart_id: payment.cart_id || null,
+                    payment_id: payment.id,
+                    external_invoice_id: payload.externalInvoiceId || null,
+                    payment_status: "succeeded",
+                    order_status: "completed",
+                    currency: payment.currency,
+                    subtotal_cents: payment.amount?.value_cents || 0,
+                    total_cents: payment.amount?.value_cents || 0,
+                    paid_at: new Date().toISOString(),
+                })
+                    .select()
+                    .single();
+                if (orderErr) {
+                    console.warn("[AI Webhook] Could not create order for token purchase:", orderErr);
+                }
+                else if (order?.id) {
+                    // Create a single order item representing the token pack
+                    const { error: itemErr } = await supabase.from("order_items").insert({
+                        owner_id: payment.owner_id,
+                        order_id: order.id,
+                        product_id: tokenPackId,
+                        variant_id: null,
+                        name: pack.name,
+                        sku: null,
+                        unit_price_cents: payment.amount?.value_cents || 0,
+                        currency: payment.currency,
+                        quantity: 1,
+                        total_cents: payment.amount?.value_cents || 0,
+                        snapshot: { token_pack_id: tokenPackId, tokens: pack.tokens },
+                    });
+                    if (itemErr) {
+                        console.warn("[AI Webhook] Could not insert order item:", itemErr);
+                    }
+                    // Link payment to order for downstream queries
+                    const { error: linkErr } = await supabase
+                        .from("payments")
+                        .update({ order_id: order.id })
+                        .eq("id", payment.id)
+                        .eq("owner_id", payment.owner_id);
+                    if (linkErr) {
+                        console.warn("[AI Webhook] Could not link payment to order:", linkErr);
+                    }
+                    else {
+                        console.log(`[AI Webhook] Created order ${order.id} for token purchase and linked payment`);
+                    }
+                    // Delete the dedicated token cart (and its items) after order creation
+                    if (payment.cart_id) {
+                        try {
+                            const { error: delItemsErr } = await supabase
+                                .from("cart_items")
+                                .delete()
+                                .eq("cart_id", payment.cart_id)
+                                .eq("owner_id", payment.owner_id);
+                            if (delItemsErr) {
+                                console.warn("[AI Webhook] Could not delete token cart items:", delItemsErr);
+                            }
+                            const { error: delCartErr } = await supabase
+                                .from("carts")
+                                .delete()
+                                .eq("id", payment.cart_id)
+                                .eq("owner_id", payment.owner_id);
+                            if (delCartErr) {
+                                console.warn("[AI Webhook] Could not delete token cart:", delCartErr);
+                            }
+                            else {
+                                console.log(`[AI Webhook] Deleted token cart ${payment.cart_id}`);
+                            }
+                        }
+                        catch (cartDeleteErr) {
+                            console.warn("[AI Webhook] Token cart deletion failed:", cartDeleteErr);
+                        }
+                    }
+                }
+            }
+        }
+        catch (orderCreateErr) {
+            console.warn("[AI Webhook] Order creation for token purchase failed:", orderCreateErr);
+        }
+        return Response.json({ received: true, tokens_added: tokensAmount }, { status: 200 });
+    }
+    catch (error) {
+        console.error("[AI Webhook] Error:", error);
+        return Response.json({ error: error instanceof Error ? error.message : "Webhook error" }, { status: 400 });
+    }
+}

package/dist/components/DocUsageCustom.js

@@ -12,7 +12,7 @@ import { Lightbulb } from "lucide-react";
  * 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";
+    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 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 (

package/dist/index.d.ts

@@ -2,6 +2,7 @@ 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 { AdminTokenPacksPage } from "./web/admin/AdminTokenPacksPage.js";
 export { UserTokenTab } from "./components/admin/UserTokenTab.js";
 export { Doc } from "./components/Doc.js";
 export { Doc as AiModuleDoc } from "./components/Doc.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;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"}
+{"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,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGzE,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,6 +5,7 @@ export { ImageGenerative } from "./web/components/ImageGenerative.js";
 export { TokenPage } from "./web/auth/TokenPage.js";
 // Pages Admin
 export { UserTokenPage } from "./web/admin/UserTokenPage.js";
+export { AdminTokenPacksPage } from "./web/admin/AdminTokenPacksPage.js";
 // Admin Components - User Tabs
 export { UserTokenTab } from "./components/admin/UserTokenTab.js";
 // Documentation

package/dist/web/admin/AdminTokenPacksPage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminTokenPacksPage.d.ts","sourceRoot":"","sources":["../../../src/web/admin/AdminTokenPacksPage.tsx"],"names":[],"mappings":"AA0CA,wBAAgB,mBAAmB,4CAyTlC"}

package/dist/web/admin/AdminTokenPacksPage.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Card, CardBody, Button, Input, Textarea, Switch, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Spinner, addToast, Chip, } from "@lastbrain/ui";
+import { Plus, Edit, Trash2 } from "lucide-react";
+export function AdminTokenPacksPage() {
+    const [packs, setPacks] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [editingPack, setEditingPack] = useState(null);
+    const [formData, setFormData] = useState({
+        name: "",
+        description: "",
+        tokens: 100,
+        price_cents: 1000,
+        currency: "EUR",
+        stripe_price_id: "",
+        is_active: true,
+        sort_order: 0,
+    });
+    useEffect(() => {
+        fetchPacks();
+    }, []);
+    const fetchPacks = async () => {
+        try {
+            setLoading(true);
+            const response = await fetch("/api/ai/admin/token-packs");
+            if (!response.ok)
+                throw new Error("Erreur lors du chargement");
+            const result = await response.json();
+            setPacks(result.data || []);
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleCreate = () => {
+        setEditingPack(null);
+        setFormData({
+            name: "",
+            description: "",
+            tokens: 100,
+            price_cents: 1000,
+            currency: "EUR",
+            stripe_price_id: "",
+            is_active: true,
+            sort_order: 0,
+        });
+        setIsModalOpen(true);
+    };
+    const handleEdit = (pack) => {
+        setEditingPack(pack);
+        setFormData({
+            name: pack.name,
+            description: pack.description || "",
+            tokens: pack.tokens,
+            price_cents: pack.price_cents,
+            currency: pack.currency,
+            stripe_price_id: pack.stripe_price_id || "",
+            is_active: pack.is_active,
+            sort_order: pack.sort_order,
+        });
+        setIsModalOpen(true);
+    };
+    const handleSave = async () => {
+        try {
+            const url = editingPack
+                ? `/api/ai/admin/token-packs/${editingPack.id}`
+                : "/api/ai/admin/token-packs";
+            const method = editingPack ? "PUT" : "POST";
+            const response = await fetch(url, {
+                method,
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(formData),
+            });
+            if (!response.ok)
+                throw new Error("Erreur lors de la sauvegarde");
+            addToast({
+                color: "success",
+                title: editingPack ? "Pack mis à jour" : "Pack créé",
+            });
+            setIsModalOpen(false);
+            fetchPacks();
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+    };
+    const handleDelete = async (id) => {
+        if (!confirm("Êtes-vous sûr de vouloir supprimer ce pack ?"))
+            return;
+        try {
+            const response = await fetch(`/api/ai/admin/token-packs/${id}`, {
+                method: "DELETE",
+            });
+            if (!response.ok)
+                throw new Error("Erreur lors de la suppression");
+            addToast({ color: "success", title: "Pack supprimé" });
+            fetchPacks();
+        }
+        catch (error) {
+            addToast({ color: "danger", title: error.message });
+        }
+    };
+    const formatPrice = (cents, currency) => {
+        return new Intl.NumberFormat("fr-FR", {
+            style: "currency",
+            currency,
+        }).format(cents / 100);
+    };
+    if (loading) {
+        return (_jsx("div", { className: "flex justify-center items-center min-h-96", children: _jsx(Spinner, { size: "lg" }) }));
+    }
+    return (_jsxs("div", { className: "container mx-auto p-6 max-w-7xl", children: [_jsxs("div", { className: "flex justify-between items-center mb-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold mb-2", children: "Token Packs" }), _jsx("p", { className: "text-gray-500", children: "Gestion des packs de tokens disponibles \u00E0 l'achat" })] }), _jsx(Button, { color: "primary", onPress: handleCreate, startContent: _jsx(Plus, { size: 20 }), children: "Nouveau pack" })] }), _jsx(Card, { children: _jsx(CardBody, { children: _jsxs(Table, { "aria-label": "Token packs", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "NOM" }), _jsx(TableColumn, { children: "TOKENS" }), _jsx(TableColumn, { children: "PRIX" }), _jsx(TableColumn, { children: "STATUT" }), _jsx(TableColumn, { children: "ORDRE" }), _jsx(TableColumn, { children: "ACTIONS" })] }), _jsx(TableBody, { children: packs.map((pack) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { children: [_jsx("p", { className: "font-semibold", children: pack.name }), pack.description && (_jsx("p", { className: "text-sm text-gray-500", children: pack.description }))] }) }), _jsx(TableCell, { children: _jsxs(Chip, { size: "sm", variant: "flat", color: "primary", children: [pack.tokens.toLocaleString(), " tokens"] }) }), _jsx(TableCell, { children: _jsx("span", { className: "font-semibold", children: formatPrice(pack.price_cents, pack.currency) }) }), _jsx(TableCell, { children: _jsx(Chip, { size: "sm", variant: "flat", color: pack.is_active ? "success" : "default", children: pack.is_active ? "Actif" : "Inactif" }) }), _jsx(TableCell, { children: pack.sort_order }), _jsx(TableCell, { children: _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { isIconOnly: true, size: "sm", variant: "light", onPress: () => handleEdit(pack), children: _jsx(Edit, { size: 16 }) }), _jsx(Button, { isIconOnly: true, size: "sm", variant: "light", color: "danger", onPress: () => handleDelete(pack.id), children: _jsx(Trash2, { size: 16 }) })] }) })] }, pack.id))) })] }) }) }), _jsx(Modal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), size: "2xl", children: _jsxs(ModalContent, { children: [_jsx(ModalHeader, { children: editingPack ? "Modifier le pack" : "Nouveau pack" }), _jsx(ModalBody, { children: _jsxs("div", { className: "space-y-4", children: [_jsx(Input, { label: "Nom", placeholder: "Pack Starter", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }) }), _jsx(Textarea, { label: "Description", placeholder: "Description du pack", value: formData.description, onChange: (e) => setFormData({ ...formData, description: e.target.value }) }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { label: "Nombre de tokens", type: "number", value: formData.tokens.toString(), onChange: (e) => setFormData({
+                                                    ...formData,
+                                                    tokens: parseInt(e.target.value) || 0,
+                                                }) }), _jsx(Input, { label: "Prix (centimes)", type: "number", value: formData.price_cents.toString(), onChange: (e) => setFormData({
+                                                    ...formData,
+                                                    price_cents: parseInt(e.target.value) || 0,
+                                                }) })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(Input, { label: "Devise", value: formData.currency, onChange: (e) => setFormData({ ...formData, currency: e.target.value }) }), _jsx(Input, { label: "Ordre d'affichage", type: "number", value: formData.sort_order.toString(), onChange: (e) => setFormData({
+                                                    ...formData,
+                                                    sort_order: parseInt(e.target.value) || 0,
+                                                }) })] }), _jsx(Input, { label: "Stripe Price ID (optionnel)", placeholder: "price_...", value: formData.stripe_price_id, onChange: (e) => setFormData({ ...formData, stripe_price_id: e.target.value }) }), _jsx(Switch, { isSelected: formData.is_active, onValueChange: (checked) => setFormData({ ...formData, is_active: checked }), children: "Pack actif" })] }) }), _jsxs(ModalFooter, { children: [_jsx(Button, { variant: "light", onPress: () => setIsModalOpen(false), children: "Annuler" }), _jsx(Button, { color: "primary", onPress: handleSave, children: editingPack ? "Mettre à jour" : "Créer" })] })] }) })] }));
+}

package/dist/web/auth/TokenPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/auth/TokenPage.tsx"],"names":[],"mappings":"AAqDA,wBAAgB,SAAS,4CAoWxB"}
+{"version":3,"file":"TokenPage.d.ts","sourceRoot":"","sources":["../../../src/web/auth/TokenPage.tsx"],"names":[],"mappings":"AAgEA,wBAAgB,SAAS,4CAobxB"}

package/dist/web/auth/TokenPage.js

@@ -11,6 +11,8 @@ export function TokenPage() {
     const [transactions, setTransactions] = useState([]);
     const [selectedMonth, setSelectedMonth] = useState(new Date().toISOString().slice(0, 7));
     const [monthlyStats, setMonthlyStats] = useState(null);
+    const [tokenPacks, setTokenPacks] = useState([]);
+    const [checkoutLoading, setCheckoutLoading] = useState(null);
     // Générer les 12 derniers mois
     const availableMonths = Array.from({ length: 12 }, (_, i) => {
         const date = new Date();
@@ -57,6 +59,12 @@ export function TokenPage() {
                 used,
                 net: added - used,
             });
+            // Récupérer les packs disponibles
+            const packsResponse = await fetch("/api/ai/auth/token-packs");
+            if (packsResponse.ok) {
+                const packsData = await packsResponse.json();
+                setTokenPacks(packsData.data || []);
+            }
         }
         catch (error) {
             console.error("Erreur:", error);
@@ -99,16 +107,56 @@ export function TokenPage() {
         };
         return colors[type] || "default";
     };
+    const handleBuyTokens = async (packId) => {
+        try {
+            setCheckoutLoading(packId);
+            const response = await fetch("/api/ai/auth/token-checkout", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ pack_id: packId }),
+            });
+            if (!response.ok) {
+                const error = await response.json();
+                throw new Error(error.error || "Erreur lors du checkout");
+            }
+            const data = await response.json();
+            if (data.checkout_url) {
+                window.location.href = data.checkout_url;
+            }
+        }
+        catch (error) {
+            addToast({
+                color: "danger",
+                title: error.message || "Erreur lors du checkout",
+            });
+        }
+        finally {
+            setCheckoutLoading(null);
+        }
+    };
+    const formatPrice = (cents, currency) => {
+        return new Intl.NumberFormat("fr-FR", {
+            style: "currency",
+            currency,
+        }).format(cents / 100);
+    };
+    const formatTokensShort = (tokens) => {
+        if (tokens >= 10000) {
+            const thousands = Math.round(tokens / 1000);
+            return `${thousands}K`;
+        }
+        return tokens.toLocaleString();
+    };
     if (!user) {
         return (_jsx("div", { className: "flex justify-center items-center min-h-96", children: _jsxs("div", { className: "text-center", children: [_jsx(AlertCircle, { className: "mx-auto mb-4", size: 48 }), _jsx("p", { className: "text-gray-500", children: "Veuillez vous connecter" })] }) }));
     }
     if (loading) {
         return (_jsx("div", { className: "flex justify-center items-center min-h-96", children: _jsx(Spinner, { size: "lg" }) }));
     }
-    return (_jsxs("div", { className: "container mx-auto p-6 max-w-7xl", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h1", { className: "text-3xl font-bold mb-2", children: "Mes Tokens IA" }), _jsx("p", { className: "text-gray-500", children: "G\u00E9rez votre solde et consultez votre historique de consommation" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-6", children: [_jsx(Card, { children: _jsxs(CardBody, { className: "text-center py-6", children: [_jsxs("div", { className: "flex items-center justify-center gap-2 mb-2", children: [_jsx(Coins, { size: 24, className: "text-primary" }), _jsx("h3", { className: "text-sm font-medium text-gray-500", children: "Solde actuel" })] }), _jsx("p", { className: "text-4xl font-bold text-primary", children: balance?.balance.toLocaleString() }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "tokens disponibles" })] }) }), _jsx(Card, { children: _jsxs(CardBody, { className: "text-center py-6", children: [_jsxs("div", { className: "flex items-center justify-center gap-2 mb-2", children: [_jsx(TrendingUp, { size: 24, className: "text-success" }), _jsx("h3", { className: "text-sm font-medium text-gray-500", children: "Total ajout\u00E9" })] }), _jsx("p", { className: "text-4xl font-bold text-success", children: balance?.totalAdded.toLocaleString() }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "tokens re\u00E7us" })] }) }), _jsx(Card, { children: _jsxs(CardBody, { className: "text-center py-6", children: [_jsxs("div", { className: "flex items-center justify-center gap-2 mb-2", children: [_jsx(TrendingDown, { size: 24, className: "text-danger" }), _jsx("h3", { className: "text-sm font-medium text-gray-500", children: "Total utilis\u00E9" })] }), _jsx("p", { className: "text-4xl font-bold text-danger", children: balance?.totalUsed.toLocaleString() }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "tokens consomm\u00E9s" })] }) })] }), monthlyStats && (_jsxs(Card, { className: "mb-6", 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(Calendar, { size: 20 }), _jsx("h3", { className: "text-lg font-semibold", children: "Statistiques du mois" })] }), _jsx(Select, { size: "sm", selectedKeys: [selectedMonth], onSelectionChange: (keys) => setSelectedMonth(Array.from(keys)[0]), className: "w-48", "aria-label": "S\u00E9lectionner un mois", children: availableMonths.map((month) => (_jsx(SelectItem, { textValue: month, children: new Date(month + "-01").toLocaleDateString("fr-FR", {
+    return (_jsxs("div", { className: "container mx-auto p-6 max-w-7xl", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h1", { className: "text-3xl font-bold mb-2", children: "Mes Tokens IA" }), _jsx("p", { className: "text-gray-500", children: "G\u00E9rez votre solde et consultez votre historique de consommation" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-6", children: [_jsx(Card, { children: _jsxs(CardBody, { className: "text-center py-6", children: [_jsxs("div", { className: "flex items-center justify-center gap-2 mb-2", children: [_jsx(Coins, { size: 24, className: "text-primary" }), _jsx("h3", { className: "text-sm font-medium text-gray-500", children: "Solde actuel" })] }), _jsx("p", { className: "text-4xl font-bold text-primary", children: formatTokensShort(balance?.balance || 0) }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "tokens disponibles" })] }) }), _jsx(Card, { children: _jsxs(CardBody, { className: "text-center py-6", children: [_jsxs("div", { className: "flex items-center justify-center gap-2 mb-2", children: [_jsx(TrendingUp, { size: 24, className: "text-success" }), _jsx("h3", { className: "text-sm font-medium text-gray-500", children: "Total" })] }), _jsx("p", { className: "text-4xl font-bold text-success", children: formatTokensShort(balance?.totalAdded || 0) }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "tokens achet\u00E9" })] }) }), _jsx(Card, { children: _jsxs(CardBody, { className: "text-center py-6", children: [_jsxs("div", { className: "flex items-center justify-center gap-2 mb-2", children: [_jsx(TrendingDown, { size: 24, className: "text-danger" }), _jsx("h3", { className: "text-sm font-medium text-gray-500", children: "Total utilis\u00E9" })] }), _jsx("p", { className: "text-4xl font-bold text-danger", children: formatTokensShort(balance?.totalUsed || 0) }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "tokens consomm\u00E9s" })] }) })] }), monthlyStats && (_jsxs(Card, { className: "mb-6", 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(Calendar, { size: 20 }), _jsx("h3", { className: "text-lg font-semibold", children: "Statistiques du mois" })] }), _jsx(Select, { size: "sm", selectedKeys: [selectedMonth], onSelectionChange: (keys) => setSelectedMonth(Array.from(keys)[0]), className: "w-48", "aria-label": "S\u00E9lectionner un mois", children: availableMonths.map((month) => (_jsx(SelectItem, { textValue: month, children: new Date(month + "-01").toLocaleDateString("fr-FR", {
                                             month: "long",
                                             year: "numeric",
-                                        }) }, month))) })] }) }), _jsx(CardBody, { children: _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_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: "Ajout\u00E9s" }), _jsxs("p", { className: "text-2xl font-bold text-success", children: ["+", monthlyStats.added.toLocaleString()] })] }), _jsxs("div", { className: "text-center p-4 bg-danger-50 dark:bg-danger-900/20 rounded-lg", children: [_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-1", children: "Utilis\u00E9s" }), _jsxs("p", { className: "text-2xl font-bold text-danger", children: ["-", monthlyStats.used.toLocaleString()] })] }), _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: "Solde net" }), _jsxs("p", { className: `text-2xl font-bold ${monthlyStats.net >= 0 ? "text-success" : "text-danger"}`, children: [monthlyStats.net >= 0 ? "+" : "", monthlyStats.net.toLocaleString()] })] })] }) })] })), _jsxs(Card, { className: "mb-6", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Historique des transactions" }) }), _jsx(CardBody, { children: transactions.length === 0 ? (_jsxs("div", { className: "text-center py-12 text-gray-500", children: [_jsx(Coins, { size: 48, className: "mx-auto mb-4 opacity-20" }), _jsx("p", { children: "Aucune transaction pour ce mois" })] })) : (_jsxs(Table, { "aria-label": "Historique des transactions", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "DATE" }), _jsx(TableColumn, { children: "TYPE" }), _jsx(TableColumn, { children: "DESCRIPTION" }), _jsx(TableColumn, { children: "MONTANT" }), _jsx(TableColumn, { children: "SOLDE APR\u00C8S" })] }), _jsx(TableBody, { children: transactions.map((transaction) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx("span", { className: "text-sm text-gray-600", children: formatDate(transaction.created_at) }) }), _jsx(TableCell, { children: _jsx(Chip, { size: "sm", variant: "flat", color: getTypeColor(transaction.type), children: getTypeLabel(transaction.type) }) }), _jsx(TableCell, { children: _jsx("div", { className: "max-w-md", children: _jsx("p", { className: "text-sm truncate", children: transaction.description || transaction.model || "-" }) }) }), _jsx(TableCell, { children: _jsxs("span", { className: `font-semibold ${transaction.amount > 0
+                                        }) }, month))) })] }) }), _jsx(CardBody, { children: _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_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: "Ajout\u00E9s" }), _jsxs("p", { className: "text-2xl font-bold text-success", children: ["+", formatTokensShort(monthlyStats.added)] })] }), _jsxs("div", { className: "text-center p-4 bg-danger-50 dark:bg-danger-900/20 rounded-lg", children: [_jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-1", children: "Utilis\u00E9s" }), _jsxs("p", { className: "text-2xl font-bold text-danger", children: ["-", formatTokensShort(monthlyStats.used)] })] }), _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: "Solde net" }), _jsxs("p", { className: `text-2xl font-bold ${monthlyStats.net >= 0 ? "text-success" : "text-danger"}`, children: [monthlyStats.net >= 0 ? "+" : "", formatTokensShort(Math.abs(monthlyStats.net))] })] })] }) })] })), _jsxs(Card, { className: "mb-6", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Historique des transactions" }) }), _jsx(CardBody, { children: transactions.length === 0 ? (_jsxs("div", { className: "text-center py-12 text-gray-500", children: [_jsx(Coins, { size: 48, className: "mx-auto mb-4 opacity-20" }), _jsx("p", { children: "Aucune transaction pour ce mois" })] })) : (_jsxs(Table, { "aria-label": "Historique des transactions", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "DATE" }), _jsx(TableColumn, { children: "TYPE" }), _jsx(TableColumn, { children: "DESCRIPTION" }), _jsx(TableColumn, { children: "MONTANT" }), _jsx(TableColumn, { children: "SOLDE APR\u00C8S" })] }), _jsx(TableBody, { children: transactions.map((transaction) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx("span", { className: "text-sm text-gray-600", children: formatDate(transaction.created_at) }) }), _jsx(TableCell, { children: _jsx(Chip, { size: "sm", variant: "flat", color: getTypeColor(transaction.type), children: getTypeLabel(transaction.type) }) }), _jsx(TableCell, { children: _jsx("div", { className: "max-w-md", children: _jsx("p", { className: "text-sm truncate", children: transaction.description || transaction.model || "-" }) }) }), _jsx(TableCell, { children: _jsxs("span", { className: `font-semibold ${transaction.amount > 0
                                                         ? "text-success"
-                                                        : "text-danger"}`, children: [transaction.amount > 0 ? "+" : "", transaction.amount.toLocaleString()] }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-sm text-gray-600", children: transaction.running_balance.toLocaleString() }) })] }, transaction.id))) })] })) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ShoppingCart, { size: 20 }), _jsx("h3", { className: "text-lg font-semibold", children: "Acheter des tokens" })] }) }), _jsx(CardBody, { children: _jsxs("div", { className: "text-center py-8", children: [_jsx(ShoppingCart, { size: 48, className: "mx-auto mb-4 text-gray-300 dark:text-gray-600" }), _jsx("p", { className: "text-gray-500 mb-4", children: "L'achat de tokens sera bient\u00F4t disponible" }), _jsx("p", { className: "text-sm text-gray-400", children: "Module Stripe requis \u2022 Fonctionnalit\u00E9 \u00E0 venir" }), _jsx(Button, { color: "primary", variant: "flat", isDisabled: true, className: "mt-4", startContent: _jsx(ShoppingCart, { size: 16 }), children: "Acheter des tokens" })] }) })] })] }));
+                                                        : "text-danger"}`, children: [transaction.amount > 0 ? "+" : "", formatTokensShort(Math.abs(transaction.amount))] }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-sm text-gray-600", children: formatTokensShort(transaction.running_balance) }) })] }, transaction.id))) })] })) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ShoppingCart, { size: 20 }), _jsx("h3", { className: "text-lg font-semibold", children: "Acheter des tokens" })] }) }), _jsx(CardBody, { children: tokenPacks.length === 0 ? (_jsxs("div", { className: "text-center py-8", children: [_jsx(ShoppingCart, { size: 48, className: "mx-auto mb-4 text-gray-300 dark:text-gray-600" }), _jsx("p", { className: "text-gray-500 mb-4", children: "Aucun pack disponible pour le moment" })] })) : (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: tokenPacks.map((pack) => (_jsx(Card, { children: _jsxs(CardBody, { className: "text-center py-6", children: [_jsx("div", { className: "mx-auto", children: _jsx(Coins, { size: 24, className: "mx-auto mb-2 text-gray-400" }) }), _jsx("h4", { className: "text-lg font-bold mb-2", children: pack.name }), pack.description && (_jsx("p", { className: "text-sm text-gray-500 mb-4", children: pack.description })), _jsxs("div", { className: "mb-4", children: [_jsx("p", { className: "text-3xl font-bold text-primary", children: formatTokensShort(pack.tokens) }), _jsx("p", { className: "text-xs text-gray-400", children: "tokens" })] }), _jsx("p", { className: "text-xl font-semibold mb-4", children: formatPrice(pack.price_cents, pack.currency) }), _jsx(Button, { color: "primary", className: "w-full", onPress: () => handleBuyTokens(pack.id), isLoading: checkoutLoading === pack.id, startContent: checkoutLoading !== pack.id && (_jsx(ShoppingCart, { size: 16 })), children: "Acheter" })] }) }, pack.id))) })) })] })] }));
 }

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

@@ -1,4 +1,5 @@
 export interface GenerativeImageResponse {
+    supabaseImageUrl?: string;
     imageUrl: string;
     tokensUsed: number;
     tokensRemaining: number;
@@ -11,7 +12,7 @@ export interface ImageGenerativeProps {
     model?: string;
     size?: "256x256" | "512x512" | "1024x1024" | "1792x1024" | "1024x1792";
     quality?: "standard" | "hd";
-    onChange?: (imageUrl: string, response?: GenerativeImageResponse) => void;
+    onChange?: (supabaseImageUrl: string, response?: GenerativeImageResponse) => void;
     onError?: (error: Error) => void;
     className?: string;
     disabled?: boolean;
@@ -22,6 +23,8 @@ export interface ImageGenerativeProps {
     defaultStyle?: string;
     hideStyleEditor?: boolean;
     uploadPath?: string;
+    preview?: boolean;
+    inline?: boolean;
 }
-export declare function ImageGenerative({ defaultPrompt, model, size, quality, onChange, onError, className, disabled, apiEndpoint, showTokenBalance, label, description, defaultStyle, hideStyleEditor, uploadPath, }: 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, uploadPath, preview, inline, }: 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":"AA4BA,MAAM,WAAW,uBAAuB;IACtC,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;AAiCD,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,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC1E,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;CACrB;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,GACX,EAAE,oBAAoB,2CA0TtB"}
+{"version":3,"file":"ImageGenerative.d.ts","sourceRoot":"","sources":["../../../src/web/components/ImageGenerative.tsx"],"names":[],"mappings":"AAyCA,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;AAiCD,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,2CAiiBtB"}