@lastbrain/ai-ui-react 1.0.40 → 1.0.42

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

@@ -1 +1 @@
-{"version":3,"file":"AiContextButton.d.ts","sourceRoot":"","sources":["../../src/components/AiContextButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAS5C,MAAM,WAAW,oBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAEvE,WAAW,EAAE,GAAG,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC7C,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,WAAW,EACX,kBAAyC,EACzC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAA0C,EAC1C,YAAY,EACZ,aAAa,EACb,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,GAAG,WAAW,EACf,EAAE,oBAAoB,2CAwftB"}
+{"version":3,"file":"AiContextButton.d.ts","sourceRoot":"","sources":["../../src/components/AiContextButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAW5C,MAAM,WAAW,oBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAEvE,WAAW,EAAE,GAAG,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC7C,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,WAAW,EACX,kBAAyC,EACzC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAA0C,EAC1C,YAAY,EACZ,aAAa,EACb,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,GAAG,WAAW,EACf,EAAE,oBAAoB,2CAqiBtB"}

package/dist/components/AiContextButton.js

@@ -9,12 +9,25 @@ import { useErrorToast, ErrorToast } from "./ErrorToast";
 import { aiStyles } from "../styles/inline";
 import { useAiContext } from "../context/AiProvider";
 import { handleAIError } from "../utils/errorHandler";
+import { useLB } from "../context/LBAuthProvider";
+import { LBSigninModal } from "./LBSigninModal";
 export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", contextData, contextDescription = "Données à analyser", onResult, onToast, disabled, className, children, resultModalTitle = "Résultat de l'analyse", storeOutputs, artifactTitle, context: _context, model: _model, prompt: _prompt, ...buttonProps }) {
     const [isOpen, setIsOpen] = useState(false);
+    const [showAuthModal, setShowAuthModal] = useState(false);
     const [isResultOpen, setIsResultOpen] = useState(false);
     const [analysisResult, setAnalysisResult] = useState(null);
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
     const { showErrorToast, errorData, errorKey, clearError } = useErrorToast();
+    // Rendre l'authentification optionnelle
+    let lbStatus;
+    try {
+        const lbContext = useLB();
+        lbStatus = lbContext.status;
+    }
+    catch {
+        // LBProvider n'est pas disponible, ignorer
+        lbStatus = undefined;
+    }
     // Récupérer le contexte AiProvider avec fallback sur les props
     const aiContext = useAiContext();
     const baseUrl = propBaseUrl ?? aiContext.baseUrl;
@@ -23,7 +36,12 @@ export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId,
         baseUrl,
         apiKeyId,
     });
+    const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
     const handleOpenPanel = () => {
+        if (!isAuthReady) {
+            setShowAuthModal(true);
+            return;
+        }
         setIsOpen(true);
     };
     const handleClosePanel = () => {
@@ -160,14 +178,18 @@ Analyse ces données et réponds de manière structurée et claire.`;
             setIsOpen(false);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ...buttonProps, onClick: handleOpenPanel, disabled: disabled || loading, className: className, style: {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ...buttonProps, onClick: handleOpenPanel, disabled: disabled || loading || !isAuthReady, className: className, style: {
                             ...aiStyles.button,
                             display: "flex",
                             alignItems: "center",
                             gap: "8px",
-                            cursor: disabled || loading ? "not-allowed" : "pointer",
-                            opacity: disabled || loading ? 0.6 : 1,
-                            backgroundColor: loading ? "#8b5cf6" : "#7c3aed",
+                            cursor: disabled || loading || !isAuthReady ? "not-allowed" : "pointer",
+                            opacity: disabled || loading || !isAuthReady ? 0.6 : 1,
+                            backgroundColor: loading
+                                ? "#8b5cf6"
+                                : !isAuthReady
+                                    ? "#94a3b8"
+                                    : "#7c3aed",
                             color: "white",
                             border: "none",
                             borderRadius: "12px",
@@ -188,30 +210,30 @@ Analyse ces données et réponds de manière structurée et claire.`;
                             }),
                             ...buttonProps.style,
                         }, onMouseEnter: (e) => {
-                            if (!disabled && !loading) {
+                            if (!disabled && !loading && isAuthReady) {
                                 e.currentTarget.style.transform = "scale(1.02)";
                                 e.currentTarget.style.boxShadow =
                                     "0 6px 16px rgba(124, 58, 237, 0.3)";
                             }
                         }, onMouseLeave: (e) => {
-                            if (!disabled && !loading) {
+                            if (!disabled && !loading && isAuthReady) {
                                 e.currentTarget.style.transform = "scale(1)";
                                 e.currentTarget.style.boxShadow = loading
                                     ? "0 4px 12px rgba(139, 92, 246, 0.3)"
                                     : "0 2px 8px rgba(124, 58, 237, 0.2)";
                             }
                         }, onMouseDown: (e) => {
-                            if (!disabled && !loading) {
+                            if (!disabled && !loading && isAuthReady) {
                                 e.currentTarget.style.transform = "scale(0.98)";
                             }
                         }, onMouseUp: (e) => {
-                            if (!disabled && !loading) {
+                            if (!disabled && !loading && isAuthReady) {
                                 e.currentTarget.style.transform = "scale(1.02)";
                             }
-                        }, "data-ai-context-button": true, children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 18, className: "animate-spin", style: {
+                        }, "data-ai-context-button": true, title: !isAuthReady ? "Authentication required" : "Analyser avec l'IA", children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 18, className: "animate-spin", style: {
                                         color: "white",
                                         filter: "drop-shadow(0 0 2px rgba(255,255,255,0.3))",
-                                    } }), _jsx("span", { style: { letterSpacing: "0.025em" }, children: "Analyse..." })] })) : (_jsx(_Fragment, { children: _jsx(Sparkle, { size: 18, style: {
+                                    } }), _jsx("span", { style: { letterSpacing: "0.025em" }, children: "Analyse..." })] })) : !isAuthReady ? (_jsxs(_Fragment, { children: [_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }), children || _jsx("span", { children: "Connexion requise" })] })) : (_jsx(_Fragment, { children: _jsx(Sparkle, { size: 18, style: {
                                     color: "white",
                                     filter: "drop-shadow(0 0 2px rgba(255,255,255,0.2))",
                                 } }) })) }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: [], enableModelManagement: true, modelCategory: "text", baseUrl: baseUrl, apiKey: apiKeyId }))] }), isResultOpen && analysisResult && (_jsx("div", { style: {
@@ -332,5 +354,5 @@ Analyse ces données et réponds de manière structurée et claire.`;
                                                 ...getThemeStyles().content,
                                             }, children: [_jsxs("span", { children: ["Co\u00FBt: $", (apiKeyId?.includes("dev")
                                                             ? 0
-                                                            : analysisResult.cost).toFixed(6)] }), _jsxs("span", { children: ["ID: ", analysisResult.requestId?.slice(-8) || "N/A"] })] }) })] })] }) }) })), _jsx(ErrorToast, { error: errorData, onComplete: clearError }, errorKey)] }));
+                                                            : analysisResult.cost).toFixed(6)] }), _jsxs("span", { children: ["ID: ", analysisResult.requestId?.slice(-8) || "N/A"] })] }) })] })] }) }) })), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) }), _jsx(ErrorToast, { error: errorData, onComplete: clearError }, errorKey)] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"AiImageButton.d.ts","sourceRoot":"","sources":["../../src/components/AiImageButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAS5C,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE,OAAO,CAAC,EAAE,CACR,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC7C,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAoB,EACpB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,GAAG,WAAW,EACf,EAAE,kBAAkB,2CAqXpB"}
+{"version":3,"file":"AiImageButton.d.ts","sourceRoot":"","sources":["../../src/components/AiImageButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAW5C,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE,OAAO,CAAC,EAAE,CACR,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC7C,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAoB,EACpB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,GAAG,WAAW,EACf,EAAE,kBAAkB,2CAgapB"}

package/dist/components/AiImageButton.js

@@ -9,17 +9,35 @@ import { useErrorToast, ErrorToast } from "./ErrorToast";
 import { aiStyles } from "../styles/inline";
 import { useAiContext } from "../context/AiProvider";
 import { handleAIError } from "../utils/errorHandler";
+import { useLB } from "../context/LBAuthProvider";
+import { LBSigninModal } from "./LBSigninModal";
 export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", context: _context, model: _model, prompt: _prompt, onImage, onToast, disabled, className, children, showImageCard = true, onImageSave, storeOutputs, artifactTitle, ...buttonProps }) {
     const [isOpen, setIsOpen] = useState(false);
+    const [showAuthModal, setShowAuthModal] = useState(false);
     const [generatedImage, setGeneratedImage] = useState(null);
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
     const { showErrorToast, errorData, errorKey, clearError } = useErrorToast();
+    // Rendre l'authentification optionnelle
+    let lbStatus;
+    try {
+        const lbContext = useLB();
+        lbStatus = lbContext.status;
+    }
+    catch {
+        // LBProvider n'est pas disponible, ignorer
+        lbStatus = undefined;
+    }
     // Récupérer le contexte AiProvider avec fallback sur les props
     const aiContext = useAiContext();
     const baseUrl = propBaseUrl ?? aiContext.baseUrl;
     const apiKeyId = propApiKeyId ?? aiContext.apiKeyId;
     const { generateImage, loading } = useAiCallImage({ baseUrl, apiKeyId });
+    const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
     const handleOpenPanel = () => {
+        if (!isAuthReady) {
+            setShowAuthModal(true);
+            return;
+        }
         setIsOpen(true);
     };
     const handleClosePanel = () => {
@@ -134,14 +152,18 @@ export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, ui
             setIsOpen(false);
         }
     };
-    return (_jsxs("div", { className: "flex items-start gap-4", children: [_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ...buttonProps, onClick: handleOpenPanel, disabled: disabled || loading, className: className, style: {
+    return (_jsxs("div", { className: "flex items-start gap-4", children: [_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ...buttonProps, onClick: handleOpenPanel, disabled: disabled || loading || !isAuthReady, className: className, style: {
                             ...aiStyles.button,
                             display: "flex",
                             alignItems: "center",
                             gap: "8px",
-                            cursor: disabled || loading ? "not-allowed" : "pointer",
-                            opacity: disabled || loading ? 0.6 : 1,
-                            backgroundColor: loading ? "#8b5cf6" : "#6366f1",
+                            cursor: disabled || loading || !isAuthReady ? "not-allowed" : "pointer",
+                            opacity: disabled || loading || !isAuthReady ? 0.6 : 1,
+                            backgroundColor: loading
+                                ? "#8b5cf6"
+                                : !isAuthReady
+                                    ? "#94a3b8"
+                                    : "#6366f1",
                             color: "white",
                             border: "none",
                             borderRadius: "12px",
@@ -161,30 +183,30 @@ export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, ui
                             }),
                             ...buttonProps.style,
                         }, onMouseEnter: (e) => {
-                            if (!disabled && !loading) {
+                            if (!disabled && !loading && isAuthReady) {
                                 e.currentTarget.style.transform = "scale(1.02)";
                                 e.currentTarget.style.boxShadow =
                                     "0 6px 16px rgba(99, 102, 241, 0.3)";
                             }
                         }, onMouseLeave: (e) => {
-                            if (!disabled && !loading) {
+                            if (!disabled && !loading && isAuthReady) {
                                 e.currentTarget.style.transform = "scale(1)";
                                 e.currentTarget.style.boxShadow = loading
                                     ? "0 4px 12px rgba(139, 92, 246, 0.3)"
                                     : "0 2px 8px rgba(99, 102, 241, 0.2)";
                             }
                         }, onMouseDown: (e) => {
-                            if (!disabled && !loading) {
+                            if (!disabled && !loading && isAuthReady) {
                                 e.currentTarget.style.transform = "scale(0.98)";
                             }
                         }, onMouseUp: (e) => {
-                            if (!disabled && !loading) {
+                            if (!disabled && !loading && isAuthReady) {
                                 e.currentTarget.style.transform = "scale(1.02)";
                             }
-                        }, "data-ai-image-button": true, children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 18, className: "animate-spin", style: {
+                        }, "data-ai-image-button": true, title: !isAuthReady ? "Authentication required" : "Générer une image", children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 18, className: "animate-spin", style: {
                                         color: "white",
                                         filter: "drop-shadow(0 0 2px rgba(255,255,255,0.3))",
-                                    } }), _jsx("span", { style: { letterSpacing: "0.025em" }, children: "G\u00E9n\u00E9ration..." })] })) : (_jsxs(_Fragment, { children: [_jsx(ImageIcon, { size: 18, style: {
+                                    } }), _jsx("span", { style: { letterSpacing: "0.025em" }, children: "G\u00E9n\u00E9ration..." })] })) : !isAuthReady ? (_jsxs(_Fragment, { children: [_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }), children || _jsx("span", { children: "Connexion requise" })] })) : (_jsxs(_Fragment, { children: [_jsx(ImageIcon, { size: 18, style: {
                                         color: "white",
                                         filter: "drop-shadow(0 0 2px rgba(255,255,255,0.2))",
                                     } }), _jsx("span", { style: { letterSpacing: "0.025em" }, children: children || "Générer une image" })] })) }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, enableModelManagement: true, modelCategory: "image", baseUrl: baseUrl, apiKey: apiKeyId, models: [] }))] }), showImageCard && generatedImage && (_jsxs("div", { className: "relative", style: {
@@ -231,5 +253,5 @@ export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, ui
                                     e.currentTarget.style.boxShadow = "";
                                 }, title: "T\u00E9l\u00E9charger l'image", children: [_jsx(Download, { size: 16 }), "T\u00E9l\u00E9charger l'image"] }), onImageSave && (_jsxs("button", { onClick: handleSave, className: "flex items-center gap-1 px-3 py-2 text-xs font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors", title: "Sauvegarder en base", children: [_jsx(ExternalLink, { size: 14 }), "Sauvegarder"] }))] }), _jsx("div", { className: "mt-3 pt-3 text-xs", style: {
                             ...getThemeStyles().metadata,
-                        }, children: _jsx("div", { className: "flex justify-center", children: _jsxs("span", { children: ["ID: ", generatedImage.requestId.slice(-8)] }) }) })] })), _jsx(ErrorToast, { error: errorData, onComplete: clearError }, errorKey)] }));
+                        }, children: _jsx("div", { className: "flex justify-center", children: _jsxs("span", { children: ["ID: ", generatedImage.requestId.slice(-8)] }) }) })] })), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) }), _jsx(ErrorToast, { error: errorData, onComplete: clearError }, errorKey)] }));
 }

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;AAQ5C,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;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,qBAA4B,EAC5B,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACd,EAAE,YAAY,2CAkLd"}
+{"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;AAU5C,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;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,qBAA4B,EAC5B,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACd,EAAE,YAAY,2CAyNd"}

package/dist/components/AiInput.js

@@ -8,13 +8,26 @@ import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
 import { handleAIError } from "../utils/errorHandler";
+import { useLB } from "../context/LBAuthProvider";
+import { LBSigninModal } from "./LBSigninModal";
 export function AiInput({ baseUrl, apiKeyId, uiMode = "modal", context, model, prompt, editMode = false, enableModelManagement = true, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...inputProps }) {
     const [isOpen, setIsOpen] = useState(false);
+    const [showAuthModal, setShowAuthModal] = useState(false);
     const [inputValue, setInputValue] = useState(inputProps.value?.toString() || inputProps.defaultValue?.toString() || "");
     const [isFocused, setIsFocused] = useState(false);
     const [isButtonHovered, setIsButtonHovered] = useState(false);
     const inputRef = useRef(null);
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
+    // Rendre l'authentification optionnelle
+    let lbStatus;
+    try {
+        const lbContext = useLB();
+        lbStatus = lbContext.status;
+    }
+    catch {
+        // LBProvider n'est pas disponible, ignorer
+        lbStatus = undefined;
+    }
     const { models } = useAiModels({
         baseUrl,
         apiKeyId,
@@ -22,7 +35,13 @@ export function AiInput({ baseUrl, apiKeyId, uiMode = "modal", context, model, p
     });
     const { generateText, loading } = useAiCallText({ baseUrl, apiKeyId });
     const hasConfiguration = Boolean(model && prompt);
+    const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
+    const shouldShowSparkles = isAuthReady && !disabled;
     const handleOpenPanel = () => {
+        if (!isAuthReady) {
+            setShowAuthModal(true);
+            return;
+        }
         setIsOpen(true);
     };
     const handleClosePanel = () => {
@@ -109,5 +128,9 @@ 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: [], modelCategory: "text", sourceText: inputValue || undefined, apiKey: apiKeyId, baseUrl: baseUrl, enableModelManagement: enableModelManagement })), 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 || !isAuthReady, type: "button", title: !isAuthReady
+                    ? "Authentication required"
+                    : 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" }) })) : shouldShowSparkles ? (_jsx(Sparkles, { size: 16 })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] })) }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: [], modelCategory: "text", sourceText: inputValue || undefined, apiKey: apiKeyId, baseUrl: baseUrl, enableModelManagement: enableModelManagement })), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) }), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey))] }));
 }

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;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,2CAiiBrB"}
+{"version":3,"file":"AiStatusButton.d.ts","sourceRoot":"","sources":["../../src/components/AiStatusButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAetD,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,2CA41BrB"}

package/dist/components/AiStatusButton.js

@@ -1,10 +1,29 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { BarChart3, Settings, FileText, History as HistoryIcon, FolderPlus, Power, } from "lucide-react";
 import { aiStyles, calculateTooltipPosition } from "../styles/inline";
+import { useLB } from "../context/LBAuthProvider";
+import { LBSigninModal } from "./LBSigninModal";
 export function AiStatusButton({ status, loading = false, className = "", }) {
+    // Rendre l'authentification optionnelle
+    let lbStatus;
+    let user;
+    let logout;
+    try {
+        const lbContext = useLB();
+        lbStatus = lbContext.status;
+        user = lbContext.user;
+        logout = lbContext.logout;
+    }
+    catch {
+        // LBProvider n'est pas disponible, ignorer
+        lbStatus = undefined;
+        user = undefined;
+        logout = undefined;
+    }
+    const [showSigninModal, setShowSigninModal] = useState(false);
     const formatNumber = (value) => typeof value === "number" ? value.toLocaleString() : "0";
     const formatFixed = (value, digits) => typeof value === "number" ? value.toFixed(digits) : "0.00";
     const formatStorage = (valueMb) => {
@@ -139,17 +158,172 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
             }, className: className, disabled: true, children: _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" }) }) }));
     }
     if (!status) {
-        return (_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ref: buttonRef, style: {
-                        ...aiStyles.statusButton,
-                        color: "#ef4444",
-                        ...(isHovered && aiStyles.statusButtonHover),
-                    }, className: className, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("polyline", { points: "22 12 18 12 15 21 9 3 6 12 2 12" }) }) }), showTooltip &&
-                    canPortal &&
-                    createPortal(_jsx("div", { ref: tooltipRef, style: {
-                            ...aiStyles.tooltip,
-                            ...tooltipPosition,
-                            zIndex: 50,
-                        }, onMouseEnter: () => setShowTooltip(true), onMouseLeave: handleMouseLeave, children: "No status available" }), document.body)] }));
+        // Si pas de statut API et pas de LBProvider, afficher message simple
+        if (!lbStatus && lbStatus !== "ready") {
+            return (_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ref: buttonRef, style: {
+                            ...aiStyles.statusButton,
+                            color: "#ef4444",
+                            ...(isHovered && aiStyles.statusButtonHover),
+                        }, className: className, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("polyline", { points: "22 12 18 12 15 21 9 3 6 12 2 12" }) }) }), showTooltip &&
+                        canPortal &&
+                        createPortal(_jsx("div", { ref: tooltipRef, style: {
+                                ...aiStyles.tooltip,
+                                ...tooltipPosition,
+                                zIndex: 50,
+                            }, onMouseEnter: () => setShowTooltip(true), onMouseLeave: handleMouseLeave, children: "No status available" }), document.body)] }));
+        }
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ref: buttonRef, style: {
+                                ...aiStyles.statusButton,
+                                color: lbStatus === "ready" ? "#10b981" : "#ef4444",
+                                ...(isHovered && aiStyles.statusButtonHover),
+                            }, className: className, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: () => {
+                                if (lbStatus !== "ready") {
+                                    setShowSigninModal(true);
+                                }
+                            }, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("polyline", { points: "22 12 18 12 15 21 9 3 6 12 2 12" }) }) }), showTooltip &&
+                            canPortal &&
+                            createPortal(_jsx("div", { ref: tooltipRef, style: {
+                                    ...aiStyles.tooltip,
+                                    ...tooltipPosition,
+                                    zIndex: 50,
+                                }, onMouseEnter: () => setShowTooltip(true), onMouseLeave: handleMouseLeave, children: lbStatus === "ready" && user ? (_jsxs(_Fragment, { children: [_jsx("div", { style: aiStyles.tooltipHeader, children: "LastBrain Connected" }), _jsx("div", { style: {
+                                                ...aiStyles.tooltipSection,
+                                                paddingBottom: "8px",
+                                            }, children: _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "User:" }), _jsx("span", { style: aiStyles.tooltipValue, children: user.email })] }) }), _jsxs("div", { style: {
+                                                display: "flex",
+                                                gap: "8px",
+                                                borderTop: "1px solid var(--ai-border-primary, #374151)",
+                                                paddingTop: "12px",
+                                            }, children: [_jsx("button", { onClick: () => window.open("https://lastbrain.io/metrics", "_blank"), style: {
+                                                        flex: 1,
+                                                        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, {
+                                                            background: "transparent",
+                                                        });
+                                                    }, title: "View Metrics", children: _jsx(BarChart3, { size: 18 }) }), _jsx("button", { onClick: () => window.open("https://lastbrain.io/settings", "_blank"), style: {
+                                                        flex: 1,
+                                                        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, {
+                                                            background: "transparent",
+                                                        });
+                                                    }, title: "Settings", children: _jsx(Settings, { size: 18 }) }), _jsx("button", { onClick: () => window.open("https://prompt.lastbrain.io/auth/prompts", "_blank"), style: {
+                                                        flex: 1,
+                                                        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, {
+                                                            background: "transparent",
+                                                        });
+                                                    }, title: "My Prompts", children: _jsx(FileText, { size: 18 }) }), _jsx("button", { onClick: () => window.open("https://prompt.lastbrain.io/auth/folder", "_blank"), style: {
+                                                        flex: 1,
+                                                        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, {
+                                                            background: "transparent",
+                                                        });
+                                                    }, title: "New Folder", children: _jsx(FolderPlus, { size: 18 }) }), _jsx("button", { onClick: async () => {
+                                                        if (logout) {
+                                                            await logout();
+                                                        }
+                                                        setShowTooltip(false);
+                                                    }, style: {
+                                                        flex: 1,
+                                                        background: "transparent",
+                                                        border: "none",
+                                                        padding: "14px",
+                                                        cursor: "pointer",
+                                                        display: "flex",
+                                                        alignItems: "center",
+                                                        justifyContent: "center",
+                                                        color: "#ef4444",
+                                                        transition: "all 0.2s ease",
+                                                    }, onMouseEnter: (e) => {
+                                                        Object.assign(e.currentTarget.style, {
+                                                            background: "rgba(239, 68, 68, 0.1)",
+                                                        });
+                                                    }, onMouseLeave: (e) => {
+                                                        Object.assign(e.currentTarget.style, {
+                                                            background: "transparent",
+                                                        });
+                                                    }, title: "Logout", children: _jsx(Power, { size: 18 }) })] })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { style: aiStyles.tooltipHeader, children: "LastBrain Authentication" }), _jsx("div", { style: {
+                                                ...aiStyles.tooltipSection,
+                                                paddingBottom: "12px",
+                                            }, children: _jsx("p", { style: {
+                                                    margin: 0,
+                                                    fontSize: "13px",
+                                                    color: "var(--ai-text-secondary, #9ca3af)",
+                                                    lineHeight: "1.5",
+                                                }, children: "Connectez-vous pour acc\u00E9der aux fonctionnalit\u00E9s IA" }) }), _jsx("button", { onClick: () => {
+                                                setShowSigninModal(true);
+                                                setShowTooltip(false);
+                                            }, style: {
+                                                width: "100%",
+                                                padding: "10px",
+                                                background: "linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)",
+                                                border: "none",
+                                                borderRadius: "6px",
+                                                color: "#ffffff",
+                                                fontSize: "13px",
+                                                fontWeight: 600,
+                                                cursor: "pointer",
+                                                transition: "all 0.2s ease",
+                                            }, onMouseEnter: (e) => {
+                                                e.currentTarget.style.transform = "translateY(-1px)";
+                                                e.currentTarget.style.boxShadow =
+                                                    "0 4px 12px rgba(139, 92, 246, 0.3)";
+                                            }, onMouseLeave: (e) => {
+                                                e.currentTarget.style.transform = "translateY(0)";
+                                                e.currentTarget.style.boxShadow = "none";
+                                            }, children: "\uD83D\uDD10 Se connecter" })] })) }), document.body)] }), _jsx(LBSigninModal, { isOpen: showSigninModal, onClose: () => setShowSigninModal(false) })] }));
     }
     return (_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ref: buttonRef, style: {
                     ...aiStyles.statusButton,

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

@@ -1 +1 @@
-{"version":3,"file":"AiTextarea.d.ts","sourceRoot":"","sources":["../../src/components/AiTextarea.tsx"],"names":[],"mappings":"AAEA,OAAc,EAIZ,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ5C,MAAM,WAAW,eACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAC9D,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACjB,EAAE,eAAe,2CAmMjB"}
+{"version":3,"file":"AiTextarea.d.ts","sourceRoot":"","sources":["../../src/components/AiTextarea.tsx"],"names":[],"mappings":"AAEA,OAAc,EAIZ,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAU5C,MAAM,WAAW,eACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAC9D,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACjB,EAAE,eAAe,2CA0OjB"}

package/dist/components/AiTextarea.js

@@ -8,8 +8,11 @@ import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
 import { handleAIError } from "../utils/errorHandler";
+import { useLB } from "../context/LBAuthProvider";
+import { LBSigninModal } from "./LBSigninModal";
 export function AiTextarea({ baseUrl, apiKeyId, uiMode = "modal", context, model, prompt, editMode = false, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...textareaProps }) {
     const [isOpen, setIsOpen] = useState(false);
+    const [showAuthModal, setShowAuthModal] = useState(false);
     const [textareaValue, setTextareaValue] = useState(textareaProps.value?.toString() ||
         textareaProps.defaultValue?.toString() ||
         "");
@@ -17,6 +20,16 @@ export function AiTextarea({ baseUrl, apiKeyId, uiMode = "modal", context, model
     const [isButtonHovered, setIsButtonHovered] = useState(false);
     const textareaRef = useRef(null);
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
+    // Rendre l'authentification optionnelle
+    let lbStatus;
+    try {
+        const lbContext = useLB();
+        lbStatus = lbContext.status;
+    }
+    catch {
+        // LBProvider n'est pas disponible, ignorer
+        lbStatus = undefined;
+    }
     const { models } = useAiModels({
         baseUrl,
         apiKeyId,
@@ -24,7 +37,13 @@ export function AiTextarea({ baseUrl, apiKeyId, uiMode = "modal", context, model
     });
     const { generateText, loading } = useAiCallText({ baseUrl, apiKeyId });
     const hasConfiguration = Boolean(model && prompt);
+    const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
+    const shouldShowSparkles = isAuthReady && !disabled;
     const handleOpenPanel = () => {
+        if (!isAuthReady) {
+            setShowAuthModal(true);
+            return;
+        }
         setIsOpen(true);
     };
     const handleClosePanel = () => {
@@ -123,5 +142,9 @@ export function AiTextarea({ baseUrl, apiKeyId, uiMode = "modal", context, model
                     ...(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: [], modelCategory: "text", sourceText: textareaValue || undefined, baseUrl: baseUrl, apiKey: apiKeyId, enableModelManagement: enableModelManagement })), 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 || !isAuthReady, type: "button", title: !isAuthReady
+                    ? "Authentication required"
+                    : 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" }) })) : shouldShowSparkles ? (_jsx(Sparkles, { size: 16 })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] })) }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: [], modelCategory: "text", sourceText: textareaValue || undefined, baseUrl: baseUrl, apiKey: apiKeyId, enableModelManagement: enableModelManagement })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LBConnectButton.d.ts","sourceRoot":"","sources":["../../src/components/LBConnectButton.tsx"],"names":[],"mappings":"AAUA,UAAU,oBAAoB;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAkC,EAClC,SAAc,EACd,WAAW,EACX,WAAW,GACZ,EAAE,oBAAoB,2CA0CtB;AAED;;GAEG;AACH,UAAU,gBAAgB;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAsJjD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"LBConnectButton.d.ts","sourceRoot":"","sources":["../../src/components/LBConnectButton.tsx"],"names":[],"mappings":"AAWA,UAAU,oBAAoB;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAkC,EAClC,SAAc,EACd,WAAW,EACX,WAAW,GACZ,EAAE,oBAAoB,2CA4CtB;AAED;;GAEG;AACH,UAAU,gBAAgB;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CA+RjD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}