@lastbrain/ai-ui-react 1.0.67 → 1.0.69

package/dist/components/AiTextarea.d.ts

@@ -1,7 +1,9 @@
 import { type TextareaHTMLAttributes } from "react";
-import type { BaseAiProps } from "../types";
+import type { AiRadius, AiSize, BaseAiProps } from "../types";
 export interface AiTextareaProps extends Omit<BaseAiProps, "type">, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onValue"> {
     uiMode?: "modal" | "drawer";
+    size?: AiSize;
+    radius?: AiRadius;
 }
-export declare function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, context, model, prompt, editMode, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...textareaProps }: AiTextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, size, radius, context, model, prompt, editMode, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...textareaProps }: AiTextareaProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AiTextarea.d.ts.map

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;AAW5C,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,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,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,2CA+OjB"}
+{"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,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAU9D,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;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,IAAW,EACX,MAAa,EACb,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,2CA6NjB"}

package/dist/components/AiTextarea.js

@@ -1,24 +1,21 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useLayoutEffect, } from "react";
-import { Sparkles, Lock } from "lucide-react";
+import { Loader2, Lock, Sparkles } from "lucide-react";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { useAiModels } from "../hooks/useAiModels";
 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";
 import { useAiContext } from "../context/AiProvider";
-export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", context, model, prompt, editMode = false, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...textareaProps }) {
+export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", size = "md", radius = "lg", 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() ||
         "");
-    const [isFocused, setIsFocused] = useState(false);
-    const [isButtonHovered, setIsButtonHovered] = useState(false);
     const textareaRef = useRef(null);
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
     // Rendre l'authentification optionnelle
@@ -140,25 +137,16 @@ export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMod
     useLayoutEffect(() => {
         adjustHeight();
     }, [textareaValue]);
-    return (_jsxs("div", { style: aiStyles.textareaWrapper, className: className, children: [_jsx("textarea", { ref: textareaRef, ...textareaProps, style: {
-                    ...aiStyles.textarea,
-                    ...(isFocused && aiStyles.textareaFocus),
-                }, value: textareaValue, onChange: handleTextareaChange, onFocus: (e) => {
-                    setIsFocused(true);
-                    textareaProps.onFocus?.(e);
-                    adjustHeight();
-                }, onBlur: (e) => {
-                    setIsFocused(false);
-                    textareaProps.onBlur?.(e);
-                }, disabled: disabled || loading }), _jsx("button", { style: {
-                    ...aiStyles.textareaAiButton,
-                    ...(isButtonHovered && aiStyles.textareaAiButtonHover),
-                    ...(disabled || loading
-                        ? { opacity: 0.5, cursor: "not-allowed" }
-                        : {}),
-                }, 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 })) : (_jsx(Lock, { 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, showOnlyUserModels: true })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })] }));
+    const sizeClass = `ai-size-${size}`;
+    const radiusClass = `ai-radius-${radius}`;
+    return (_jsxs("div", { className: `ai-control-group ai-glow ${className || ""}`, children: [_jsxs("div", { className: `ai-shell ai-shell--textarea ${sizeClass} ${radiusClass}`, children: [_jsx("textarea", { ref: textareaRef, ...textareaProps, className: `ai-control ai-control-textarea ${sizeClass} ${radiusClass}`, value: textareaValue, onChange: handleTextareaChange, onFocus: (e) => {
+                            textareaProps.onFocus?.(e);
+                            adjustHeight();
+                        }, onBlur: (e) => {
+                            textareaProps.onBlur?.(e);
+                        }, "aria-invalid": Boolean(textareaProps["aria-invalid"]), disabled: disabled || loading }), _jsx("button", { className: `ai-control-action ai-spark ${sizeClass} ${radiusClass}`, onClick: hasConfiguration ? handleQuickGenerate : handleOpenPanel, disabled: disabled || loading || !isAuthReady, type: "button", title: !isAuthReady
+                            ? "Authentication required"
+                            : hasConfiguration
+                                ? "Generate with AI"
+                                : "Setup AI", children: loading ? (_jsx(Loader2, { size: 16, className: "ai-spinner" })) : shouldShowSparkles ? (_jsx(Sparkles, { size: 16 })) : (_jsx(Lock, { 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, showOnlyUserModels: true })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LBApiKeySelector.d.ts","sourceRoot":"","sources":["../../src/components/LBApiKeySelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,UAAU,qBAAqB;IAC7B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,qBAAqB,kDAyTvB"}
+{"version":3,"file":"LBApiKeySelector.d.ts","sourceRoot":"","sources":["../../src/components/LBApiKeySelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,UAAU,qBAAqB;IAC7B,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,qBAAqB,kDA4HvB"}

package/dist/components/LBApiKeySelector.js

@@ -1,5 +1,6 @@
-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 } from "react";
+import { CheckCircle2, KeyRound, Loader2, XCircle } from "lucide-react";
 export function LBApiKeySelector({ apiKeys, onSelect, onCancel, isOpen, }) {
     const [selectedKeyId, setSelectedKeyId] = useState(apiKeys.find((k) => k.isActive)?.id || apiKeys[0]?.id || "");
     const [loading, setLoading] = useState(false);
@@ -22,171 +23,9 @@ export function LBApiKeySelector({ apiKeys, onSelect, onCancel, isOpen, }) {
             setLoading(false);
         }
     };
-    return (_jsxs("div", { style: {
-            position: "fixed",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            zIndex: 10000,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: "16px",
-        }, onClick: onCancel, children: [_jsx("div", { style: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    background: "rgba(0, 0, 0, 0.75)",
-                    backdropFilter: "blur(8px)",
-                    height: "110%",
-                } }), _jsxs("div", { style: {
-                    position: "relative",
-                    background: "light-dark(#ffffff, #1e293b)",
-                    border: "1px solid light-dark(#e2e8f0, #334155)",
-                    borderRadius: "12px",
-                    padding: "24px",
-                    maxWidth: "500px",
-                    width: "100%",
-                    boxShadow: "0 20px 50px rgba(0, 0, 0, 0.5)",
-                }, onClick: (e) => e.stopPropagation(), children: [_jsx("h2", { style: {
-                            margin: "0 0 8px 0",
-                            fontSize: "20px",
-                            fontWeight: 600,
-                            color: "light-dark(#1e293b, #f8fafc)",
-                            textAlign: "center",
-                        }, children: "S\u00E9lectionnez une cl\u00E9 API" }), _jsx("p", { style: {
-                            margin: "0 0 24px 0",
-                            fontSize: "14px",
-                            color: "light-dark(#64748b, #94a3b8)",
-                            textAlign: "center",
-                            lineHeight: "1.5",
-                        }, children: "Choisissez la cl\u00E9 API \u00E0 utiliser pour vos requ\u00EAtes IA" }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx("div", { style: {
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    gap: "8px",
-                                    marginBottom: "24px",
-                                    maxHeight: "300px",
-                                    overflowY: "auto",
-                                }, children: apiKeys.map((key) => {
+    return (_jsx("div", { className: "ai-signin-overlay", onClick: onCancel, children: _jsxs("div", { className: "ai-signin-panel ai-key-modal-panel", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "ai-signin-header", children: [_jsx("div", { className: "ai-center mb-3", children: _jsx("span", { className: "ai-icon-badge", children: _jsx(KeyRound, { size: 20 }) }) }), _jsx("h2", { className: "ai-signin-title", children: "S\u00E9lectionnez une cl\u00E9 API" }), _jsx("p", { className: "ai-signin-subtitle", children: "Choisissez la cl\u00E9 API \u00E0 utiliser pour vos requ\u00EAtes IA." })] }), _jsx("div", { className: "ai-signin-content", children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsx("div", { className: "ai-model-mgmt-list", style: { maxHeight: 300, overflowY: "auto", marginBottom: 16 }, children: apiKeys.map((key) => {
                                     const isSelected = key.id === selectedKeyId;
                                     const isActive = key.isActive;
-                                    return (_jsxs("label", { style: {
-                                            display: "flex",
-                                            alignItems: "center",
-                                            padding: "12px 16px",
-                                            background: isSelected
-                                                ? "light-dark(#f1f5f9, #334155)"
-                                                : "light-dark(#f8fafc, #0f172a)",
-                                            border: `2px solid ${isSelected ? "#8b5cf6" : "light-dark(#e2e8f0, #334155)"}`,
-                                            borderRadius: "8px",
-                                            cursor: isActive ? "pointer" : "not-allowed",
-                                            opacity: isActive ? 1 : 0.5,
-                                            transition: "all 0.2s ease",
-                                        }, onMouseEnter: (e) => {
-                                            if (isActive && !isSelected) {
-                                                e.currentTarget.style.borderColor =
-                                                    "light-dark(#cbd5e1, #475569)";
-                                                e.currentTarget.style.background =
-                                                    "light-dark(#f1f5f9, #334155)";
-                                            }
-                                        }, onMouseLeave: (e) => {
-                                            if (isActive && !isSelected) {
-                                                e.currentTarget.style.borderColor =
-                                                    "light-dark(#e2e8f0, #334155)";
-                                                e.currentTarget.style.background =
-                                                    "light-dark(#f8fafc, #0f172a)";
-                                            }
-                                        }, children: [_jsx("input", { type: "radio", name: "apiKey", value: key.id, checked: isSelected, disabled: !isActive, onChange: (e) => setSelectedKeyId(e.target.value), style: {
-                                                    marginRight: "12px",
-                                                    accentColor: "#8b5cf6",
-                                                    cursor: isActive ? "pointer" : "not-allowed",
-                                                } }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: {
-                                                            fontSize: "14px",
-                                                            fontWeight: 500,
-                                                            color: "light-dark(#1e293b, #f8fafc)",
-                                                            marginBottom: "4px",
-                                                        }, children: key.name }), _jsx("div", { style: {
-                                                            fontSize: "12px",
-                                                            color: "light-dark(#64748b, #94a3b8)",
-                                                            fontFamily: "monospace",
-                                                        }, children: key.keyPrefix || key.id.substring(0, 12) + "..." })] }), isActive ? (_jsx("div", { style: {
-                                                    fontSize: "11px",
-                                                    padding: "4px 8px",
-                                                    borderRadius: "4px",
-                                                    background: "rgba(16, 185, 129, 0.1)",
-                                                    color: "#10b981",
-                                                    fontWeight: 600,
-                                                }, children: "Active" })) : (_jsx("div", { style: {
-                                                    fontSize: "11px",
-                                                    padding: "4px 8px",
-                                                    borderRadius: "4px",
-                                                    background: "rgba(239, 68, 68, 0.1)",
-                                                    color: "#ef4444",
-                                                    fontWeight: 600,
-                                                }, children: "Inactive" }))] }, key.id));
-                                }) }), error && (_jsx("div", { style: {
-                                    padding: "12px",
-                                    background: "rgba(239, 68, 68, 0.1)",
-                                    border: "1px solid rgba(239, 68, 68, 0.3)",
-                                    borderRadius: "6px",
-                                    marginBottom: "16px",
-                                }, children: _jsx("p", { style: {
-                                        margin: 0,
-                                        fontSize: "13px",
-                                        color: "#ef4444",
-                                        lineHeight: "1.5",
-                                    }, children: error }) })), _jsxs("div", { style: { display: "flex", gap: "12px" }, children: [_jsx("button", { type: "button", onClick: onCancel, disabled: loading, style: {
-                                            flex: 1,
-                                            padding: "12px",
-                                            background: "transparent",
-                                            border: "1px solid light-dark(#e2e8f0, #334155)",
-                                            borderRadius: "8px",
-                                            color: "light-dark(#64748b, #94a3b8)",
-                                            fontSize: "14px",
-                                            fontWeight: 600,
-                                            cursor: loading ? "not-allowed" : "pointer",
-                                            opacity: loading ? 0.5 : 1,
-                                            transition: "all 0.2s ease",
-                                        }, onMouseEnter: (e) => {
-                                            if (!loading) {
-                                                e.currentTarget.style.background =
-                                                    "light-dark(#f8fafc, #0f172a)";
-                                                e.currentTarget.style.borderColor =
-                                                    "light-dark(#cbd5e1, #475569)";
-                                            }
-                                        }, onMouseLeave: (e) => {
-                                            if (!loading) {
-                                                e.currentTarget.style.background = "transparent";
-                                                e.currentTarget.style.borderColor =
-                                                    "light-dark(#e2e8f0, #334155)";
-                                            }
-                                        }, children: "Annuler" }), _jsx("button", { type: "submit", disabled: loading || !selectedKeyId, style: {
-                                            flex: 1,
-                                            padding: "12px",
-                                            background: loading
-                                                ? "light-dark(#e2e8f0, #0f172a)"
-                                                : "linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)",
-                                            border: "none",
-                                            borderRadius: "8px",
-                                            color: "#ffffff",
-                                            fontSize: "14px",
-                                            fontWeight: 600,
-                                            cursor: loading || !selectedKeyId ? "not-allowed" : "pointer",
-                                            opacity: loading || !selectedKeyId ? 0.5 : 1,
-                                            transition: "all 0.2s ease",
-                                        }, onMouseEnter: (e) => {
-                                            if (!loading && selectedKeyId) {
-                                                e.currentTarget.style.transform = "translateY(-1px)";
-                                                e.currentTarget.style.boxShadow =
-                                                    "0 8px 20px rgba(139, 92, 246, 0.4)";
-                                            }
-                                        }, onMouseLeave: (e) => {
-                                            if (!loading && selectedKeyId) {
-                                                e.currentTarget.style.transform = "none";
-                                                e.currentTarget.style.boxShadow = "none";
-                                            }
-                                        }, children: loading ? "Connexion..." : "Continuer" })] })] })] })] }));
+                                    return (_jsxs("label", { className: `ai-model-item ${isSelected ? "ai-model-item--active" : ""} ${!isActive ? "ai-model-item--disabled" : ""}`, children: [_jsxs("div", { className: "ai-model-item-main", children: [_jsx("input", { type: "radio", name: "apiKey", value: key.id, checked: isSelected, disabled: !isActive, onChange: (e) => setSelectedKeyId(e.target.value), className: "ai-key-radio" }), _jsxs("div", { children: [_jsx("div", { className: "ai-model-item-title", children: key.name }), _jsx("div", { className: "ai-model-item-meta", children: _jsx("span", { children: key.keyPrefix || key.id.substring(0, 12) + "..." }) })] })] }), isActive ? (_jsxs("span", { className: "ai-pill ai-pill--cost", children: [_jsx(CheckCircle2, { size: 12 }), "Active"] })) : (_jsxs("span", { className: "ai-pill ai-pill--cost", children: [_jsx(XCircle, { size: 12 }), "Inactive"] }))] }, key.id));
+                                }) }), error ? (_jsxs("div", { className: "ai-signin-error", role: "alert", children: [_jsx(XCircle, { size: 16 }), _jsx("span", { children: error })] })) : null, _jsxs("div", { className: "ai-signin-actions", children: [_jsx("button", { type: "button", onClick: onCancel, disabled: loading, className: "ai-btn ai-btn--ghost", children: "Annuler" }), _jsx("button", { type: "submit", disabled: loading || !selectedKeyId, className: "ai-btn ai-btn--primary", children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 16, className: "ai-spinner" }), "Connexion..."] })) : ("Continuer") })] })] }) })] }) }));
 }

package/dist/components/LBConnectButton.d.ts

@@ -1,20 +1,17 @@
 interface LBConnectButtonProps {
-    /** Texte du bouton */
     label?: string;
-    /** Classe CSS personnalisée */
     className?: string;
-    /** Callback après connexion réussie */
     onConnected?: () => void;
-    /** Callback à l'ouverture de la modal */
     onOpenModal?: () => void;
 }
 export declare function LBConnectButton({ label, className, onConnected, onOpenModal, }: LBConnectButtonProps): import("react/jsx-runtime").JSX.Element;
 /**
- * Modal d'authentification LastBrain
+ * Compat export (ancien API): on garde un wrapper minimal
+ * pour éviter de casser les imports existants.
  */
 interface LBAuthModalProps {
     onClose: (success: boolean) => void;
 }
-declare function LBAuthModal({ onClose }: LBAuthModalProps): import("react/jsx-runtime").JSX.Element;
-export { LBAuthModal };
+export declare function LBAuthModal({ onClose }: LBAuthModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=LBConnectButton.d.ts.map

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

@@ -1 +1 @@
-{"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,2CAuDtB;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"}
+{"version":3,"file":"LBConnectButton.d.ts","sourceRoot":"","sources":["../../src/components/LBConnectButton.tsx"],"names":[],"mappings":"AAOA,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAsB,EACtB,SAAc,EACd,WAAW,EACX,WAAW,GACZ,EAAE,oBAAoB,2CAwDtB;AAED;;;GAGG;AACH,UAAU,gBAAgB;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAOxD"}

package/dist/components/LBConnectButton.js

@@ -1,98 +1,29 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Bouton de connexion LastBrain
- * Ouvre la modal d'authentification
- */
 import React from "react";
+import { Loader2, LogIn, LogOut } from "lucide-react";
 import { useLB } from "../context/LBAuthProvider";
-export function LBConnectButton({ label = "Se connecter à LastBrain", className = "", onConnected, onOpenModal, }) {
+import { LBSigninModal } from "./LBSigninModal";
+export function LBConnectButton({ label = "Se connecter", className = "", onConnected, onOpenModal, }) {
     const { status, user, logout } = useLB();
     const [showModal, setShowModal] = React.useState(false);
+    React.useEffect(() => {
+        if (status === "ready" && user && showModal) {
+            setShowModal(false);
+            onConnected?.();
+        }
+    }, [status, user, showModal, onConnected]);
     const handleClick = () => {
         if (status === "ready" && user) {
-            // Déjà connecté, proposer de se déconnecter
-            logout().then(() => {
-                // Redirection propre après logout
-                if (typeof window !== "undefined") {
-                    // Garder la langue actuelle de l'URL
-                    const currentPath = window.location.pathname;
-                    const langMatch = currentPath.match(/^\/([a-z]{2})\//);
-                    const currentLang = langMatch ? langMatch[1] : "en";
-                    // Rediriger vers la page d'accueil dans la langue actuelle
-                    window.location.href = `/${currentLang}`;
-                }
-            });
-        }
-        else {
-            // Pas connecté, ouvrir la modal
-            setShowModal(true);
-            onOpenModal?.();
+            void logout();
+            return;
         }
+        setShowModal(true);
+        onOpenModal?.();
     };
-    const handleModalClose = (success) => {
-        setShowModal(false);
-        if (success) {
-            onConnected?.();
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsx("button", { onClick: handleClick, className: className ||
-                    (status === "ready" && user
-                        ? "px-4 py-2 bg-gradient-to-r from-emerald-500 to-teal-600 text-white rounded-lg hover:from-emerald-600 hover:to-teal-700 transition-all duration-200 shadow-md hover:shadow-lg"
-                        : "px-4 py-2 bg-gradient-to-r from-violet-500 to-purple-600 text-white rounded-lg hover:from-violet-600 hover:to-purple-700 transition-all duration-200 shadow-md hover:shadow-lg"), disabled: status === "loading", children: status === "loading"
-                    ? "⏳ Chargement..."
-                    : status === "ready" && user
-                        ? `✓ ${user.email}`
-                        : `🔐 ${label}` }), showModal && _jsx(LBAuthModal, { onClose: handleModalClose })] }));
+    const buttonLabel = status === "ready" && user ? "Déconnexion" : label;
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: handleClick, className: className || "ai-btn ai-btn--auth", disabled: status === "loading", children: status === "loading" ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 16, className: "animate-spin" }), "Chargement..."] })) : status === "ready" && user ? (_jsxs(_Fragment, { children: [_jsx(LogOut, { size: 16 }), buttonLabel] })) : (_jsxs(_Fragment, { children: [_jsx(LogIn, { size: 16 }), buttonLabel] })) }), _jsx(LBSigninModal, { isOpen: showModal, onClose: () => setShowModal(false) })] }));
 }
-function LBAuthModal({ onClose }) {
-    const { login, fetchApiKeys, selectApiKey } = useLB();
-    const [step, setStep] = React.useState("login");
-    const [email, setEmail] = React.useState("");
-    const [password, setPassword] = React.useState("");
-    const [error, setError] = React.useState("");
-    const [loading, setLoading] = React.useState(false);
-    const [accessToken, setAccessToken] = React.useState("");
-    const [apiKeys, setApiKeys] = React.useState([]);
-    const handleLogin = async (e) => {
-        e.preventDefault();
-        setError("");
-        setLoading(true);
-        try {
-            const result = await login(email, password);
-            if (!result.success) {
-                setError(result.error || "Échec de la connexion");
-                return;
-            }
-            // Note: avec le nouveau système, login gère automatiquement
-            // la récupération et sélection de clé. Ce modal n'est plus nécessaire.
-            onClose(true);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : "Échec de la connexion");
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const handleSelectKey = async (apiKeyId) => {
-        setError("");
-        setLoading(true);
-        try {
-            await selectApiKey(accessToken, apiKeyId);
-            onClose(true); // Succès
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : "Échec de la sélection");
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    return (_jsx("div", { className: "fixed inset-0 bg-black/60 dark:bg-black/80 backdrop-blur-md flex items-center justify-center z-50 p-4 animate-in fade-in duration-200", children: _jsxs("div", { className: "bg-white/95 dark:bg-slate-900/95 backdrop-blur-xl rounded-3xl shadow-2xl max-w-md w-full border border-slate-200/50 dark:border-slate-700/50 overflow-hidden animate-in zoom-in-95 duration-200", children: [_jsxs("div", { className: "relative bg-gradient-to-r from-violet-600 via-purple-600 to-fuchsia-600 dark:from-violet-500 dark:via-purple-500 dark:to-fuchsia-500 px-6 py-8 text-white overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4wNSI+PHBhdGggZD0iTTM2IDE0YzAtMTEuMDUgOC45NS0yMCAyMC0yMHMyMCA4Ljk1IDIwIDIwLTguOTUgMjAtMjAgMjAtMjAtOC45NS0yMC0yMHoiLz48L2c+PC9nPjwvc3ZnPg==')] opacity-30" }), _jsxs("div", { className: "relative flex justify-between items-start", children: [_jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3 mb-2", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-white/20 backdrop-blur-sm flex items-center justify-center", children: step === "login" ? "🔐" : "🔑" }), _jsx("h2", { className: "text-2xl font-bold tracking-tight", children: step === "login" ? "Connexion" : "Sélection clé" })] }), _jsx("p", { className: "text-white/90 text-sm font-medium mt-1 ml-13", children: step === "login"
-                                                ? "Accédez à vos outils IA"
-                                                : "Session sécurisée 72h" })] }), _jsx("button", { onClick: () => onClose(false), className: "text-white/80 hover:text-white hover:bg-white/20 rounded-lg p-2 transition-all duration-200 backdrop-blur-sm", children: _jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M6 18L18 6M6 6l12 12" }) }) })] })] }), _jsx("div", { className: "p-8", children: step === "login" ? (_jsxs("form", { onSubmit: handleLogin, className: "space-y-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-semibold text-slate-700 dark:text-slate-200 mb-2 tracking-wide", children: "\uD83D\uDCE7 Adresse email" }), _jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), className: "w-full px-4 py-3.5 text-base border-2 border-slate-200 dark:border-slate-600 rounded-xl bg-white dark:bg-slate-800 text-slate-900 dark:text-white placeholder:text-slate-400 dark:placeholder:text-slate-500 focus:border-violet-500 dark:focus:border-violet-400 focus:ring-4 focus:ring-violet-100 dark:focus:ring-violet-900/30 transition-all outline-none font-medium tracking-wide", placeholder: "votre@email.com", required: true, autoFocus: true, autoComplete: "email", style: { letterSpacing: "0.01em" } })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-semibold text-slate-700 dark:text-slate-200 mb-2 tracking-wide", children: "\uD83D\uDD12 Mot de passe" }), _jsx("input", { type: "password", value: password, onChange: (e) => setPassword(e.target.value), className: "w-full px-4 py-3.5 text-base border-2 border-slate-200 dark:border-slate-600 rounded-xl bg-white dark:bg-slate-800 text-slate-900 dark:text-white placeholder:text-slate-400 dark:placeholder:text-slate-500 focus:border-violet-500 dark:focus:border-violet-400 focus:ring-4 focus:ring-violet-100 dark:focus:ring-violet-900/30 transition-all outline-none font-medium tracking-wide", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", required: true, autoComplete: "current-password", style: { letterSpacing: "0.15em" } })] }), error && (_jsx("div", { className: "bg-red-50 dark:bg-red-900/20 border-l-4 border-red-500 dark:border-red-400 px-4 py-3.5 rounded-lg animate-in slide-in-from-top-2 duration-200", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: "text-red-500 dark:text-red-400 text-xl flex-shrink-0 mt-0.5", children: "\u26A0\uFE0F" }), _jsx("p", { className: "text-red-700 dark:text-red-300 text-sm font-medium leading-relaxed", children: error })] }) })), _jsx("button", { type: "submit", disabled: loading, className: "w-full mt-6 px-6 py-4 bg-gradient-to-r from-violet-600 to-purple-600 hover:from-violet-700 hover:to-purple-700 disabled:from-slate-400 disabled:to-slate-500 text-white font-bold text-base rounded-xl disabled:cursor-not-allowed transition-all duration-200 shadow-lg shadow-violet-500/30 hover:shadow-xl hover:shadow-violet-500/40 disabled:shadow-none transform hover:translate-y-[-2px] active:translate-y-0 disabled:translate-y-0 tracking-wide", children: loading ? (_jsxs("span", { className: "flex items-center justify-center gap-3", children: [_jsxs("svg", { className: "animate-spin h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), _jsx("span", { className: "font-semibold", children: "Connexion en cours..." })] })) : (_jsxs("span", { className: "flex items-center justify-center gap-2", children: ["\uD83D\uDE80 ", _jsx("span", { children: "Se connecter" })] })) }), _jsxs("div", { className: "relative my-8", children: [_jsx("div", { className: "absolute inset-0 flex items-center", children: _jsx("div", { className: "w-full border-t border-slate-200 dark:border-slate-700" }) }), _jsx("div", { className: "relative flex justify-center text-sm", children: _jsx("span", { className: "px-4 bg-white dark:bg-slate-900 text-slate-500 dark:text-slate-400 font-medium", children: "ou" }) })] }), _jsxs("div", { className: "bg-gradient-to-br from-violet-50 to-purple-50 dark:from-violet-900/20 dark:to-purple-900/20 rounded-xl p-5 border border-violet-200 dark:border-violet-800/50 backdrop-blur-sm", children: [_jsx("p", { className: "text-sm text-slate-700 dark:text-slate-300 text-center font-medium mb-3", children: "Pas encore de compte ?" }), _jsx("a", { href: "https://prompt.lastbrain.io/signup", target: "_blank", rel: "noopener noreferrer", className: "block text-center px-4 py-3 bg-white dark:bg-slate-800 text-violet-600 dark:text-violet-400 hover:text-violet-700 dark:hover:text-violet-300 font-bold text-sm rounded-lg hover:shadow-md transition-all duration-200 border-2 border-violet-200 dark:border-violet-700", children: "\u2728 Cr\u00E9er un compte gratuitement" })] })] })) : (_jsxs("div", { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-slate-600 dark:text-slate-400 bg-blue-50 dark:bg-blue-900/20 p-3 rounded-lg border border-blue-200 dark:border-blue-800", children: "\u2139\uFE0F S\u00E9lectionnez une cl\u00E9 API pour cr\u00E9er une session s\u00E9curis\u00E9e de 72h" }), _jsx("div", { className: "space-y-3 max-h-96 overflow-y-auto", children: apiKeys.map((key) => (_jsx("button", { onClick: () => handleSelectKey(key.id), disabled: !key.isActive || loading, className: `w-full text-left px-5 py-4 border-2 rounded-lg transition-all transform hover:scale-[1.02] ${key.isActive
-                                        ? "border-slate-200 dark:border-slate-600 hover:border-violet-400 dark:hover:border-violet-500 hover:bg-gradient-to-r hover:from-violet-50 hover:to-purple-50 dark:hover:from-violet-900/20 dark:hover:to-purple-900/20"
-                                        : "border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/50 opacity-50 cursor-not-allowed"}`, children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "font-semibold text-slate-900 dark:text-white flex items-center gap-2", children: [key.isActive ? "🔑" : "🔒", key.name] }), _jsxs("div", { className: "text-sm text-slate-500 dark:text-slate-400 mt-1 font-mono", children: [key.keyPrefix, "..."] }), key.scopes && (_jsxs("div", { className: "flex gap-1 mt-2 flex-wrap", children: [key.scopes.slice(0, 3).map((scope) => (_jsx("span", { className: "text-xs px-2 py-1 bg-violet-100 dark:bg-violet-900/30 text-violet-700 dark:text-violet-300 rounded", children: scope }, scope))), key.scopes.length > 3 && (_jsxs("span", { className: "text-xs px-2 py-1 bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-400 rounded", children: ["+", key.scopes.length - 3] }))] }))] }), key.isActive ? (_jsx("svg", { className: "w-5 h-5 text-violet-500 flex-shrink-0 mt-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })) : (_jsx("span", { className: "text-xs text-red-600 dark:text-red-400 font-semibold bg-red-100 dark:bg-red-900/30 px-2 py-1 rounded", children: "Inactive" }))] }) }, key.id))) }), error && (_jsx("div", { className: "bg-red-50 dark:bg-red-900/20 border-l-4 border-red-500 p-4 rounded", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-red-500 text-xl", children: "\u26A0\uFE0F" }), _jsx("p", { className: "text-red-700 dark:text-red-400 text-sm font-medium", children: error })] }) }))] })) })] }) }));
+export function LBAuthModal({ onClose }) {
+    return (_jsx(LBSigninModal, { isOpen: true, onClose: () => onClose(false) }));
 }
-export { LBAuthModal };

package/dist/components/LBSigninModal.d.ts

@@ -2,5 +2,5 @@ export interface LBSigninModalProps {
     isOpen: boolean;
     onClose: () => void;
 }
-export declare function LBSigninModal({ isOpen, onClose }: LBSigninModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function LBSigninModal({ isOpen, onClose }: LBSigninModalProps): import("react").ReactPortal | null;
 //# sourceMappingURL=LBSigninModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LBSigninModal.d.ts","sourceRoot":"","sources":["../../src/components/LBSigninModal.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,kDAijBpE"}
+{"version":3,"file":"LBSigninModal.d.ts","sourceRoot":"","sources":["../../src/components/LBSigninModal.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,sCA2NpE"}