@lastbrain/module-ai 0.1.10 → 0.1.13

package/dist/web/components/TextareaGenerative.js

@@ -1,26 +1,31 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import { Textarea, Button, Chip, Progress } from "@lastbrain/ui";
-import { Sparkles, Loader2, AlertCircle } from "lucide-react";
-export function TextareaGenerative({ prompt, model = "gpt-4o-mini", placeholder = "Générer du texte...", defaultValue = "", onChange, onError, className, disabled = false, minRows = 4, maxRows = 20, apiEndpoint = "/api/ai/generate-text", showTokenBalance = true, }) {
+import { Textarea, Button, Chip, Progress, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Select, SelectItem, Skeleton, } from "@lastbrain/ui";
+import { Sparkles, Loader2, AlertCircle, Wand2 } from "lucide-react";
+export function TextareaGenerative({ defaultPrompt = "", model = "gpt-4o-mini", placeholder = "Saisissez votre texte ou générez avec l'IA...", defaultValue = "", onChange, onError, className, disabled = false, minRows = 4, maxRows = 20, apiEndpoint = "/api/ai/generate-text", showTokenBalance = true, label, description, }) {
     const [value, setValue] = useState(defaultValue);
     const [isGenerating, setIsGenerating] = useState(false);
     const [lastResponse, setLastResponse] = useState(null);
     const [error, setError] = useState(null);
     const [tokenBalance, setTokenBalance] = useState(null);
+    // Modal state
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [userPrompt, setUserPrompt] = useState(defaultPrompt);
+    const [selectedModel, setSelectedModel] = useState(model);
     const handleGenerate = useCallback(async () => {
-        if (!prompt || isGenerating)
+        if (!userPrompt || isGenerating)
             return;
         setIsGenerating(true);
         setError(null);
+        setIsModalOpen(false);
         try {
             const response = await fetch(apiEndpoint, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({
-                    prompt,
-                    model,
+                    prompt: userPrompt,
+                    model: selectedModel,
                     context: value,
                 }),
             });
@@ -33,14 +38,14 @@ export function TextareaGenerative({ prompt, model = "gpt-4o-mini", placeholder
                 text: data.text,
                 tokensUsed: data.tokensUsed || 0,
                 tokensRemaining: data.tokensRemaining || 0,
-                model: data.model || model,
+                model: data.model || selectedModel,
                 cost: data.cost,
             };
             setValue(data.text);
             setLastResponse(generativeResponse);
             setTokenBalance(data.tokensRemaining);
             if (onChange) {
-                onChange(generativeResponse);
+                onChange(data.text, generativeResponse);
             }
         }
         catch (err) {
@@ -53,8 +58,24 @@ export function TextareaGenerative({ prompt, model = "gpt-4o-mini", placeholder
         finally {
             setIsGenerating(false);
         }
-    }, [prompt, model, value, apiEndpoint, onChange, onError, isGenerating]);
-    return (_jsx("div", { className: className, children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Textarea, { value: value, onChange: (e) => setValue(e.target.value), placeholder: placeholder, disabled: disabled || isGenerating, minRows: minRows, maxRows: maxRows, classNames: {
-                        input: "resize-y",
-                    } }), _jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { color: "primary", size: "sm", onClick: handleGenerate, disabled: disabled || isGenerating || !prompt, startContent: isGenerating ? (_jsx(Loader2, { className: "animate-spin", size: 16 })) : (_jsx(Sparkles, { size: 16 })), children: isGenerating ? "Génération..." : "Générer" }), showTokenBalance && tokenBalance !== null && (_jsxs(Chip, { size: "sm", variant: "flat", color: "success", children: [tokenBalance.toLocaleString(), " tokens restants"] }))] }), lastResponse && (_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsxs(Chip, { size: "sm", variant: "flat", children: [lastResponse.tokensUsed, " tokens utilis\u00E9s"] }), _jsx(Chip, { size: "sm", variant: "flat", color: "primary", children: lastResponse.model }), lastResponse.cost && (_jsxs(Chip, { size: "sm", variant: "flat", color: "warning", children: ["$", lastResponse.cost.toFixed(4)] }))] }))] }), isGenerating && (_jsx(Progress, { size: "sm", isIndeterminate: true, "aria-label": "G\u00E9n\u00E9ration en cours...", className: "max-w-md" })), error && (_jsxs("div", { className: "flex items-center gap-2 text-danger text-sm p-2 bg-danger-50 rounded-md", children: [_jsx(AlertCircle, { size: 16 }), _jsx("span", { children: error })] }))] }) }));
+    }, [
+        userPrompt,
+        selectedModel,
+        value,
+        apiEndpoint,
+        onChange,
+        onError,
+        isGenerating,
+    ]);
+    const handleValueChange = (newValue) => {
+        setValue(newValue);
+        if (onChange) {
+            onChange(newValue);
+        }
+    };
+    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "flex flex-col gap-2", children: [label && _jsx("label", { className: "text-sm font-medium", children: label }), description && (_jsx("p", { className: "text-sm text-gray-500 mb-2", children: description })), !isGenerating && (_jsx(Textarea, { value: value, onChange: (e) => handleValueChange(e.target.value), placeholder: placeholder, disabled: disabled || isGenerating, minRows: minRows, maxRows: maxRows, 
+                        // classNames={{
+                        //   input: "resize-y",
+                        // }}
+                        endContent: _jsx(Button, { isIconOnly: true, size: "sm", color: "primary", variant: "light", onClick: () => setIsModalOpen(true), disabled: disabled || isGenerating, title: "G\u00E9n\u00E9rer avec l'IA", children: _jsx(Wand2, { size: 18 }) }) })), isGenerating && (_jsxs("div", { className: "w-full h-md border border-default-200 p-5 rounded-xl", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Skeleton, { className: "w-lg bg-content-2 h-8 rounded-lg" }), _jsx(Skeleton, { className: "w-md bg-content-2 h-4 rounded-lg" }), _jsx(Skeleton, { className: "w-sm bg-content-2 h-4 rounded-lg" })] }), _jsx("div", { className: "mt-2", children: _jsx(Progress, { size: "sm", isIndeterminate: true, "aria-label": "G\u00E9n\u00E9ration en cours...", label: "G\u00E9n\u00E9ration en cours..." }) })] })), _jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [_jsx("div", { className: "flex items-center gap-2", children: showTokenBalance && tokenBalance !== null && (_jsxs(Chip, { size: "sm", variant: "flat", color: "success", children: [tokenBalance.toLocaleString(), " tokens restants"] })) }), lastResponse && (_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsxs(Chip, { size: "sm", variant: "flat", children: [lastResponse.tokensUsed, " tokens utilis\u00E9s"] }), _jsx(Chip, { size: "sm", variant: "flat", color: "primary", children: lastResponse.model }), lastResponse.cost && (_jsxs(Chip, { size: "sm", variant: "flat", color: "warning", children: ["$", lastResponse.cost.toFixed(4)] }))] }))] }), error && (_jsxs("div", { className: "flex items-center gap-2 text-danger text-sm p-2 bg-danger-50 rounded-md", children: [_jsx(AlertCircle, { size: 16 }), _jsx("span", { children: error })] }))] }), _jsx(Modal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), size: "2xl", backdrop: "blur", children: _jsxs(ModalContent, { children: [_jsx(ModalHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Sparkles, { size: 20 }), _jsx("span", { children: "G\u00E9n\u00E9rer du texte avec l'IA" })] }) }), _jsx(ModalBody, { children: _jsxs("div", { className: "space-y-4", children: [_jsx(Textarea, { label: "Prompt de g\u00E9n\u00E9ration", placeholder: "D\u00E9crivez ce que vous souhaitez g\u00E9n\u00E9rer...", value: userPrompt, onChange: (e) => setUserPrompt(e.target.value), minRows: 3, description: "Soyez pr\u00E9cis pour obtenir de meilleurs r\u00E9sultats" }), _jsxs(Select, { label: "Mod\u00E8le IA", selectedKeys: [selectedModel], onSelectionChange: (keys) => setSelectedModel(Array.from(keys)[0]), description: "GPT-4o-mini est plus rapide et \u00E9conomique", children: [_jsx(SelectItem, { children: "GPT-4o Mini (Rapide)" }, "gpt-4o-mini"), _jsx(SelectItem, { children: "GPT-4o (Avanc\u00E9)" }, "gpt-4o"), _jsx(SelectItem, { children: "GPT-3.5 Turbo (\u00C9conomique)" }, "gpt-3.5-turbo")] }), value && (_jsxs("div", { className: "p-3 bg-gray-50 dark:bg-gray-800 rounded-lg", children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "Contexte actuel:" }), _jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 line-clamp-3", children: value })] }))] }) }), _jsxs(ModalFooter, { children: [_jsx(Button, { variant: "light", onClick: () => setIsModalOpen(false), children: "Annuler" }), _jsx(Button, { color: "primary", onClick: handleGenerate, disabled: !userPrompt.trim() || isGenerating, startContent: isGenerating ? (_jsx(Loader2, { className: "animate-spin", size: 16 })) : (_jsx(Sparkles, { size: 16 })), children: isGenerating ? "Génération..." : "Générer" })] })] }) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/module-ai",
-  "version": "0.1.10",
+  "version": "0.1.13",
   "description": "Module de génération IA (texte et images) avec gestion de tokens pour LastBrain",
   "private": false,
   "type": "module",
@@ -33,13 +33,13 @@
     "@heroui/system": "^2.4.23",
     "@heroui/theme": "^2.4.23",
     "lucide-react": "^0.554.0",
-    "next": "^15.5.6",
+    "next": "^16.0.4",
     "openai": "^4.76.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "zod": "^3.23.8",
-    "@lastbrain/core": "0.1.11",
-    "@lastbrain/ui": "0.1.14"
+    "@lastbrain/core": "0.1.14",
+    "@lastbrain/ui": "0.1.17"
   },
   "peerDependencies": {
     "next": ">=15.0.0"

package/supabase/migrations-down/20251125000000_ai_tokens.sql

@@ -0,0 +1,45 @@
+-- AI Token System Migration - ROLLBACK
+-- Suppression du système de gestion des tokens
+
+-- =====================================================
+-- Drop RLS Policies - user_prompts
+-- =====================================================
+DROP POLICY IF EXISTS "Users can delete own prompts" ON public.user_prompts;
+DROP POLICY IF EXISTS "Users can update own prompts" ON public.user_prompts;
+DROP POLICY IF EXISTS "Users can insert own prompts" ON public.user_prompts;
+DROP POLICY IF EXISTS "Users can view own prompts" ON public.user_prompts;
+
+-- =====================================================
+-- Drop Triggers & Functions - user_prompts
+-- =====================================================
+DROP TRIGGER IF EXISTS update_user_prompts_updated_at ON public.user_prompts;
+DROP FUNCTION IF EXISTS public.update_user_prompts_updated_at();
+
+-- =====================================================
+-- Drop Table - user_prompts
+-- =====================================================
+DROP TABLE IF EXISTS public.user_prompts CASCADE;
+
+-- =====================================================
+-- Drop RLS Policies - user_token_ledger
+-- =====================================================
+DROP POLICY IF EXISTS user_token_ledger_delete_admin ON public.user_token_ledger;
+DROP POLICY IF EXISTS user_token_ledger_update_admin ON public.user_token_ledger;
+DROP POLICY IF EXISTS user_token_ledger_insert_own ON public.user_token_ledger;
+DROP POLICY IF EXISTS user_token_ledger_select_own ON public.user_token_ledger;
+
+-- =====================================================
+-- Drop Triggers & Functions - user_token_ledger
+-- =====================================================
+DROP TRIGGER IF EXISTS trigger_check_token_balance ON public.user_token_ledger;
+DROP FUNCTION IF EXISTS public.check_token_balance();
+
+-- =====================================================
+-- Drop View
+-- =====================================================
+DROP VIEW IF EXISTS public.user_token_balance_v;
+
+-- =====================================================
+-- Drop Table - user_token_ledger
+-- =====================================================
+DROP TABLE IF EXISTS public.user_token_ledger CASCADE;

package/supabase/migrations/20251121093113_module-ai_init.sql

@@ -1,122 +0,0 @@
--- module-ai module initial migration
--- Auto-generated by module-create.ts
--- NOTE: uses helper function set_updated_at() from base migration
-
--- ===========================================================================
--- Helper: set_updated_at trigger function (if not already present)
--- ===========================================================================
-CREATE OR REPLACE FUNCTION public.set_updated_at()
-RETURNS trigger
-LANGUAGE plpgsql
-AS $$
-BEGIN
-  NEW.updated_at := now();
-  RETURN NEW;
-END;
-$$;
-
--- ===========================================================================
--- Table: public.user_token_ledger
--- ===========================================================================
-CREATE TABLE IF NOT EXISTS public.user_token_ledger (
-  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
-  owner_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  title text NOT NULL,
-  description text,
-  created_at timestamptz NOT NULL DEFAULT now(),
-  updated_at timestamptz NOT NULL DEFAULT now()
-);
-
--- RLS
-ALTER TABLE public.user_token_ledger ENABLE ROW LEVEL SECURITY;
-
--- Politique: Les utilisateurs peuvent voir leurs propres enregistrements
-DROP POLICY IF EXISTS user_token_ledger_owner_select ON public.user_token_ledger;
-CREATE POLICY user_token_ledger_owner_select ON public.user_token_ledger
-  FOR SELECT TO authenticated
-  USING (owner_id = auth.uid());
-
--- Politique: Les utilisateurs peuvent créer leurs propres enregistrements
-DROP POLICY IF EXISTS user_token_ledger_owner_insert ON public.user_token_ledger;
-CREATE POLICY user_token_ledger_owner_insert ON public.user_token_ledger
-  FOR INSERT TO authenticated
-  WITH CHECK (owner_id = auth.uid());
-
--- Politique: Les utilisateurs peuvent modifier leurs propres enregistrements
-DROP POLICY IF EXISTS user_token_ledger_owner_update ON public.user_token_ledger;
-CREATE POLICY user_token_ledger_owner_update ON public.user_token_ledger
-  FOR UPDATE TO authenticated
-  USING (owner_id = auth.uid())
-  WITH CHECK (owner_id = auth.uid());
-
--- Politique: Les utilisateurs peuvent supprimer leurs propres enregistrements
-DROP POLICY IF EXISTS user_token_ledger_owner_delete ON public.user_token_ledger;
-CREATE POLICY user_token_ledger_owner_delete ON public.user_token_ledger
-  FOR DELETE TO authenticated
-  USING (owner_id = auth.uid());
-
--- Trigger updated_at
-DROP TRIGGER IF EXISTS set_user_token_ledger_updated_at ON public.user_token_ledger;
-CREATE TRIGGER set_user_token_ledger_updated_at
-  BEFORE UPDATE ON public.user_token_ledger
-  FOR EACH ROW EXECUTE FUNCTION public.set_updated_at();
-
--- Index
-CREATE INDEX IF NOT EXISTS idx_user_token_ledger_owner_id ON public.user_token_ledger(owner_id);
-
--- Grants
-GRANT SELECT, INSERT, UPDATE, DELETE ON public.user_token_ledger TO service_role;
-
-
--- ===========================================================================
--- Table: public.user_prompts
--- ===========================================================================
-CREATE TABLE IF NOT EXISTS public.user_prompts (
-  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
-  owner_id uuid NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  title text NOT NULL,
-  description text,
-  created_at timestamptz NOT NULL DEFAULT now(),
-  updated_at timestamptz NOT NULL DEFAULT now()
-);
-
--- RLS
-ALTER TABLE public.user_prompts ENABLE ROW LEVEL SECURITY;
-
--- Politique: Les utilisateurs peuvent voir leurs propres enregistrements
-DROP POLICY IF EXISTS user_prompts_owner_select ON public.user_prompts;
-CREATE POLICY user_prompts_owner_select ON public.user_prompts
-  FOR SELECT TO authenticated
-  USING (owner_id = auth.uid());
-
--- Politique: Les utilisateurs peuvent créer leurs propres enregistrements
-DROP POLICY IF EXISTS user_prompts_owner_insert ON public.user_prompts;
-CREATE POLICY user_prompts_owner_insert ON public.user_prompts
-  FOR INSERT TO authenticated
-  WITH CHECK (owner_id = auth.uid());
-
--- Politique: Les utilisateurs peuvent modifier leurs propres enregistrements
-DROP POLICY IF EXISTS user_prompts_owner_update ON public.user_prompts;
-CREATE POLICY user_prompts_owner_update ON public.user_prompts
-  FOR UPDATE TO authenticated
-  USING (owner_id = auth.uid())
-  WITH CHECK (owner_id = auth.uid());
-
--- Politique: Les utilisateurs peuvent supprimer leurs propres enregistrements
-DROP POLICY IF EXISTS user_prompts_owner_delete ON public.user_prompts;
-CREATE POLICY user_prompts_owner_delete ON public.user_prompts
-  FOR DELETE TO authenticated
-  USING (owner_id = auth.uid());
-
--- Trigger updated_at
-DROP TRIGGER IF EXISTS set_user_prompts_updated_at ON public.user_prompts;
-CREATE TRIGGER set_user_prompts_updated_at
-  BEFORE UPDATE ON public.user_prompts
-  FOR EACH ROW EXECUTE FUNCTION public.set_updated_at();
-
--- Index
-CREATE INDEX IF NOT EXISTS idx_user_prompts_owner_id ON public.user_prompts(owner_id);
-
--- Grants
-GRANT SELECT, INSERT, UPDATE, DELETE ON public.user_prompts TO service_role;
-

package/supabase/migrations-down/20251121000000_ai_tokens.sql

@@ -1,23 +0,0 @@
--- Migration DOWN pour ai_tokens
--- Supprimer tous les éléments créés dans la migration up
-
--- Supprimer le trigger
-DROP TRIGGER IF EXISTS check_token_balance_trigger ON public.user_token_ledger;
-
--- Supprimer la fonction trigger
-DROP FUNCTION IF EXISTS public.check_token_balance() CASCADE;
-
--- Supprimer les policies RLS
-DROP POLICY IF EXISTS "Users can view their own token balance" ON public.user_token_balance_v;
-DROP POLICY IF EXISTS "Users can view their own token ledger" ON public.user_token_ledger;
-
--- Supprimer la vue
-DROP VIEW IF EXISTS public.user_token_balance_v CASCADE;
-
--- Supprimer les indexes
-DROP INDEX IF EXISTS idx_user_token_ledger_owner_id;
-DROP INDEX IF EXISTS idx_user_token_ledger_ts;
-DROP INDEX IF EXISTS idx_user_token_ledger_type;
-
--- Supprimer la table user_token_ledger
-DROP TABLE IF EXISTS public.user_token_ledger CASCADE;

package/supabase/migrations-down/20251121093113_module-ai_init.sql

@@ -1,11 +0,0 @@
--- Migration DOWN pour module-ai_init
--- Supprimer les éléments créés dans la migration up
-
--- Supprimer les policies RLS si elles existent
-DROP POLICY IF EXISTS "Users can view their own prompts" ON public.user_prompts;
-DROP POLICY IF EXISTS "Users can create their own prompts" ON public.user_prompts;
-DROP POLICY IF EXISTS "Users can update their own prompts" ON public.user_prompts;
-DROP POLICY IF EXISTS "Users can delete their own prompts" ON public.user_prompts;
-
--- Supprimer la table user_prompts
-DROP TABLE IF EXISTS public.user_prompts CASCADE;