@lastbrain/ai-ui-react 1.0.68 → 1.0.70

package/dist/components/AiChipLabel.d.ts

@@ -1,11 +1,14 @@
 import React from "react";
+import type { AiRadius, AiSize } from "../types";
 export interface AiChipLabelProps {
     children: React.ReactNode;
-    variant?: "default" | "success" | "warning" | "danger";
+    variant?: "default" | "selected" | "warning" | "success" | "danger";
+    size?: AiSize;
+    radius?: AiRadius;
     className?: string;
     style?: React.CSSProperties;
 }
-export declare function AiChipLabel({ children, variant, className, style: customStyle, }: AiChipLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiChipLabel({ children, variant, size, radius, className, style: customStyle, }: AiChipLabelProps): import("react/jsx-runtime").JSX.Element;
 export interface AiChipInputProps {
     value?: string[];
     onChange?: (chips: string[]) => void;
@@ -18,6 +21,8 @@ export interface AiChipInputProps {
     artifactTitle?: string;
     baseUrl?: string;
     apiKeyId?: string;
+    size?: AiSize;
+    radius?: AiRadius;
 }
-export declare function AiChipInput({ value, onChange, placeholder, context, maxChips, allowDuplicates, className, storeOutputs, artifactTitle, baseUrl: propBaseUrl, apiKeyId: propApiKeyId, }: AiChipInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiChipInput({ value, onChange, placeholder, context, maxChips, allowDuplicates, className, storeOutputs, artifactTitle, baseUrl: propBaseUrl, apiKeyId: propApiKeyId, size, radius, }: AiChipInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AiChipLabel.d.ts.map

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;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,2CA+NlB"}
+{"version":3,"file":"AiChipLabel.d.ts","sourceRoot":"","sources":["../../src/components/AiChipLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,MAAe,EACf,SAAS,EACT,KAAK,EAAE,WAAW,GACnB,EAAE,gBAAgB,2CAiBlB;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;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,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,EACtB,IAAW,EACX,MAAe,GAChB,EAAE,gBAAgB,2CAqMlB"}

package/dist/components/AiChipLabel.js

@@ -2,7 +2,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "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";
@@ -10,32 +9,17 @@ 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 = {
-        default: {},
-        success: {
-            background: "#10b98110",
-            color: "#10b981",
-            borderColor: "#10b98130",
-        },
-        warning: {
-            background: "#f59e0b10",
-            color: "#f59e0b",
-            borderColor: "#f59e0b30",
-        },
-        danger: {
-            background: "#ef444410",
-            color: "#ef4444",
-            borderColor: "#ef444430",
-        },
+export function AiChipLabel({ children, variant = "default", size = "md", radius = "full", className, style: customStyle, }) {
+    const variantClassMap = {
+        default: "",
+        selected: "ai-chip--selected",
+        warning: "ai-chip--success",
+        success: "ai-chip--success",
+        danger: "ai-chip--danger",
     };
-    return (_jsx("span", { style: {
-            ...aiStyles.chip,
-            ...variantStyles[variant],
-            ...customStyle,
-        }, className: className, children: children }));
+    return (_jsx("span", { style: customStyle, className: `ai-chip ai-size-${size} ai-radius-${radius} ${variantClassMap[variant]} ${className || ""}`, children: children }));
 }
-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, }) {
+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, size = "md", radius = "full", }) {
     const [inputValue, setInputValue] = useState("");
     const [showPromptPanel, setShowPromptPanel] = useState(false);
     const [showSigninModal, setShowSigninModal] = useState(false);
@@ -138,49 +122,18 @@ Exemple de réponse attendue: javascript, react, frontend, api, development`;
         });
         onChange?.(updatedChips);
     };
-    console.log("AiChipInput render - value:", value, "length:", value.length);
-    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: () => {
-                            if (isAuthenticated) {
-                                handleGenerateChips();
-                            }
-                            else {
-                                setShowSigninModal(true);
-                            }
-                        }, 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: 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,
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "6px",
-                            paddingRight: "6px",
-                        }, children: [_jsx("span", { children: chip }), _jsx("button", { onClick: () => removeChip(index), style: {
-                                    background: "none",
-                                    border: "none",
-                                    cursor: "pointer",
-                                    padding: "0",
-                                    display: "flex",
-                                    alignItems: "center",
-                                    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, enableModelManagement: true, showOnlyUserModels: true }), _jsx(LBSigninModal, { isOpen: showSigninModal, onClose: () => setShowSigninModal(false) })] }));
+    const sizeClass = `ai-size-${size}`;
+    const radiusClass = `ai-radius-${radius}`;
+    return (_jsxs("div", { className: className, children: [_jsx("div", { className: "ai-control-group ai-glow mb-2", children: _jsxs("div", { className: `ai-shell ${sizeClass} ${radiusClass}`, children: [_jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, className: `ai-control ai-control-input ai-control-input--with-action ${sizeClass} ${radiusClass}` }), _jsx("button", { onClick: () => {
+                                if (isAuthenticated) {
+                                    handleGenerateChips();
+                                }
+                                else {
+                                    setShowSigninModal(true);
+                                }
+                            }, className: `ai-control-action ai-spark ${sizeClass} ${radiusClass}`, "aria-label": isAuthenticated
+                                ? "Générer des tags avec l'IA"
+                                : "Connexion requise", 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", { className: "ai-chip-input", children: value.map((chip, index) => (_jsxs("div", { className: `ai-chip ai-chip--with-close ${sizeClass} ${radiusClass}`, children: [_jsx("span", { children: chip }), _jsx("button", { onClick: () => removeChip(index), className: "ai-chip-remover", 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, enableModelManagement: true, showOnlyUserModels: true }), _jsx(LBSigninModal, { isOpen: showSigninModal, onClose: () => setShowSigninModal(false) })] }));
 }

package/dist/components/AiContextButton.d.ts

@@ -1,7 +1,11 @@
 import { type ButtonHTMLAttributes } from "react";
 import type { BaseAiProps } from "../types";
+import type { AiRadius, AiSize, AiVariant } from "../types";
+type ContextData = string | number | boolean | object | unknown[] | {
+    [key: string]: unknown;
+};
 export interface AiContextButtonProps extends Omit<BaseAiProps, "onValue" | "type">, Omit<ButtonHTMLAttributes<HTMLButtonElement>, "baseUrl" | "apiKeyId"> {
-    contextData: any;
+    contextData: ContextData;
     contextDescription?: string;
     onResult?: (result: string, metadata?: {
         requestId: string;
@@ -13,6 +17,10 @@ export interface AiContextButtonProps extends Omit<BaseAiProps, "onValue" | "typ
     artifactTitle?: string;
     baseUrl?: string;
     apiKeyId?: string;
+    size?: AiSize;
+    radius?: AiRadius;
+    variant?: AiVariant;
 }
-export declare function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, contextData, contextDescription, onResult, onToast, disabled, className, children, resultModalTitle, storeOutputs, artifactTitle, context: _context, model: _model, prompt: _prompt, ...buttonProps }: AiContextButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, contextData, contextDescription, onResult, onToast, disabled, className, children, resultModalTitle, size, radius, variant, context: _context, ...buttonProps }: AiContextButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=AiContextButton.d.ts.map

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,2CAiiBtB"}
+{"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;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAW5D,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAE/F,MAAM,WAAW,oBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE,WAAW,EAAE,WAAW,CAAC;IACzB,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;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;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,IAAW,EACX,MAAe,EACf,OAAmB,EACnB,OAAO,EAAE,QAAQ,EACjB,GAAG,WAAW,EACf,EAAE,oBAAoB,2CA+QtB"}

package/dist/components/AiContextButton.js

@@ -1,34 +1,30 @@
 "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, Lock } from "lucide-react";
+import { Download, FileText, Loader2, Lock, Sparkles, X } from "lucide-react";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { useUsageToast } from "./UsageToast";
 import { useErrorToast, ErrorToast } from "./ErrorToast";
-import { aiStyles } from "../styles/inline";
 import { useAiContext } from "../context/AiProvider";
 import { handleAIError } from "../utils/errorHandler";
 import { useLB } from "../context/LBAuthProvider";
 import { LBSigninModal } from "./LBSigninModal";
-export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", contextData, contextDescription = "Données à analyser", onResult, onToast, disabled, className, children, resultModalTitle = "Résultat de l'analyse", storeOutputs, artifactTitle, context: _context, model: _model, prompt: _prompt, ...buttonProps }) {
+export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", contextData, contextDescription = "Données à analyser", onResult, onToast, disabled, className, children, resultModalTitle = "Résultat de l'analyse", size = "md", radius = "full", variant = "default", context: _context, ...buttonProps }) {
     const [isOpen, setIsOpen] = useState(false);
     const [showAuthModal, setShowAuthModal] = useState(false);
     const [isResultOpen, setIsResultOpen] = useState(false);
     const [analysisResult, setAnalysisResult] = useState(null);
-    const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
+    const { showUsageToast } = useUsageToast();
     const { showErrorToast, errorData, errorKey, clearError } = useErrorToast();
-    // Rendre l'authentification optionnelle
     let lbStatus;
     try {
         const lbContext = useLB();
         lbStatus = lbContext.status;
     }
     catch {
-        // LBProvider n'est pas disponible, ignorer
         lbStatus = undefined;
     }
-    // Récupérer le contexte AiProvider avec fallback sur les props
     const aiContext = useAiContext();
     const baseUrl = propBaseUrl ?? aiContext.baseUrl;
     const apiKeyId = propApiKeyId ?? aiContext.apiKeyId;
@@ -44,73 +40,10 @@ export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId,
         }
         setIsOpen(true);
     };
-    const handleClosePanel = () => {
-        setIsOpen(false);
-    };
-    const handleCloseResult = () => {
-        setIsResultOpen(false);
-        setAnalysisResult(null);
-    };
-    const saveToFile = () => {
-        if (!analysisResult)
-            return;
-        const currentDate = new Date()
-            .toLocaleDateString("fr-FR")
-            .replace(/\//g, "-");
-        const defaultName = `analyse-${currentDate}.txt`;
-        const fileName = prompt("Nom du fichier :", defaultName) || defaultName;
-        const content = `ANALYSE DES DONNÉES - ${new Date().toLocaleString("fr-FR")}
-
-PROMPT UTILISÉ :
-${analysisResult.prompt}
-
-RÉSULTAT DE L'ANALYSE :
-${analysisResult.content}
-
---- MÉTADONNÉES ---
-Tokens utilisés: ${analysisResult.tokens.toLocaleString()}
-Coût: $${(apiKeyId?.includes("dev") ? 0 : analysisResult.cost).toFixed(6)}
-ID de requête: ${analysisResult.requestId || "N/A"}
-Date: ${new Date().toLocaleString("fr-FR")}`;
-        const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement("a");
-        a.href = url;
-        a.download = fileName.endsWith(".txt") ? fileName : `${fileName}.txt`;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
-        URL.revokeObjectURL(url);
-    };
-    // Styles selon le thème
-    const getThemeStyles = () => {
-        const isDark = typeof document !== "undefined" &&
-            (document.documentElement.classList.contains("dark") ||
-                (!document.documentElement.classList.contains("light") &&
-                    window.matchMedia("(prefers-color-scheme: dark)").matches));
-        return {
-            modal: {
-                backgroundColor: isDark ? "#1f2937" : "white",
-                border: `1px solid ${isDark ? "#374151" : "#e5e7eb"}`,
-                color: isDark ? "#f3f4f6" : "#374151",
-            },
-            header: {
-                color: isDark ? "#f9fafb" : "#1f2937",
-                borderBottom: `1px solid ${isDark ? "#374151" : "#e5e7eb"}`,
-            },
-            content: {
-                backgroundColor: isDark ? "#111827" : "#f9fafb",
-                border: `1px solid ${isDark ? "#374151" : "#e5e7eb"}`,
-            },
-            closeButton: {
-                color: isDark ? "#9ca3af" : "#6b7280",
-                hoverColor: isDark ? "#d1d5db" : "#374151",
-            },
-        };
-    };
     const formatContextData = (data) => {
-        if (typeof data === "string")
+        if (typeof data === "string") {
             return data;
+        }
         if (typeof data === "object" && data !== null) {
             return JSON.stringify(data, null, 2);
         }
@@ -118,14 +51,8 @@ Date: ${new Date().toLocaleString("fr-FR")}`;
     };
     const handleSubmit = async (selectedModel, selectedPrompt) => {
         try {
-            // Construire le prompt avec le contexte
             const contextString = formatContextData(contextData);
-            const fullPrompt = `${selectedPrompt}
-
-CONTEXTE (${contextDescription}):
-${contextString}
-
-Analyse ces données et réponds de manière structurée et claire.`;
+            const fullPrompt = `${selectedPrompt}\n\nCONTEXTE (${contextDescription}):\n${contextString}\n\nAnalyse ces données et réponds de manière structurée et claire.`;
             const result = await callText({
                 prompt: fullPrompt,
                 model: selectedModel || "gpt-4o-mini",
@@ -133,42 +60,40 @@ Analyse ces données et réponds de manière structurée et claire.`;
                 maxTokens: 4000,
                 temperature: 0.7,
             });
-            if (result.text) {
-                // Calculer le total des tokens depuis la réponse réelle
-                const resultAny = result;
-                const totalTokens = (resultAny.inputTokens || 0) + (resultAny.outputTokens || 0) ||
-                    result.debitTokens ||
-                    0;
-                const actualCost = resultAny.cost || 0;
-                const resultData = {
-                    content: result.text,
-                    prompt: selectedPrompt,
-                    requestId: result.requestId,
-                    tokens: totalTokens,
-                    cost: actualCost,
-                };
-                setAnalysisResult(resultData);
-                setIsResultOpen(true);
-                onResult?.(result.text, {
-                    requestId: result.requestId,
-                    tokens: result.debitTokens || 0,
-                });
-                onToast?.({
-                    type: "success",
-                    message: `Analyse terminée - Coût: $${(apiKeyId?.includes("dev") ? 0 : actualCost).toFixed(6)}`,
-                });
-                // Afficher le toast de coût
-                showUsageToast({
-                    requestId: result.requestId,
-                    debitTokens: totalTokens,
-                    usage: {
-                        total_tokens: totalTokens,
-                        prompt_tokens: resultAny.inputTokens || 0,
-                        completion_tokens: resultAny.outputTokens || 0,
-                    },
-                    cost: apiKeyId?.includes("dev") ? 0 : actualCost,
-                });
+            if (!result.text) {
+                return;
             }
+            const resultAny = result;
+            const totalTokens = (resultAny.inputTokens || 0) + (resultAny.outputTokens || 0) ||
+                result.debitTokens ||
+                0;
+            const actualCost = resultAny.cost || 0;
+            setAnalysisResult({
+                content: result.text,
+                prompt: selectedPrompt,
+                requestId: result.requestId,
+                tokens: totalTokens,
+                cost: actualCost,
+            });
+            setIsResultOpen(true);
+            onResult?.(result.text, {
+                requestId: result.requestId,
+                tokens: result.debitTokens || 0,
+            });
+            onToast?.({
+                type: "success",
+                message: `Analyse terminée - Coût: $${(apiKeyId?.includes("dev") ? 0 : actualCost).toFixed(6)}`,
+            });
+            showUsageToast({
+                requestId: result.requestId,
+                debitTokens: totalTokens,
+                usage: {
+                    total_tokens: totalTokens,
+                    prompt_tokens: resultAny.inputTokens || 0,
+                    completion_tokens: resultAny.outputTokens || 0,
+                },
+                cost: apiKeyId?.includes("dev") ? 0 : actualCost,
+            });
         }
         catch (error) {
             console.error("AiContextButton error:", error);
@@ -178,183 +103,40 @@ Analyse ces données et réponds de manière structurée et claire.`;
             setIsOpen(false);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [_jsx("button", { ...buttonProps, onClick: handleOpenPanel, disabled: disabled || loading || !isAuthReady, className: className, style: {
-                            ...aiStyles.button,
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "8px",
-                            cursor: disabled || loading || !isAuthReady ? "not-allowed" : "pointer",
-                            opacity: disabled || loading || !isAuthReady ? 0.6 : 1,
-                            backgroundColor: loading
-                                ? "#8b5cf6"
-                                : !isAuthReady
-                                    ? "#94a3b8"
-                                    : "#7c3aed",
-                            color: "white",
-                            border: "none",
-                            borderRadius: "12px",
-                            // padding: "12px 20px",
-                            fontSize: "14px",
-                            fontWeight: "600",
-                            minWidth: "20px",
-                            height: "44px",
-                            transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-                            boxShadow: loading
-                                ? "0 4px 12px rgba(139, 92, 246, 0.3)"
-                                : "0 2px 8px rgba(124, 58, 237, 0.2)",
-                            transform: "scale(1)",
-                            ...(loading && {
-                                background: "linear-gradient(135deg, #7c3aed, #8b5cf6)",
-                                animation: "pulse 2s ease-in-out infinite",
-                            }),
-                            ...buttonProps.style,
-                        }, onMouseEnter: (e) => {
-                            if (!disabled && !loading && isAuthReady) {
-                                e.currentTarget.style.transform = "scale(1.02)";
-                                e.currentTarget.style.boxShadow =
-                                    "0 6px 16px rgba(124, 58, 237, 0.3)";
-                            }
-                        }, onMouseLeave: (e) => {
-                            if (!disabled && !loading && isAuthReady) {
-                                e.currentTarget.style.transform = "scale(1)";
-                                e.currentTarget.style.boxShadow = loading
-                                    ? "0 4px 12px rgba(139, 92, 246, 0.3)"
-                                    : "0 2px 8px rgba(124, 58, 237, 0.2)";
-                            }
-                        }, onMouseDown: (e) => {
-                            if (!disabled && !loading && isAuthReady) {
-                                e.currentTarget.style.transform = "scale(0.98)";
-                            }
-                        }, onMouseUp: (e) => {
-                            if (!disabled && !loading && isAuthReady) {
-                                e.currentTarget.style.transform = "scale(1.02)";
-                            }
-                        }, "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: [_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: {
-                    position: "fixed",
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    backgroundColor: "rgba(0, 0, 0, 0.5)",
-                    backdropFilter: "blur(8px)",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    zIndex: 1000,
-                    padding: "20px",
-                }, onClick: (e) => {
+    const saveToFile = () => {
+        if (!analysisResult) {
+            return;
+        }
+        const currentDate = new Date()
+            .toLocaleDateString("fr-FR")
+            .replace(/\//g, "-");
+        const defaultName = `analyse-${currentDate}.txt`;
+        const fileName = prompt("Nom du fichier :", defaultName) || defaultName;
+        const content = `ANALYSE DES DONNÉES - ${new Date().toLocaleString("fr-FR")}\n\nPROMPT UTILISÉ :\n${analysisResult.prompt}\n\nRÉSULTAT DE L'ANALYSE :\n${analysisResult.content}\n\n--- MÉTADONNÉES ---\nTokens utilisés: ${analysisResult.tokens.toLocaleString()}\nCoût: $${(apiKeyId?.includes("dev")
+            ? 0
+            : analysisResult.cost).toFixed(6)}\nID de requête: ${analysisResult.requestId || "N/A"}`;
+        const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
+        const url = URL.createObjectURL(blob);
+        const anchor = document.createElement("a");
+        anchor.href = url;
+        anchor.download = fileName.endsWith(".txt") ? fileName : `${fileName}.txt`;
+        document.body.appendChild(anchor);
+        anchor.click();
+        document.body.removeChild(anchor);
+        URL.revokeObjectURL(url);
+    };
+    const sizeClass = `ai-size-${size}`;
+    const radiusClass = `ai-radius-${radius}`;
+    const variantClass = variant === "light" ? "ai-btn--light" : "";
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative inline-block ai-glow", children: [_jsx("button", { ...buttonProps, onClick: handleOpenPanel, disabled: disabled || loading || !isAuthReady, className: `ai-btn ai-context-btn ${variantClass} ${sizeClass} ${radiusClass} ${className || ""}`, title: !isAuthReady ? "Authentication required" : "Analyser avec l'IA", children: loading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { size: 16, className: "ai-spinner" }), _jsx("span", { children: "Analyse..." })] })) : !isAuthReady ? (_jsxs(_Fragment, { children: [_jsx(Lock, { size: 16 }), children || _jsx("span", { children: "Connexion requise" })] })) : (_jsxs(_Fragment, { children: [_jsx(Sparkles, { size: 16 }), children || _jsx("span", { children: "Analyser" })] })) }), isOpen ? (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: () => setIsOpen(false), onSubmit: handleSubmit, uiMode: uiMode, models: [], enableModelManagement: true, modelCategory: "text", baseUrl: baseUrl, apiKey: apiKeyId })) : null] }), isResultOpen && analysisResult ? (_jsx("div", { className: "ai-signin-overlay ai-overlay-panel", onClick: (e) => {
                     if (e.target === e.currentTarget) {
-                        handleCloseResult();
+                        setIsResultOpen(false);
+                        setAnalysisResult(null);
                     }
-                }, children: _jsx("div", { style: {
-                        maxWidth: "800px",
-                        position: "relative",
-                        width: "100%",
-                        maxHeight: "90vh",
-                        borderRadius: "16px",
-                        boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1)",
-                        overflow: "hidden",
-                        ...getThemeStyles().modal,
-                    }, children: _jsxs("div", { style: {
-                            padding: "20px 24px 16px",
-                            marginBottom: "12px",
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "12px",
-                            flexDirection: "column",
-                            justifyContent: "space-between",
-                            ...getThemeStyles().header,
-                        }, children: [_jsxs("div", { style: {
-                                    display: "flex",
-                                    alignItems: "center",
-                                    gap: "12px",
-                                }, children: [_jsx(FileText, { size: 20 }), _jsx("h2", { style: {
-                                            fontSize: "18px",
-                                            fontWeight: "600",
-                                            margin: 0,
-                                        }, children: resultModalTitle })] }), _jsxs("div", { style: { display: "flex", gap: "8px" }, children: [_jsxs("button", { onClick: saveToFile, style: {
-                                            padding: "8px 12px",
-                                            borderRadius: "6px",
-                                            backgroundColor: "transparent",
-                                            border: `1px solid ${getThemeStyles().closeButton.color}30`,
-                                            cursor: "pointer",
-                                            color: getThemeStyles().closeButton.color,
-                                            transition: "all 0.2s",
-                                            display: "flex",
-                                            alignItems: "center",
-                                            gap: "6px",
-                                            fontSize: "12px",
-                                        }, onMouseEnter: (e) => {
-                                            e.currentTarget.style.backgroundColor =
-                                                getThemeStyles().closeButton.hoverColor + "10";
-                                            e.currentTarget.style.color =
-                                                getThemeStyles().closeButton.hoverColor;
-                                        }, onMouseLeave: (e) => {
-                                            e.currentTarget.style.backgroundColor = "transparent";
-                                            e.currentTarget.style.color =
-                                                getThemeStyles().closeButton.color;
-                                        }, title: "T\u00E9l\u00E9charger l'analyse", children: [_jsx(Download, { size: 14 }), "Sauvegarder"] }), _jsx("button", { onClick: handleCloseResult, style: {
-                                            position: "absolute",
-                                            top: "16px",
-                                            right: "16px",
-                                            padding: "4px",
-                                            borderRadius: "6px",
-                                            backgroundColor: "transparent",
-                                            border: "none",
-                                            cursor: "pointer",
-                                            color: getThemeStyles().closeButton.color,
-                                            transition: "color 0.2s",
-                                        }, onMouseEnter: (e) => {
-                                            e.currentTarget.style.color =
-                                                getThemeStyles().closeButton.hoverColor;
-                                        }, onMouseLeave: (e) => {
-                                            e.currentTarget.style.color =
-                                                getThemeStyles().closeButton.color;
-                                        }, children: _jsx(X, { size: 18 }) })] }), _jsxs("div", { style: {
-                                    padding: "0 24px 24px",
-                                    overflow: "auto",
-                                    maxHeight: "calc(90vh - 80px)",
-                                }, children: [_jsxs("div", { style: { marginBottom: "20px" }, children: [_jsx("h3", { style: {
-                                                    fontSize: "14px",
-                                                    fontWeight: "600",
-                                                    marginBottom: "8px",
-                                                    color: getThemeStyles().modal.color,
-                                                }, children: "Prompt utilis\u00E9 :" }), _jsx("div", { style: {
-                                                    padding: "12px",
-                                                    borderRadius: "8px",
-                                                    fontSize: "13px",
-                                                    fontFamily: "monospace",
-                                                    ...getThemeStyles().content,
-                                                }, children: analysisResult.prompt })] }), _jsxs("div", { children: [_jsx("h3", { style: {
-                                                    fontSize: "14px",
-                                                    fontWeight: "600",
-                                                    marginBottom: "12px",
-                                                    color: getThemeStyles().modal.color,
-                                                }, children: "R\u00E9sultat de l'analyse :" }), _jsx("div", { style: {
-                                                    padding: "16px",
-                                                    borderRadius: "8px",
-                                                    lineHeight: "1.6",
-                                                    fontSize: "14px",
-                                                    whiteSpace: "pre-wrap",
-                                                    ...getThemeStyles().content,
-                                                }, children: analysisResult.content })] }), _jsx("div", { style: { height: "120px" }, children: _jsxs("div", { style: {
-                                                marginTop: "20px",
-                                                padding: "12px",
-                                                fontSize: "12px",
-                                                borderRadius: "8px",
-                                                display: "flex",
-                                                justifyContent: "space-between",
-                                                ...getThemeStyles().content,
-                                            }, children: [_jsxs("span", { children: ["Co\u00FBt: $", (apiKeyId?.includes("dev")
-                                                            ? 0
-                                                            : analysisResult.cost).toFixed(6)] }), _jsxs("span", { children: ["ID: ", analysisResult.requestId?.slice(-8) || "N/A"] })] }) })] })] }) }) })), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) }), _jsx(ErrorToast, { error: errorData, onComplete: clearError }, errorKey)] }));
+                }, children: _jsxs("div", { className: "ai-popover ai-result-modal", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "ai-result-header", children: [_jsxs("div", { className: "ai-row", children: [_jsx(FileText, { size: 18 }), _jsx("h2", { className: "ai-result-title", children: resultModalTitle })] }), _jsxs("div", { className: "ai-row", children: [_jsxs("button", { type: "button", className: `ai-btn ai-btn--ghost ai-btn--compact ${sizeClass} ${radiusClass}`, onClick: saveToFile, children: [_jsx(Download, { size: 14 }), "Sauvegarder"] }), _jsx("button", { type: "button", className: "ai-icon-btn", onClick: () => {
+                                                setIsResultOpen(false);
+                                                setAnalysisResult(null);
+                                            }, "aria-label": "Fermer", children: _jsx(X, { size: 16 }) })] })] }), _jsxs("div", { className: "ai-result-body", children: [_jsxs("div", { className: "ai-result-block", children: [_jsx("h3", { className: "ai-result-subtitle", children: "Prompt utilis\u00E9" }), _jsx("pre", { className: "ai-result-code", children: analysisResult.prompt })] }), _jsxs("div", { className: "ai-result-block", children: [_jsx("h3", { className: "ai-result-subtitle", children: "R\u00E9sultat" }), _jsx("div", { className: "ai-result-content", children: analysisResult.content })] }), _jsxs("div", { className: "ai-result-meta ai-between", children: [_jsxs("span", { children: ["Co\u00FBt: $", (apiKeyId?.includes("dev")
+                                                    ? 0
+                                                    : analysisResult.cost).toFixed(6)] }), _jsxs("span", { children: ["ID: ", analysisResult.requestId?.slice(-8) || "N/A"] })] })] })] }) })) : null, _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) }), _jsx(ErrorToast, { error: errorData, onComplete: clearError }, errorKey)] }));
 }