@lastbrain/ai-ui-react 1.0.11 → 1.0.14

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

@@ -1 +1 @@
-{"version":3,"file":"AiInput.d.ts","sourceRoot":"","sources":["../../src/components/AiInput.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAoB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAO5C,MAAM,WAAW,YACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACxD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACd,EAAE,YAAY,2CAsKd"}
+{"version":3,"file":"AiInput.d.ts","sourceRoot":"","sources":["../../src/components/AiInput.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAoB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAO5C,MAAM,WAAW,YACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IACxD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACd,EAAE,YAAY,2CAyKd"}

package/dist/components/AiInput.js

@@ -100,5 +100,5 @@ export function AiInput({ baseUrl, apiKeyId, uiMode = "modal", context, model, p
                     ...(disabled || loading
                         ? { opacity: 0.5, cursor: "not-allowed" }
                         : {}),
-                }, onClick: hasConfiguration ? handleQuickGenerate : handleOpenPanel, onMouseEnter: () => setIsButtonHovered(true), onMouseLeave: () => setIsButtonHovered(false), disabled: disabled || loading, type: "button", title: hasConfiguration ? "Generate with AI" : "Setup AI", children: loading ? (_jsx("svg", { style: aiStyles.spinner, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83" }) })) : (_jsx(Sparkles, { size: 16 })) }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: models || [], sourceText: inputValue || undefined })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey))] }));
+                }, onClick: hasConfiguration ? handleQuickGenerate : handleOpenPanel, onMouseEnter: () => setIsButtonHovered(true), onMouseLeave: () => setIsButtonHovered(false), disabled: disabled || loading, type: "button", title: hasConfiguration ? "Generate with AI" : "Setup AI", children: loading ? (_jsx("svg", { style: aiStyles.spinner, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83" }) })) : (_jsx(Sparkles, { size: 16 })) }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: models || [], sourceText: inputValue || undefined, apiKey: apiKeyId, baseUrl: baseUrl, enableModelManagement: true })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey))] }));
 }

package/dist/components/AiPromptPanel.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from "react";
 import type { ModelRef } from "@lastbrain/ai-ui-core";
 import type { UiMode } from "../types";
+import { type AIModel } from "../hooks/useModelManagement";
 export interface AiPromptPanelProps {
     isOpen: boolean;
     onClose: () => void;
@@ -9,6 +10,12 @@ export interface AiPromptPanelProps {
     models?: ModelRef[];
     sourceText?: string;
     children?: (props: AiPromptPanelRenderProps) => ReactNode;
+    enableModelManagement?: boolean;
+    availableModels?: AIModel[];
+    userModels?: string[];
+    onModelToggle?: (modelId: string, isActive: boolean) => Promise<void>;
+    apiKey?: string;
+    baseUrl?: string;
 }
 export interface AiPromptPanelRenderProps {
     models?: ModelRef[];
@@ -19,6 +26,12 @@ export interface AiPromptPanelRenderProps {
     sourceText?: string;
     handleSubmit: () => void;
     handleClose: () => void;
+    enableModelManagement?: boolean;
+    availableModels?: AIModel[];
+    userModels?: string[];
+    showAllModels?: boolean;
+    setShowAllModels?: (show: boolean) => void;
+    onModelToggle?: (modelId: string, isActive: boolean) => Promise<void>;
 }
-export declare function AiPromptPanel({ isOpen, onClose, onSubmit, uiMode: _uiMode, models, sourceText, children, }: AiPromptPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AiPromptPanel({ isOpen, onClose, onSubmit, uiMode: _uiMode, models, sourceText, children, enableModelManagement, availableModels, userModels, onModelToggle, apiKey, baseUrl, }: AiPromptPanelProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=AiPromptPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AiPromptPanel.d.ts","sourceRoot":"","sources":["../../src/components/AiPromptPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQvC,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;CAC3D;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EAAE,OAAiB,EACzB,MAAW,EACX,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,kDA0sBpB"}
+{"version":3,"file":"AiPromptPanel.d.ts","sourceRoot":"","sources":["../../src/components/AiPromptPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOvC,OAAO,EAAsB,KAAK,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAE/E,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAE1D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvE;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EAAE,OAAiB,EACzB,MAAW,EACX,UAAU,EACV,QAAQ,EACR,qBAA6B,EAC7B,eAAoB,EACpB,UAAe,EACf,aAAa,EACb,MAAM,EACN,OAAO,GACR,EAAE,kBAAkB,kDAmpCpB"}

package/dist/components/AiPromptPanel.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useLayoutEffect, } from "react";
-import { BookOpen, Search, Sparkles, Star, Tag } from "lucide-react";
+import { BookOpen, Search, Sparkles, Star, Tag, Settings } from "lucide-react";
 import { aiStyles } from "../styles/inline";
 import { usePrompts, } from "../hooks/usePrompts";
-export function AiPromptPanel({ isOpen, onClose, onSubmit, uiMode: _uiMode = "modal", models = [], sourceText, children, }) {
+import { useModelManagement } from "../hooks/useModelManagement";
+export function AiPromptPanel({ isOpen, onClose, onSubmit, uiMode: _uiMode = "modal", models = [], sourceText, children, enableModelManagement = false, availableModels = [], userModels = [], onModelToggle, apiKey, baseUrl, }) {
     const [selectedModel, setSelectedModel] = useState("");
     const [prompt, setPrompt] = useState("");
     const [promptId, setPromptId] = useState(undefined);
@@ -20,7 +21,57 @@ export function AiPromptPanel({ isOpen, onClose, onSubmit, uiMode: _uiMode = "mo
     const [isClosing, setIsClosing] = useState(false);
     const promptRef = useRef(null);
     const closeTimeoutRef = useRef(null);
+    // États pour la gestion des modèles
+    const [showAllModels, setShowAllModels] = useState(false);
+    const [isModelManagementOpen, setIsModelManagementOpen] = useState(false);
+    const [loadingModels, setLoadingModels] = useState([]);
     const { prompts, loading: promptsLoading, fetchPrompts, incrementStat, } = usePrompts();
+    // Hook de gestion des modèles (automatique si enableModelManagement et pas de props externes)
+    const autoModelManagement = useModelManagement({
+        apiKey,
+        baseUrl,
+        category: "text", // Par défaut pour AiPromptPanel
+        autoFetch: enableModelManagement && availableModels.length === 0 && !!apiKey,
+    });
+    // Utiliser soit les props externes soit la gestion automatique
+    const effectiveAvailableModels = availableModels.length > 0
+        ? availableModels
+        : autoModelManagement.availableModels;
+    const effectiveUserModels = userModels.length > 0 ? userModels : autoModelManagement.userModels;
+    const effectiveToggleModel = onModelToggle || autoModelManagement.toggleModel;
+    // Gestion des modèles
+    const handleModelToggle = async (modelId, isActive) => {
+        if (!effectiveToggleModel)
+            return;
+        setLoadingModels((prev) => [...prev, modelId]);
+        try {
+            await effectiveToggleModel(modelId, isActive);
+        }
+        catch (error) {
+            console.error("Erreur lors du changement de modèle:", error);
+        }
+        finally {
+            setLoadingModels((prev) => prev.filter((id) => id !== modelId));
+        }
+    };
+    const getFilteredModels = () => {
+        if (!enableModelManagement || effectiveAvailableModels.length === 0) {
+            // Mode classique : transformer les ModelRef en AIModel
+            return models.map((m) => ({
+                id: m.id,
+                name: m.name,
+                category: m.type === "image" ? "image" : "text",
+                provider: "Unknown",
+            }));
+        }
+        const textModels = effectiveAvailableModels.filter((m) => m.category === "text");
+        if (showAllModels) {
+            return textModels;
+        }
+        else {
+            return textModels.filter((m) => effectiveUserModels.includes(m.id));
+        }
+    };
     // Fetch prompts when modal opens
     useEffect(() => {
         if (isOpen && models.length > 0) {
@@ -136,6 +187,13 @@ export function AiPromptPanel({ isOpen, onClose, onSubmit, uiMode: _uiMode = "mo
         sourceText,
         handleSubmit,
         handleClose,
+        // Nouvelles props pour la gestion des modèles
+        enableModelManagement,
+        availableModels: effectiveAvailableModels,
+        userModels: effectiveUserModels,
+        showAllModels,
+        setShowAllModels,
+        onModelToggle: handleModelToggle,
     };
     if (children) {
         return (_jsx("div", { style: aiStyles.modal, onKeyDown: handleKeyDown, children: children(renderProps) }));
@@ -195,10 +253,74 @@ export function AiPromptPanel({ isOpen, onClose, onSubmit, uiMode: _uiMode = "mo
                                                 overflow: "auto",
                                                 whiteSpace: "pre-wrap",
                                                 wordBreak: "break-word",
-                                            }, children: sourceText })] })), _jsxs("div", { style: aiStyles.modalInputGroup, children: [_jsx("label", { htmlFor: "model-select", style: aiStyles.modalLabel, children: "AI Model" }), _jsxs("select", { id: "model-select", value: activeModelId, onChange: (e) => setSelectedModel(e.target.value), onFocus: () => setModelFocused(true), onBlur: () => setModelFocused(false), style: {
-                                                ...aiStyles.select,
-                                                ...(modelFocused && aiStyles.selectFocus),
-                                            }, children: [models.length === 0 && (_jsx("option", { value: "", children: "Loading models..." })), models.map((model) => (_jsx("option", { value: model.id, children: model.name }, model.id)))] })] }), _jsxs("div", { style: aiStyles.modalInputGroup, children: [_jsxs("div", { style: {
+                                            }, children: sourceText })] })), _jsx("div", { style: aiStyles.modalInputGroup, children: enableModelManagement ? (
+                                    // Version avancée avec gestion des modèles
+                                    _jsxs("div", { style: { marginBottom: "16px" }, children: [_jsxs("div", { style: {
+                                                    display: "flex",
+                                                    justifyContent: "space-between",
+                                                    alignItems: "center",
+                                                    marginBottom: "8px",
+                                                }, children: [_jsx("label", { htmlFor: "model-select", style: aiStyles.modalLabel, children: "AI Model" }), _jsxs("div", { style: {
+                                                            display: "flex",
+                                                            alignItems: "center",
+                                                            gap: "8px",
+                                                        }, children: [effectiveAvailableModels.length > 0 && (_jsxs("button", { onClick: () => setShowAllModels(!showAllModels), style: {
+                                                                    padding: "4px 8px",
+                                                                    fontSize: "12px",
+                                                                    color: "#8b5cf6",
+                                                                    background: "#8b5cf610",
+                                                                    border: "1px solid #8b5cf630",
+                                                                    borderRadius: "6px",
+                                                                    cursor: "pointer",
+                                                                    transition: "all 0.2s",
+                                                                }, onMouseEnter: (e) => {
+                                                                    e.currentTarget.style.background = "#8b5cf620";
+                                                                }, onMouseLeave: (e) => {
+                                                                    e.currentTarget.style.background = "#8b5cf610";
+                                                                }, children: [showAllModels ? "Mes modèles" : "Tous les modèles", !showAllModels &&
+                                                                        effectiveAvailableModels.filter((m) => m.category === "text" &&
+                                                                            !effectiveUserModels.includes(m.id)).length > 0 && (_jsxs("span", { style: {
+                                                                            marginLeft: "4px",
+                                                                            padding: "2px 6px",
+                                                                            fontSize: "10px",
+                                                                            background: "#8b5cf6",
+                                                                            color: "white",
+                                                                            borderRadius: "10px",
+                                                                        }, children: ["+", effectiveAvailableModels.filter((m) => m.category === "text" &&
+                                                                                !effectiveUserModels.includes(m.id)).length] }))] })), _jsx("button", { onClick: () => setIsModelManagementOpen(true), style: {
+                                                                    padding: "4px 8px",
+                                                                    fontSize: "12px",
+                                                                    color: "#8b5cf6",
+                                                                    background: "#8b5cf610",
+                                                                    border: "1px solid #8b5cf630",
+                                                                    borderRadius: "6px",
+                                                                    cursor: "pointer",
+                                                                    transition: "all 0.2s",
+                                                                    display: "flex",
+                                                                    alignItems: "center",
+                                                                    gap: "4px",
+                                                                }, onMouseEnter: (e) => {
+                                                                    e.currentTarget.style.background = "#8b5cf620";
+                                                                }, onMouseLeave: (e) => {
+                                                                    e.currentTarget.style.background = "#8b5cf610";
+                                                                }, children: _jsx(Settings, { size: 12 }) })] })] }), _jsxs("select", { id: "model-select", value: activeModelId, onChange: (e) => setSelectedModel(e.target.value), onFocus: () => setModelFocused(true), onBlur: () => setModelFocused(false), style: {
+                                                    ...aiStyles.select,
+                                                    ...(modelFocused && aiStyles.selectFocus),
+                                                }, children: [getFilteredModels().length === 0 && (_jsx("option", { value: "", children: "Loading models..." })), getFilteredModels().map((model) => {
+                                                        const isActive = effectiveUserModels.includes(model.id);
+                                                        return (_jsxs("option", { value: model.id, style: {
+                                                                opacity: showAllModels && !isActive ? 0.6 : 1,
+                                                            }, children: [model.name, showAllModels && isActive && " ✓", showAllModels && !isActive && " (Désactivé)"] }, model.id));
+                                                    })] }), showAllModels && onModelToggle && (_jsx("div", { style: {
+                                                    fontSize: "11px",
+                                                    color: "#6b7280",
+                                                    marginTop: "4px",
+                                                }, children: "\uD83D\uDCA1 Cliquez sur \"\u2699\uFE0F\" pour activer/d\u00E9sactiver les mod\u00E8les" }))] })) : (
+                                    // Version classique
+                                    _jsxs(_Fragment, { children: [_jsx("label", { htmlFor: "model-select", style: aiStyles.modalLabel, children: "AI Model" }), _jsxs("select", { id: "model-select", value: activeModelId, onChange: (e) => setSelectedModel(e.target.value), onFocus: () => setModelFocused(true), onBlur: () => setModelFocused(false), style: {
+                                                    ...aiStyles.select,
+                                                    ...(modelFocused && aiStyles.selectFocus),
+                                                }, children: [models.length === 0 && (_jsx("option", { value: "", children: "Loading models..." })), models.map((model) => (_jsx("option", { value: model.id, children: model.name }, model.id)))] })] })) }), _jsxs("div", { style: aiStyles.modalInputGroup, children: [_jsxs("div", { style: {
                                                 display: "flex",
                                                 justifyContent: "space-between",
                                                 alignItems: "center",
@@ -382,5 +504,131 @@ export function AiPromptPanel({ isOpen, onClose, onSubmit, uiMode: _uiMode = "mo
                                     ...(!selectedModel || !prompt.trim()
                                         ? aiStyles.buttonDisabled
                                         : {}),
-                                }, children: sourceText ? "Transform with AI" : "Generate with AI" })] })] })] }));
+                                }, children: sourceText ? "Transform with AI" : "Generate with AI" })] })] }), enableModelManagement && isModelManagementOpen && (_jsxs("div", { style: {
+                    ...aiStyles.modal,
+                    zIndex: 1001, // Au-dessus du modal principal
+                }, children: [_jsx("div", { style: {
+                            ...aiStyles.modalOverlay,
+                            backgroundColor: "rgba(0, 0, 0, 0.7)",
+                        }, onClick: () => setIsModelManagementOpen(false) }), _jsxs("div", { style: {
+                            ...aiStyles.modalContent,
+                            maxWidth: "600px",
+                            maxHeight: "80vh",
+                            overflow: "auto",
+                        }, children: [_jsxs("div", { style: aiStyles.modalHeader, children: [_jsx("h2", { style: aiStyles.modalTitle, children: "Gestion des mod\u00E8les IA" }), _jsx("button", { style: aiStyles.modalCloseButton, onClick: () => setIsModelManagementOpen(false), "aria-label": "Close", children: "\u00D7" })] }), _jsxs("div", { style: aiStyles.modalBody, children: [_jsx("div", { style: { marginBottom: "16px" }, children: _jsx("p", { style: {
+                                                fontSize: "14px",
+                                                color: "#6b7280",
+                                                margin: "0 0 16px 0",
+                                            }, children: "Activez ou d\u00E9sactivez les mod\u00E8les selon vos besoins" }) }), _jsx("div", { style: {
+                                            display: "flex",
+                                            flexDirection: "column",
+                                            gap: "12px",
+                                        }, children: effectiveAvailableModels
+                                            .filter((model) => model.category === "text")
+                                            .map((modelData) => {
+                                            const isActive = effectiveUserModels.includes(modelData.id);
+                                            const isLoading = loadingModels.includes(modelData.id);
+                                            return (_jsxs("div", { style: {
+                                                    display: "flex",
+                                                    alignItems: "center",
+                                                    justifyContent: "space-between",
+                                                    padding: "16px",
+                                                    border: "1px solid #e5e7eb",
+                                                    borderRadius: "8px",
+                                                    backgroundColor: isActive ? "#f0fdf4" : "#ffffff",
+                                                    transition: "all 0.2s",
+                                                }, children: [_jsxs("div", { style: {
+                                                            display: "flex",
+                                                            alignItems: "center",
+                                                            gap: "12px",
+                                                        }, children: [_jsx("div", { style: {
+                                                                    width: "12px",
+                                                                    height: "12px",
+                                                                    borderRadius: "50%",
+                                                                    backgroundColor: isActive ? "#10b981" : "#d1d5db",
+                                                                } }), _jsxs("div", { children: [_jsxs("div", { style: {
+                                                                            display: "flex",
+                                                                            alignItems: "center",
+                                                                            gap: "8px",
+                                                                            marginBottom: "4px",
+                                                                        }, children: [_jsx("span", { style: {
+                                                                                    fontWeight: "500",
+                                                                                    color: "#111827",
+                                                                                }, children: modelData.name }), modelData.isPro && (_jsx("span", { style: {
+                                                                                    padding: "2px 8px",
+                                                                                    fontSize: "11px",
+                                                                                    backgroundColor: "#8b5cf6",
+                                                                                    color: "white",
+                                                                                    borderRadius: "12px",
+                                                                                    fontWeight: "500",
+                                                                                }, children: "PRO" }))] }), modelData.description && (_jsx("p", { style: {
+                                                                            fontSize: "13px",
+                                                                            color: "#6b7280",
+                                                                            margin: "0 0 4px 0",
+                                                                        }, children: modelData.description })), _jsxs("div", { style: {
+                                                                            display: "flex",
+                                                                            alignItems: "center",
+                                                                            gap: "16px",
+                                                                            fontSize: "12px",
+                                                                            color: "#9ca3af",
+                                                                        }, children: [_jsxs("span", { children: ["Fournisseur: ", modelData.provider] }), modelData.costPer1M && (_jsxs("span", { children: ["Co\u00FBt: $", modelData.costPer1M, "/1M tokens"] }))] })] })] }), _jsx("button", { onClick: () => handleModelToggle(modelData.id, !isActive), disabled: isLoading, style: {
+                                                            padding: "8px 16px",
+                                                            fontSize: "13px",
+                                                            fontWeight: "500",
+                                                            borderRadius: "6px",
+                                                            border: "1px solid",
+                                                            cursor: isLoading ? "not-allowed" : "pointer",
+                                                            transition: "all 0.2s",
+                                                            minWidth: "80px",
+                                                            ...(isActive
+                                                                ? {
+                                                                    backgroundColor: "#fef2f2",
+                                                                    borderColor: "#fecaca",
+                                                                    color: "#dc2626",
+                                                                }
+                                                                : {
+                                                                    backgroundColor: "#f0fdf4",
+                                                                    borderColor: "#bbf7d0",
+                                                                    color: "#16a34a",
+                                                                }),
+                                                            opacity: isLoading ? 0.6 : 1,
+                                                        }, onMouseEnter: (e) => {
+                                                            if (!isLoading) {
+                                                                if (isActive) {
+                                                                    e.currentTarget.style.backgroundColor =
+                                                                        "#fee2e2";
+                                                                }
+                                                                else {
+                                                                    e.currentTarget.style.backgroundColor =
+                                                                        "#dcfce7";
+                                                                }
+                                                            }
+                                                        }, onMouseLeave: (e) => {
+                                                            if (!isLoading) {
+                                                                if (isActive) {
+                                                                    e.currentTarget.style.backgroundColor =
+                                                                        "#fef2f2";
+                                                                }
+                                                                else {
+                                                                    e.currentTarget.style.backgroundColor =
+                                                                        "#f0fdf4";
+                                                                }
+                                                            }
+                                                        }, children: isLoading ? (_jsx("div", { style: {
+                                                                display: "flex",
+                                                                alignItems: "center",
+                                                                justifyContent: "center",
+                                                                gap: "4px",
+                                                            }, children: _jsx("div", { style: {
+                                                                    width: "12px",
+                                                                    height: "12px",
+                                                                    border: "2px solid currentColor",
+                                                                    borderTop: "2px solid transparent",
+                                                                    borderRadius: "50%",
+                                                                    animation: "ai-spin 1s linear infinite",
+                                                                } }) })) : isActive ? ("Désactiver") : ("Activer") })] }, modelData.id));
+                                        }) })] }), _jsx("div", { style: aiStyles.modalFooter, children: _jsx("button", { onClick: () => setIsModelManagementOpen(false), style: {
+                                        ...aiStyles.button,
+                                        ...aiStyles.buttonSecondary,
+                                    }, children: "Fermer" }) })] })] }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"AiSettingsButton.d.ts","sourceRoot":"","sources":["../../src/components/AiSettingsButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,qBAAqB,2CAsFvB"}
+{"version":3,"file":"AiSettingsButton.d.ts","sourceRoot":"","sources":["../../src/components/AiSettingsButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,qBAAqB,2CAwFvB"}

package/dist/components/AiSettingsButton.js

@@ -12,5 +12,5 @@ export function AiSettingsButton({ baseUrl, apiKeyId, onAddTokens, onAddStorage,
         setIsOpen(false);
     };
     const hasApiKey = Boolean(apiKeyId);
-    return (_jsxs("div", { "data-ai-settings-wrapper": true, children: [_jsx("button", { ...buttonProps, onClick: handleToggle, className: className, "data-ai-settings-button": true, disabled: loading, children: children || "AI Settings" }), isOpen && (_jsxs("div", { "data-ai-settings-panel": true, children: [_jsx("div", { "data-ai-settings-overlay": true, onClick: handleClose }), _jsxs("div", { "data-ai-settings-content": true, children: [_jsxs("div", { "data-ai-settings-header": true, children: [_jsx("h3", { children: "AI Settings" }), _jsx("button", { onClick: handleClose, "data-ai-close-button": true, children: "\u00D7" })] }), _jsx("div", { "data-ai-settings-body": true, children: hasApiKey ? (_jsxs(_Fragment, { children: [status && (_jsxs("div", { "data-ai-status-section": true, children: [_jsxs("div", { "data-ai-status-item": true, children: [_jsx("span", { children: "Tokens:" }), _jsx("span", { children: status.balance?.total || 0 })] }), status.storage?.total_mb !== undefined && (_jsxs("div", { "data-ai-status-item": true, children: [_jsx("span", { children: "Storage:" }), _jsxs("span", { children: [status.storage.total_mb.toFixed(2), " MB"] })] }))] })), _jsxs("div", { "data-ai-actions-section": true, children: [onDashboard && (_jsx("button", { onClick: onDashboard, "data-ai-action-button": true, children: "Dashboard" })), onAddTokens && (_jsx("button", { onClick: onAddTokens, "data-ai-action-button": true, children: "Add Tokens" })), onAddStorage && (_jsx("button", { onClick: onAddStorage, "data-ai-action-button": true, children: "Add Storage" }))] })] })) : (_jsxs("div", { "data-ai-no-key-section": true, children: [_jsx("p", { children: "No API key configured" }), onDocumentation && (_jsx("button", { onClick: onDocumentation, "data-ai-action-button": true, children: "View Documentation" }))] })) })] })] }))] }));
+    return (_jsxs("div", { "data-ai-settings-wrapper": true, children: [_jsx("button", { ...buttonProps, onClick: handleToggle, className: className, "data-ai-settings-button": true, disabled: loading, children: children || "AI Settings" }), isOpen && (_jsxs("div", { "data-ai-settings-panel": true, children: [_jsx("div", { "data-ai-settings-overlay": true, onClick: handleClose }), _jsxs("div", { "data-ai-settings-content": true, children: [_jsxs("div", { "data-ai-settings-header": true, children: [_jsx("h3", { children: "AI Settings" }), _jsx("button", { onClick: handleClose, "data-ai-close-button": true, children: "\u00D7" })] }), _jsx("div", { "data-ai-settings-body": true, children: hasApiKey ? (_jsxs(_Fragment, { children: [status && (_jsxs("div", { "data-ai-status-section": true, children: [_jsxs("div", { "data-ai-status-item": true, children: [_jsx("span", { children: "Tokens:" }), _jsx("span", { children: status.balance?.total || 0 })] }), status.storage?.allocated_mb !== undefined && (_jsxs("div", { "data-ai-status-item": true, children: [_jsx("span", { children: "Storage:" }), _jsxs("span", { children: [status.storage.allocated_mb.toFixed(2), " MB"] })] }))] })), _jsxs("div", { "data-ai-actions-section": true, children: [onDashboard && (_jsx("button", { onClick: onDashboard, "data-ai-action-button": true, children: "Dashboard" })), onAddTokens && (_jsx("button", { onClick: onAddTokens, "data-ai-action-button": true, children: "Add Tokens" })), onAddStorage && (_jsx("button", { onClick: onAddStorage, "data-ai-action-button": true, children: "Add Storage" }))] })] })) : (_jsxs("div", { "data-ai-no-key-section": true, children: [_jsx("p", { children: "No API key configured" }), onDocumentation && (_jsx("button", { onClick: onDocumentation, "data-ai-action-button": true, children: "View Documentation" }))] })) })] })] }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"AiStatusButton.d.ts","sourceRoot":"","sources":["../../src/components/AiStatusButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKtD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAe,EACf,SAAc,GACf,EAAE,mBAAmB,2CAkZrB"}
+{"version":3,"file":"AiStatusButton.d.ts","sourceRoot":"","sources":["../../src/components/AiStatusButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAYtD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAe,EACf,SAAc,GACf,EAAE,mBAAmB,2CA6hBrB"}

package/dist/components/AiStatusButton.js

@@ -2,10 +2,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useLayoutEffect } from "react";
 import { createPortal } from "react-dom";
+import { BarChart3, Settings, FileText, History as HistoryIcon, FolderPlus, } from "lucide-react";
 import { aiStyles, calculateTooltipPosition } from "../styles/inline";
 export function AiStatusButton({ status, loading = false, className = "", }) {
     const formatNumber = (value) => typeof value === "number" ? value.toLocaleString() : "0";
     const formatFixed = (value, digits) => typeof value === "number" ? value.toFixed(digits) : "0.00";
+    const formatStorage = (valueMb) => {
+        const mb = typeof valueMb === "number" ? valueMb : 0;
+        if (mb >= 1024) {
+            const gb = mb / 1024;
+            return `${gb.toFixed(2)} GB`;
+        }
+        return `${mb.toFixed(2)} MB`;
+    };
     const safeNumber = (value) => typeof value === "number" ? value : 0;
     const clampPercentage = (value) => Math.min(100, Math.max(0, safeNumber(value)));
     const getUsageColor = (percentage) => {
@@ -25,7 +34,7 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
         const circumference = 2 * Math.PI * radius;
         const offset = circumference - (percentage / 100) * circumference;
         const color = getUsageColor(percentage);
-        return (_jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, stroke: aiStyles.tooltipLabel.color, strokeWidth: stroke, fill: "transparent", opacity: 0.3 }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, stroke: color, strokeWidth: stroke, fill: "transparent", strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round", transform: `rotate(-90 ${size / 2} ${size / 2})` })] }));
+        return (_jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, stroke: aiStyles.tooltipLabel.color, strokeWidth: stroke, fill: "transparent", opacity: 0.3 }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, stroke: color, strokeWidth: stroke, fill: "transparent", strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round", transform: `rotate(-90 ${size / 2} ${size / 2})` }), _jsxs("text", { x: size / 2, y: size / 2, textAnchor: "middle", dominantBaseline: "central", fontSize: "7px", fill: color, fontWeight: "600", children: [percentage.toFixed(0), "%"] })] }));
     };
     const balanceUsage = status?.balance;
     const storageUsage = status?.storage;
@@ -155,17 +164,103 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
                     }, onMouseEnter: () => setShowTooltip(true), onMouseLeave: handleMouseLeave, children: [_jsx("div", { style: aiStyles.tooltipHeader, children: "API Status" }), _jsxs("div", { style: {
                                 ...aiStyles.tooltipSection,
                                 ...aiStyles.tooltipSectionFirst,
-                            }, children: [_jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "API Key:" }), _jsx("span", { style: aiStyles.tooltipValue, children: status.api_key.name })] }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Env:" }), _jsx("span", { style: aiStyles.tooltipValue, children: status.api_key.env })] }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Rate Limit:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: [status.api_key.rate_limit_rpm, " req/min"] })] })] }), _jsxs("div", { style: aiStyles.tooltipSection, children: [_jsx("div", { style: aiStyles.tooltipSubtitle, children: "Balance" }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Total:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: ["$", formatFixed(balanceUsed, 6), " / $", formatNumber(balanceTotal)] }), renderUsageCircle(balancePercentage)] })] }), _jsxs("div", { style: aiStyles.tooltipSection, children: [_jsx("div", { style: aiStyles.tooltipSubtitle, children: "Storage" }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Total:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: [formatFixed(storageUsed, 2), " MB /", " ", formatFixed(storageAllocated, 2), " MB"] }), renderUsageCircle(storagePercentage)] })] }), _jsxs("div", { style: aiStyles.tooltipActions, children: [_jsx("a", { href: "https://prompt.lastbrain.io/fr/auth/dashboard", target: "_blank", rel: "noopener noreferrer", style: aiStyles.tooltipLink, onMouseEnter: (e) => {
-                                        Object.assign(e.currentTarget.style, aiStyles.tooltipLinkHover);
+                            }, children: [_jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "API Key:" }), _jsx("span", { style: aiStyles.tooltipValue, children: status.api_key.name })] }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Env:" }), _jsx("span", { style: aiStyles.tooltipValue, children: status.api_key.env })] }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Rate Limit:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: [status.api_key.rate_limit_rpm, " req/min"] })] })] }), _jsxs("div", { style: aiStyles.tooltipSection, children: [_jsx("div", { style: aiStyles.tooltipSubtitle, children: "Balance" }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Total:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: ["$", formatFixed(balanceUsed, 6), " / $", formatNumber(balanceTotal)] }), renderUsageCircle(balancePercentage)] })] }), _jsxs("div", { style: aiStyles.tooltipSection, children: [_jsx("div", { style: aiStyles.tooltipSubtitle, children: "Storage" }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Total:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: [formatStorage(storageUsed), " /", " ", formatStorage(storageAllocated)] }), renderUsageCircle(storagePercentage)] })] }), _jsxs("div", { style: {
+                                ...aiStyles.tooltipActions,
+                                width: "100%",
+                                flexDirection: "row",
+                            }, children: [_jsx("button", { onClick: () => window.open("https://prompt.lastbrain.io/auth/ai/tokens", "_blank"), style: {
+                                        background: "transparent",
+                                        border: "none",
+                                        borderRadius: "4px",
+                                        padding: "14px",
+                                        cursor: "pointer",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        color: "#8b5cf6",
+                                        transition: "all 0.2s ease",
+                                    }, onMouseEnter: (e) => {
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "rgba(139, 92, 246, 0.1)",
+                                        });
+                                    }, onMouseLeave: (e) => {
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "transparent",
+                                        });
+                                    }, title: "Dashboard", children: _jsx(BarChart3, { size: 18 }) }), _jsx("button", { onClick: () => window.open("https://prompt.lastbrain.io/auth/ai/history", "_blank"), style: {
+                                        background: "transparent",
+                                        border: "none",
+                                        borderRadius: "4px",
+                                        padding: "14px",
+                                        cursor: "pointer",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        color: "#8b5cf6",
+                                        transition: "all 0.2s ease",
+                                    }, onMouseEnter: (e) => {
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "rgba(139, 92, 246, 0.1)",
+                                        });
+                                    }, onMouseLeave: (e) => {
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "transparent",
+                                        });
+                                    }, title: "History", children: _jsx(HistoryIcon, { size: 18 }) }), _jsx("button", { onClick: () => window.open("https://prompt.lastbrain.io/auth/ai/settings", "_blank"), style: {
+                                        background: "transparent",
+                                        border: "none",
+                                        borderRadius: "4px",
+                                        padding: "14px",
+                                        cursor: "pointer",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        color: "#8b5cf6",
+                                        transition: "all 0.2s ease",
+                                    }, onMouseEnter: (e) => {
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "rgba(139, 92, 246, 0.1)",
+                                        });
                                     }, onMouseLeave: (e) => {
-                                        Object.assign(e.currentTarget.style, aiStyles.tooltipLink);
-                                    }, children: "Dashboard" }), _jsx("a", { href: "https://prompt.lastbrain.io/fr/auth/billing", target: "_blank", rel: "noopener noreferrer", style: aiStyles.tooltipLink, onMouseEnter: (e) => {
-                                        Object.assign(e.currentTarget.style, aiStyles.tooltipLinkHover);
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "transparent",
+                                        });
+                                    }, title: "Settings", children: _jsx(Settings, { size: 18 }) }), _jsx("button", { onClick: () => window.open("https://prompt.lastbrain.io/auth/ai/prompts", "_blank"), style: {
+                                        background: "transparent",
+                                        border: "none",
+                                        borderRadius: "4px",
+                                        padding: "14px",
+                                        cursor: "pointer",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        color: "#8b5cf6",
+                                        transition: "all 0.2s ease",
+                                    }, onMouseEnter: (e) => {
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "rgba(139, 92, 246, 0.1)",
+                                        });
                                     }, onMouseLeave: (e) => {
-                                        Object.assign(e.currentTarget.style, aiStyles.tooltipLink);
-                                    }, children: "History" }), _jsx("a", { href: "https://prompt.lastbrain.io/fr/auth/billing", target: "_blank", rel: "noopener noreferrer", style: aiStyles.tooltipLink, onMouseEnter: (e) => {
-                                        Object.assign(e.currentTarget.style, aiStyles.tooltipLinkHover);
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "transparent",
+                                        });
+                                    }, title: "New Prompt", children: _jsx(FileText, { size: 18 }) }), _jsx("button", { onClick: () => window.open("https://prompt.lastbrain.io/auth/folder", "_blank"), style: {
+                                        background: "transparent",
+                                        border: "none",
+                                        padding: "14px",
+                                        cursor: "pointer",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        color: "#8b5cf6",
+                                        transition: "all 0.2s ease",
+                                    }, onMouseEnter: (e) => {
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "rgba(139, 92, 246, 0.1)",
+                                        });
                                     }, onMouseLeave: (e) => {
-                                        Object.assign(e.currentTarget.style, aiStyles.tooltipLink);
-                                    }, children: "Settings" })] })] }), document.body)] }));
+                                        Object.assign(e.currentTarget.style, {
+                                            background: "transparent",
+                                        });
+                                    }, title: "New Folder", children: _jsx(FolderPlus, { size: 18 }) })] })] }), document.body)] }));
 }

package/dist/examples/AiImageGenerator.d.ts

@@ -0,0 +1,34 @@
+interface ModelManagementExampleProps {
+    /** Clé API LastBrain pour l'authentification */
+    apiKey?: string;
+    /** URL de base de l'API */
+    baseUrl?: string;
+    /** Catégorie de modèles à gérer */
+    category?: "text" | "image" | "audio" | "video";
+}
+/**
+ * Composant exemple montrant comment utiliser le hook useModelManagement
+ * Retourne les données et handlers pour les passer à d'autres composants
+ */
+export declare function useImageModelManagement({ apiKey, baseUrl, category, }?: ModelManagementExampleProps): {
+    availableModels: import("..").AIModel[];
+    userModels: string[];
+    loading: boolean;
+    error: string | null;
+    toggleModel: (modelId: string, isActive: boolean) => Promise<void>;
+    isModelActive: (modelId: string) => boolean;
+    getActiveModels: () => import("..").AIModel[];
+    getInactiveModels: () => import("..").AIModel[];
+};
+/**
+ * Composant exemple affichant les statistiques des modèles
+ */
+export declare function ModelManagementStats({ apiKey, baseUrl, category, }?: ModelManagementExampleProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Composant exemple pour afficher et gérer une liste de modèles
+ */
+export declare function ModelManagementList({ apiKey, baseUrl, category, onModelToggle, }: ModelManagementExampleProps & {
+    onModelToggle?: (modelId: string, isActive: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AiImageGenerator.d.ts.map

package/dist/examples/AiImageGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiImageGenerator.d.ts","sourceRoot":"","sources":["../../src/examples/AiImageGenerator.tsx"],"names":[],"mappings":"AAEA,UAAU,2BAA2B;IACnC,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;CACjD;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,OAAO,EACP,QAAkB,GACnB,GAAE,2BAAgC;;;;;2BAiBS,MAAM,YAAY,OAAO;;;;EAmBpE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,QAAkB,GACnB,GAAE,2BAAgC,2CAgDlC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,QAAkB,EAClB,aAAa,GACd,EAAE,2BAA2B,GAAG;IAC/B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9D,2CAyFA"}