@lastbrain/ai-ui-react 1.0.49 → 1.0.51

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

@@ -1 +1 @@
-{"version":3,"file":"AiChipLabel.d.ts","sourceRoot":"","sources":["../../src/components/AiChipLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAmB,EACnB,SAAS,EACT,KAAK,EAAE,WAAW,GACnB,EAAE,gBAAgB,2CAgClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,WAAW,CAAC,EAC1B,KAAU,EACV,QAAQ,EACR,WAAoE,EACpE,OAAO,EACP,QAAQ,EACR,eAAuB,EACvB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,GACvB,EAAE,gBAAgB,2CAkMlB"}
+{"version":3,"file":"AiChipLabel.d.ts","sourceRoot":"","sources":["../../src/components/AiChipLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAmB,EACnB,SAAS,EACT,KAAK,EAAE,WAAW,GACnB,EAAE,gBAAgB,2CAgClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,WAAW,CAAC,EAC1B,KAAU,EACV,QAAQ,EACR,WAAoE,EACpE,OAAO,EACP,QAAQ,EACR,eAAuB,EACvB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,GACvB,EAAE,gBAAgB,2CA6NlB"}

package/dist/components/AiChipLabel.js

@@ -1,12 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "react";
-import { X, Sparkles } from "lucide-react";
+import { X, Sparkles, Lock } from "lucide-react";
 import { aiStyles } from "../styles/inline";
 import { AiPromptPanel } from "./AiPromptPanel";
+import { LBSigninModal } from "./LBSigninModal";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { useAiModels } from "../hooks/useAiModels";
 import { useAiContext } from "../context/AiProvider";
+import { useLB } from "../context/LBAuthProvider";
 import { handleAIError } from "../utils/errorHandler";
 export function AiChipLabel({ children, variant = "default", className, style: customStyle, }) {
     const variantStyles = {
@@ -36,11 +38,22 @@ export function AiChipLabel({ children, variant = "default", className, style: c
 export function AiChipInput({ value = [], onChange, placeholder = "Tapez et appuyez sur Entrée pour ajouter des tags...", context, maxChips, allowDuplicates = false, className, storeOutputs, artifactTitle, baseUrl: propBaseUrl, apiKeyId: propApiKeyId, }) {
     const [inputValue, setInputValue] = useState("");
     const [showPromptPanel, setShowPromptPanel] = useState(false);
+    const [showSigninModal, setShowSigninModal] = useState(false);
     const inputRef = useRef(null);
     // Récupérer le contexte AiProvider avec fallback sur les props
     const aiContext = useAiContext();
     const baseUrl = propBaseUrl ?? aiContext.baseUrl;
     const apiKeyId = propApiKeyId ?? aiContext.apiKeyId;
+    // Vérifier si l'utilisateur est connecté (session LB)
+    let isAuthenticated = false;
+    try {
+        const lbContext = useLB();
+        isAuthenticated = lbContext.status === "ready";
+    }
+    catch {
+        // LBProvider n'est pas disponible, considérer non connecté
+        isAuthenticated = false;
+    }
     // Hooks pour l'IA avec les valeurs du contexte
     const { models } = useAiModels({
         baseUrl,
@@ -129,7 +142,14 @@ Exemple de réponse attendue: javascript, react, frontend, api, development`;
     return (_jsxs("div", { className: className, children: [_jsxs("div", { style: { position: "relative", marginBottom: "8px" }, children: [_jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, style: {
                             ...aiStyles.input,
                             paddingRight: "40px", // Space for button
-                        } }), _jsx("button", { onClick: handleGenerateChips, style: {
+                        } }), _jsx("button", { onClick: () => {
+                            if (isAuthenticated) {
+                                handleGenerateChips();
+                            }
+                            else {
+                                setShowSigninModal(true);
+                            }
+                        }, style: {
                             position: "absolute",
                             right: "8px",
                             top: "50%",
@@ -141,8 +161,10 @@ Exemple de réponse attendue: javascript, react, frontend, api, development`;
                             borderRadius: "4px",
                             display: "flex",
                             alignItems: "center",
-                            color: "#6366f1",
-                        }, title: "G\u00E9n\u00E9rer des tags avec l'IA", children: _jsx(Sparkles, { size: 16 }) })] }), value.length > 0 && (_jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: value.map((chip, index) => {
+                            color: isAuthenticated ? "#6366f1" : "#ef4444",
+                        }, title: isAuthenticated
+                            ? "Générer des tags avec l'IA"
+                            : "Se connecter pour utiliser l'IA", children: isAuthenticated ? _jsx(Sparkles, { size: 16 }) : _jsx(Lock, { size: 16 }) })] }), value.length > 0 && (_jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: value.map((chip, index) => {
                     console.log("Rendering chip:", chip, "at index:", index);
                     return (_jsxs("div", { style: {
                             ...aiStyles.chip,
@@ -160,5 +182,5 @@ Exemple de réponse attendue: javascript, react, frontend, api, development`;
                                     color: "currentColor",
                                     opacity: 0.7,
                                 }, title: "Supprimer", children: _jsx(X, { size: 14 }) })] }, index));
-                }) })), _jsx(AiPromptPanel, { isOpen: showPromptPanel, onClose: () => setShowPromptPanel(false), onSubmit: handlePromptSubmit, models: models || undefined, baseUrl: baseUrl, sourceText: context ? `Contexte: ${context}` : undefined })] }));
+                }) })), _jsx(AiPromptPanel, { isOpen: showPromptPanel, onClose: () => setShowPromptPanel(false), onSubmit: handlePromptSubmit, models: models || undefined, baseUrl: baseUrl, sourceText: context ? `Contexte: ${context}` : undefined }), _jsx(LBSigninModal, { isOpen: showSigninModal, onClose: () => setShowSigninModal(false) })] }));
 }

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;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"}
+{"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,2CAiiBtB"}

package/dist/components/AiContextButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Loader2, X, FileText, Sparkle, Download } from "lucide-react";
+import { Loader2, X, FileText, Sparkle, Download, Lock } from "lucide-react";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { useUsageToast } from "./UsageToast";
@@ -194,7 +194,6 @@ Analyse ces données et réponds de manière structurée et claire.`;
                             border: "none",
                             borderRadius: "12px",
                             // padding: "12px 20px",
-                            margin: "0px 8px",
                             fontSize: "14px",
                             fontWeight: "600",
                             minWidth: "20px",
@@ -233,7 +232,10 @@ Analyse ces données et réponds de manière structurée et claire.`;
                         }, "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..." })] })) : !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: {
+                                    } }), _jsx("span", { style: { letterSpacing: "0.025em" }, children: "Analyse..." })] })) : !isAuthReady ? (_jsxs(_Fragment, { children: [_jsx(Lock, { size: 18, style: {
+                                        color: "white",
+                                        filter: "drop-shadow(0 0 2px rgba(255,255,255,0.2))",
+                                    } }), 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: {

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;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"}
+{"version":3,"file":"AiImageButton.d.ts","sourceRoot":"","sources":["../../src/components/AiImageButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAS5D,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,2CA4ZpB"}

package/dist/components/AiImageButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { ImageIcon, Loader2, Download, ExternalLink, X } from "lucide-react";
+import { ImageIcon, Loader2, Download, ExternalLink, X, Lock, } from "lucide-react";
 import { useAiCallImage } from "../hooks/useAiCallImage";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { useUsageToast } from "./UsageToast";
@@ -206,7 +206,10 @@ export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, ui
                         }, "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..." })] })) : !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: {
+                                    } }), _jsx("span", { style: { letterSpacing: "0.025em" }, children: "G\u00E9n\u00E9ration..." })] })) : !isAuthReady ? (_jsxs(_Fragment, { children: [_jsx(Lock, { size: 18, style: {
+                                        color: "white",
+                                        filter: "drop-shadow(0 0 2px rgba(255,255,255,0.2))",
+                                    } }), 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: {

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

@@ -1 +1 @@
-{"version":3,"file":"AiSelect.d.ts","sourceRoot":"","sources":["../../src/components/AiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ5C,MAAM,WAAW,aACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,aAAa,2CAqFf"}
+{"version":3,"file":"AiSelect.d.ts","sourceRoot":"","sources":["../../src/components/AiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAU5C,MAAM,WAAW,aACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,aAAa,2CAwJf"}

package/dist/components/AiSelect.js

@@ -1,23 +1,43 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { Sparkles, Lock } from "lucide-react";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
+import { LBSigninModal } from "./LBSigninModal";
 import { aiStyles } from "../styles/inline";
 import { handleAIError } from "../utils/errorHandler";
+import { useLB } from "../context/LBAuthProvider";
 export function AiSelect({ baseUrl, apiKeyId, uiMode = "modal", context, model, prompt, storeOutputs, artifactTitle, onValue, onToast, disabled, className, children, ...selectProps }) {
     const [isOpen, setIsOpen] = useState(false);
+    const [showAuthModal, setShowAuthModal] = useState(false);
     const [isFocused, setIsFocused] = useState(false);
     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,
         modelType: "text-or-language",
     });
     const { generateText, loading } = useAiCallText({ baseUrl, apiKeyId });
+    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 = () => {
@@ -46,14 +66,30 @@ export function AiSelect({ baseUrl, apiKeyId, uiMode = "modal", context, model,
             setIsOpen(false);
         }
     };
-    return (_jsxs("div", { style: { width: "100%" }, className: className, children: [_jsx("select", { ...selectProps, style: {
+    return (_jsxs("div", { style: { width: "100%", position: "relative" }, className: className, children: [_jsx("select", { ...selectProps, style: {
                     ...aiStyles.select,
                     ...(isFocused && aiStyles.selectFocus),
+                    paddingRight: "40px", // Space for AI button
                 }, onFocus: (e) => {
                     setIsFocused(true);
                     selectProps.onFocus?.(e);
                 }, onBlur: (e) => {
                     setIsFocused(false);
                     selectProps.onBlur?.(e);
-                }, disabled: disabled || loading, children: children }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: models || [] })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey))] }));
+                }, disabled: disabled || loading, children: children }), _jsx("button", { onClick: handleOpenPanel, style: {
+                    position: "absolute",
+                    right: "8px",
+                    top: "50%",
+                    transform: "translateY(-50%)",
+                    background: "none",
+                    border: "none",
+                    cursor: "pointer",
+                    padding: "4px",
+                    borderRadius: "4px",
+                    display: "flex",
+                    alignItems: "center",
+                    color: shouldShowSparkles ? "#6366f1" : "#ef4444",
+                }, title: shouldShowSparkles
+                    ? "Générer avec l'IA"
+                    : "Se connecter pour utiliser l'IA", disabled: disabled || loading, 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: models || [] })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })] }));
 }

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

package/dist/components/AiStatusButton.js

@@ -2,7 +2,7 @@
 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, Power, LogOut, Key, RefreshCw, } from "lucide-react";
+import { BarChart3, Settings, FileText, History as HistoryIcon, FolderPlus, Power, LogOut, Key, ArrowRightLeft, } from "lucide-react";
 import { aiStyles, calculateTooltipPosition } from "../styles/inline";
 import { useLB } from "../context/LBAuthProvider";
 import { useAiContext } from "../context/AiProvider";
@@ -16,6 +16,7 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
     let apiKeys = [];
     let accessToken;
     let selectApiKeyWithToken;
+    let lbApiStatus = null;
     try {
         const lbContext = useLB();
         lbStatus = lbContext.status;
@@ -24,6 +25,7 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
         apiKeys = lbContext.apiKeys || [];
         accessToken = lbContext.accessToken;
         selectApiKeyWithToken = lbContext.selectApiKeyWithToken;
+        lbApiStatus = lbContext.apiStatus;
     }
     catch {
         // LBProvider n'est pas disponible, ignorer
@@ -31,6 +33,8 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
         user = undefined;
         logout = undefined;
     }
+    // Utiliser le status du contexte LB si pas de prop status
+    const effectiveStatus = status || lbApiStatus;
     // Récupérer refetchProviders depuis AiProvider si disponible
     let refetchProviders;
     try {
@@ -74,8 +78,8 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
         const color = getUsageColor(percentage);
         return (_jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, stroke: aiStyles.tooltipLabel.color, strokeWidth: stroke, fill: "transparent", opacity: 0.3 }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, stroke: color, strokeWidth: stroke, fill: "transparent", strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round", transform: `rotate(-90 ${size / 2} ${size / 2})` }), _jsxs("text", { x: size / 2, y: size / 2, textAnchor: "middle", dominantBaseline: "central", fontSize: "7px", fill: color, fontWeight: "600", children: [percentage.toFixed(0), "%"] })] }));
     };
-    const balanceUsage = status?.balance;
-    const storageUsage = status?.storage;
+    const balanceUsage = effectiveStatus?.balance;
+    const storageUsage = effectiveStatus?.storage;
     const balanceTotal = balanceUsage?.total ??
         safeNumber(balanceUsage?.purchased) + safeNumber(balanceUsage?.quota);
     const balanceUsed = balanceUsage?.used ?? balanceUsage?.total ?? 0;
@@ -176,7 +180,7 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
                 ...aiStyles.statusButtonDisabled,
             }, 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) {
+    if (!effectiveStatus) {
         // 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: {
@@ -318,7 +322,6 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
                                                             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,
@@ -358,7 +361,7 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
                         ...aiStyles.tooltip,
                         ...tooltipPosition,
                         zIndex: 50,
-                    }, onMouseEnter: () => setShowTooltip(true), onMouseLeave: handleMouseLeave, children: [_jsx("div", { style: aiStyles.tooltipHeader, children: "API Status" }), status.user?.email && (_jsx("div", { style: {
+                    }, onMouseEnter: () => setShowTooltip(true), onMouseLeave: handleMouseLeave, children: [_jsx("div", { style: aiStyles.tooltipHeader, children: "API Status" }), effectiveStatus.user?.email && (_jsx("div", { style: {
                                 ...aiStyles.tooltipSection,
                                 ...aiStyles.tooltipSectionFirst,
                             }, children: _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "User:" }), _jsx("span", { style: {
@@ -367,15 +370,20 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
                                             maxWidth: "200px",
                                             overflow: "hidden",
                                             textOverflow: "ellipsis",
-                                        }, children: status.user.email })] }) })), _jsxs("div", { style: {
+                                        }, children: effectiveStatus.user.email })] }) })), _jsxs("div", { style: {
                                 ...aiStyles.tooltipSection,
-                                ...(status.user?.email ? {} : aiStyles.tooltipSectionFirst),
+                                ...(effectiveStatus.user?.email
+                                    ? {}
+                                    : aiStyles.tooltipSectionFirst),
                             }, children: [_jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "API Key:" }), _jsxs("div", { style: {
                                                 display: "flex",
                                                 alignItems: "center",
                                                 gap: "8px",
-                                            }, children: [_jsx("span", { style: aiStyles.tooltipValue, children: status.apiKey?.name || status.api_key?.name || "Unknown" }), apiKeys.length > 1 && selectApiKeyWithToken && (_jsx("button", { onClick: (e) => {
+                                            }, children: [_jsx("span", { style: aiStyles.tooltipValue, children: effectiveStatus.apiKey?.name ||
+                                                        effectiveStatus.api_key?.name ||
+                                                        "Unknown" }), selectApiKeyWithToken && (_jsx("button", { onClick: (e) => {
                                                         e.stopPropagation();
+                                                        setShowTooltip(false);
                                                         setShowApiKeySelector(true);
                                                     }, style: {
                                                         background: "rgba(139, 92, 246, 0.1)",
@@ -399,9 +407,11 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
                                                             "rgba(139, 92, 246, 0.1)";
                                                         e.currentTarget.style.borderColor =
                                                             "rgba(139, 92, 246, 0.3)";
-                                                    }, title: "Change API Key", children: _jsx(RefreshCw, { size: 12, style: { color: "rgba(139, 92, 246, 1)" } }) }))] })] }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Env:" }), _jsx("span", { style: aiStyles.tooltipValue, children: status.apiKey?.env || status.api_key?.env || "N/A" })] }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Rate Limit:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: [status.apiKey?.rate_limit_rpm ||
-                                                    status.api_key?.rate_limit_rpm ||
-                                                    0, " ", "req/min"] })] })] }), _jsxs("div", { style: aiStyles.tooltipSection, children: [_jsx("div", { style: aiStyles.tooltipSubtitle, children: "Balance" }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Total:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: ["$", formatFixed(balanceUsed, 6), " / $", formatNumber(balanceTotal)] }), renderUsageCircle(balancePercentage)] })] }), _jsxs("div", { style: aiStyles.tooltipSection, children: [_jsx("div", { style: aiStyles.tooltipSubtitle, children: "Storage" }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Total:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: [formatStorage(storageUsed), " /", " ", formatStorage(storageAllocated)] }), renderUsageCircle(storagePercentage)] })] }), _jsxs("div", { style: {
+                                                    }, title: "Change API Key", children: _jsx(ArrowRightLeft, { size: 12, style: { color: "rgba(139, 92, 246, 1)" } }) }))] })] }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Env:" }), _jsx("span", { style: aiStyles.tooltipValue, children: effectiveStatus.apiKey?.env ||
+                                                effectiveStatus.api_key?.env ||
+                                                "N/A" })] }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Rate Limit:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: [effectiveStatus.apiKey?.rate_limit_rpm ||
+                                                    effectiveStatus.api_key?.rate_limit_rpm ||
+                                                    0, " ", "req/min"] })] })] }), _jsxs("div", { style: aiStyles.tooltipSection, children: [_jsx("div", { style: aiStyles.tooltipSubtitle, children: "Wallet" }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Total:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: ["$", formatFixed(balanceUsed, 6), " / $", formatNumber(balanceTotal)] }), renderUsageCircle(balancePercentage)] })] }), _jsxs("div", { style: aiStyles.tooltipSection, children: [_jsx("div", { style: aiStyles.tooltipSubtitle, children: "Storage" }), _jsxs("div", { style: aiStyles.tooltipRow, children: [_jsx("span", { style: aiStyles.tooltipLabel, children: "Total:" }), _jsxs("span", { style: aiStyles.tooltipValue, children: [formatStorage(storageUsed), " /", " ", formatStorage(storageAllocated)] }), renderUsageCircle(storagePercentage)] })] }), _jsxs("div", { style: {
                                 ...aiStyles.tooltipActions,
                                 width: "100%",
                                 flexDirection: "row",
@@ -509,6 +519,7 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
                                         justifyContent: "center",
                                         color: "#8b5cf6",
                                         transition: "all 0.2s ease",
+                                        borderRadius: "4px",
                                     }, onMouseEnter: (e) => {
                                         Object.assign(e.currentTarget.style, {
                                             background: "rgba(139, 92, 246, 0.1)",
@@ -539,6 +550,7 @@ export function AiStatusButton({ status, loading = false, className = "", }) {
                                         justifyContent: "center",
                                         color: "#ef4444",
                                         transition: "all 0.2s ease",
+                                        borderRadius: "4px",
                                     }, onMouseEnter: (e) => {
                                         Object.assign(e.currentTarget.style, {
                                             background: "rgba(239, 68, 68, 0.1)",

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;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"}
+{"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,2CAgOjB"}

package/dist/components/AiTextarea.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useLayoutEffect, } from "react";
-import { Sparkles } from "lucide-react";
+import { Sparkles, Lock } from "lucide-react";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
@@ -146,5 +146,5 @@ export function AiTextarea({ baseUrl, apiKeyId, uiMode = "modal", context, model
                     ? "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) })] }));
+                        : "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 })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })] }));
 }

package/dist/components/LBApiKeySelector.js

@@ -39,12 +39,12 @@ export function LBApiKeySelector({ apiKeys, onSelect, onCancel, isOpen, }) {
                     left: 0,
                     right: 0,
                     bottom: 0,
-                    background: "var(--ai-overlay-bg, rgba(0, 0, 0, 0.75))",
+                    background: "rgba(0, 0, 0, 0.75)",
                     backdropFilter: "blur(8px)",
                 } }), _jsxs("div", { style: {
                     position: "relative",
-                    background: "var(--ai-modal-bg, #1f2937)",
-                    border: "1px solid var(--ai-border-primary, #374151)",
+                    background: "light-dark(#ffffff, #1e293b)",
+                    border: "1px solid light-dark(#e2e8f0, #334155)",
                     borderRadius: "12px",
                     padding: "24px",
                     maxWidth: "500px",
@@ -54,12 +54,12 @@ export function LBApiKeySelector({ apiKeys, onSelect, onCancel, isOpen, }) {
                             margin: "0 0 8px 0",
                             fontSize: "20px",
                             fontWeight: 600,
-                            color: "var(--ai-text-primary, #f9fafb)",
+                            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: "var(--ai-text-secondary, #9ca3af)",
+                            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: {
@@ -77,11 +77,11 @@ export function LBApiKeySelector({ apiKeys, onSelect, onCancel, isOpen, }) {
                                             alignItems: "center",
                                             padding: "12px 16px",
                                             background: isSelected
-                                                ? "var(--ai-input-bg-focus, #374151)"
-                                                : "var(--ai-input-bg, #111827)",
+                                                ? "light-dark(#f1f5f9, #334155)"
+                                                : "light-dark(#f8fafc, #0f172a)",
                                             border: `2px solid ${isSelected
-                                                ? "var(--ai-accent-primary, #8b5cf6)"
-                                                : "var(--ai-border-primary, #374151)"}`,
+                                                ? "#8b5cf6"
+                                                : "light-dark(#e2e8f0, #334155)"}`,
                                             borderRadius: "8px",
                                             cursor: isActive ? "pointer" : "not-allowed",
                                             opacity: isActive ? 1 : 0.5,
@@ -89,29 +89,29 @@ export function LBApiKeySelector({ apiKeys, onSelect, onCancel, isOpen, }) {
                                         }, onMouseEnter: (e) => {
                                             if (isActive && !isSelected) {
                                                 e.currentTarget.style.borderColor =
-                                                    "var(--ai-border-hover, #4b5563)";
+                                                    "light-dark(#cbd5e1, #475569)";
                                                 e.currentTarget.style.background =
-                                                    "var(--ai-input-bg-focus, #374151)";
+                                                    "light-dark(#f1f5f9, #334155)";
                                             }
                                         }, onMouseLeave: (e) => {
                                             if (isActive && !isSelected) {
                                                 e.currentTarget.style.borderColor =
-                                                    "var(--ai-border-primary, #374151)";
+                                                    "light-dark(#e2e8f0, #334155)";
                                                 e.currentTarget.style.background =
-                                                    "var(--ai-input-bg, #111827)";
+                                                    "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: "var(--ai-accent-primary, #8b5cf6)",
+                                                    accentColor: "#8b5cf6",
                                                     cursor: isActive ? "pointer" : "not-allowed",
                                                 } }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: {
                                                             fontSize: "14px",
                                                             fontWeight: 500,
-                                                            color: "var(--ai-text-primary, #f9fafb)",
+                                                            color: "light-dark(#1e293b, #f8fafc)",
                                                             marginBottom: "4px",
                                                         }, children: key.name }), _jsx("div", { style: {
                                                             fontSize: "12px",
-                                                            color: "var(--ai-text-secondary, #9ca3af)",
+                                                            color: "light-dark(#64748b, #94a3b8)",
                                                             fontFamily: "monospace",
                                                         }, children: key.keyPrefix || key.id.substring(0, 12) + "..." })] }), isActive ? (_jsx("div", { style: {
                                                     fontSize: "11px",
@@ -143,9 +143,9 @@ export function LBApiKeySelector({ apiKeys, onSelect, onCancel, isOpen, }) {
                                             flex: 1,
                                             padding: "12px",
                                             background: "transparent",
-                                            border: "1px solid var(--ai-border-primary, #374151)",
+                                            border: "1px solid light-dark(#e2e8f0, #334155)",
                                             borderRadius: "8px",
-                                            color: "var(--ai-text-secondary, #9ca3af)",
+                                            color: "light-dark(#64748b, #94a3b8)",
                                             fontSize: "14px",
                                             fontWeight: 600,
                                             cursor: loading ? "not-allowed" : "pointer",
@@ -154,21 +154,21 @@ export function LBApiKeySelector({ apiKeys, onSelect, onCancel, isOpen, }) {
                                         }, onMouseEnter: (e) => {
                                             if (!loading) {
                                                 e.currentTarget.style.background =
-                                                    "var(--ai-input-bg, #111827)";
+                                                    "light-dark(#f8fafc, #0f172a)";
                                                 e.currentTarget.style.borderColor =
-                                                    "var(--ai-border-hover, #4b5563)";
+                                                    "light-dark(#cbd5e1, #475569)";
                                             }
                                         }, onMouseLeave: (e) => {
                                             if (!loading) {
                                                 e.currentTarget.style.background = "transparent";
                                                 e.currentTarget.style.borderColor =
-                                                    "var(--ai-border-primary, #374151)";
+                                                    "light-dark(#e2e8f0, #334155)";
                                             }
                                         }, children: "Annuler" }), _jsx("button", { type: "submit", disabled: loading || !selectedKeyId, style: {
                                             flex: 1,
                                             padding: "12px",
                                             background: loading
-                                                ? "var(--ai-input-bg, #111827)"
+                                                ? "light-dark(#e2e8f0, #0f172a)"
                                                 : "linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)",
                                             border: "none",
                                             borderRadius: "8px",

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

@@ -1 +1 @@
-{"version":3,"file":"LBSigninModal.d.ts","sourceRoot":"","sources":["../../src/components/LBSigninModal.tsx"],"names":[],"mappings":"AAMA,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,kDA8bpE"}
+{"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,kDAojBpE"}