@lastbrain/ai-ui-react 1.0.28 → 1.0.29

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;AAQ/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;IAEnB,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,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,GACvB,EAAE,gBAAgB,2CA2LlB"}
+{"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;IAEnB,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,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,GACvB,EAAE,gBAAgB,2CA4LlB"}

package/dist/components/AiChipLabel.js

@@ -7,6 +7,7 @@ import { AiPromptPanel } from "./AiPromptPanel";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { useAiModels } from "../hooks/useAiModels";
 import { useAiContext } from "../context/AiProvider";
+import { handleAIError } from "../utils/errorHandler";
 export function AiChipLabel({ children, variant = "default", className, style: customStyle, }) {
     const variantStyles = {
         default: {},
@@ -96,6 +97,7 @@ Exemple de réponse attendue: javascript, react, frontend, api, development`;
         }
         catch (error) {
             console.error("Erreur lors de la génération des chips:", error);
+            handleAIError(error, undefined);
             setShowPromptPanel(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;AAQ5C,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,2CAshBtB"}
+{"version":3,"file":"AiContextButton.d.ts","sourceRoot":"","sources":["../../src/components/AiContextButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAS5C,MAAM,WAAW,oBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAEvE,WAAW,EAAE,GAAG,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC7C,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,WAAW,EACX,kBAAyC,EACzC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAA0C,EAC1C,YAAY,EACZ,aAAa,EACb,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,GAAG,WAAW,EACf,EAAE,oBAAoB,2CAqftB"}

package/dist/components/AiContextButton.js

@@ -8,6 +8,7 @@ import { AiPromptPanel } from "./AiPromptPanel";
 import { useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
 import { useAiContext } from "../context/AiProvider";
+import { handleAIError } from "../utils/errorHandler";
 export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", contextData, contextDescription = "Données à analyser", onResult, onToast, disabled, className, children, resultModalTitle = "Résultat de l'analyse", storeOutputs, artifactTitle, context: _context, model: _model, prompt: _prompt, ...buttonProps }) {
     const [isOpen, setIsOpen] = useState(false);
     const [isResultOpen, setIsResultOpen] = useState(false);
@@ -154,40 +155,7 @@ Analyse ces données et réponds de manière structurée et claire.`;
         }
         catch (error) {
             console.error("AiContextButton error:", error);
-            // Gestion spécifique des erreurs d'API
-            let errorMessage = "Erreur lors de l'analyse";
-            let errorCode;
-            if (error instanceof Error) {
-                try {
-                    // Tenter de parser l'erreur JSON si c'est une erreur API
-                    const errorData = JSON.parse(error.message);
-                    if (errorData.error?.code === "INSUFFICIENT_TOKENS") {
-                        errorMessage =
-                            "Crédits insuffisants pour cette analyse. Veuillez recharger votre compte.";
-                        errorCode = "INSUFFICIENT_TOKENS";
-                    }
-                    else if (errorData.error?.message) {
-                        errorMessage = errorData.error.message;
-                        errorCode = errorData.error.code;
-                    }
-                }
-                catch {
-                    // Si ce n'est pas du JSON, utiliser le message d'erreur direct
-                    if (error.message.includes("INSUFFICIENT_TOKENS")) {
-                        errorMessage =
-                            "Crédits insuffisants pour cette analyse. Veuillez recharger votre compte.";
-                        errorCode = "INSUFFICIENT_TOKENS";
-                    }
-                    else {
-                        errorMessage = error.message;
-                    }
-                }
-            }
-            onToast?.({
-                type: "error",
-                message: errorMessage,
-                code: errorCode,
-            });
+            handleAIError(error, onToast);
         }
         finally {
             setIsOpen(false);

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;AAS5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ5C,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,2CA2ZpB"}
+{"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;AAS5C,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE,OAAO,CAAC,EAAE,CACR,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC7C,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAoB,EACpB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,GAAG,WAAW,EACf,EAAE,kBAAkB,2CAmYpB"}

package/dist/components/AiImageButton.js

@@ -8,6 +8,7 @@ import { AiPromptPanel } from "./AiPromptPanel";
 import { useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
 import { useAiContext } from "../context/AiProvider";
+import { handleAIError } from "../utils/errorHandler";
 export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", context: _context, model: _model, prompt: _prompt, onImage, onToast, disabled, className, children, showImageCard = true, onImageSave, storeOutputs, artifactTitle, ...buttonProps }) {
     const [isOpen, setIsOpen] = useState(false);
     const [generatedImage, setGeneratedImage] = useState(null);
@@ -132,30 +133,7 @@ export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, ui
             }
         }
         catch (error) {
-            let errorMessage = "Erreur lors de la génération de l'image";
-            let errorCode;
-            // Parse JSON error response for INSUFFICIENT_TOKENS
-            if (error instanceof Error) {
-                try {
-                    const errorData = JSON.parse(error.message);
-                    if (errorData.error?.code === "INSUFFICIENT_TOKENS") {
-                        errorMessage = `Solde insuffisant. ${errorData.error.message || "Veuillez recharger votre compte."}`;
-                        errorCode = "INSUFFICIENT_TOKENS";
-                    }
-                }
-                catch {
-                    // If parsing fails, check if error message contains the code
-                    if (error.message.includes("INSUFFICIENT_TOKENS")) {
-                        errorMessage = "Solde insuffisant. Veuillez recharger votre compte pour continuer.";
-                        errorCode = "INSUFFICIENT_TOKENS";
-                    }
-                }
-            }
-            onToast?.({
-                type: "error",
-                message: errorMessage,
-                code: errorCode || (error instanceof Error ? error.message : undefined),
-            });
+            handleAIError(error, onToast);
         }
         finally {
             setIsOpen(false);

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

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

package/dist/components/AiInput.js

@@ -7,6 +7,7 @@ import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
+import { handleAIError } from "../utils/errorHandler";
 export function AiInput({ baseUrl, apiKeyId, uiMode = "modal", context, model, prompt, editMode = false, onValue, onToast, disabled, className, enableModelManagement = false, ...inputProps }) {
     const [isOpen, setIsOpen] = useState(false);
     const [inputValue, setInputValue] = useState(inputProps.value?.toString() || inputProps.defaultValue?.toString() || "");
@@ -46,7 +47,8 @@ export function AiInput({ baseUrl, apiKeyId, uiMode = "modal", context, model, p
             }
         }
         catch (error) {
-            onToast?.({ type: "error", message: "Failed to generate text" });
+            console.error("AiInput error:", error);
+            handleAIError(error, onToast);
         }
         finally {
             setIsOpen(false);
@@ -77,7 +79,8 @@ export function AiInput({ baseUrl, apiKeyId, uiMode = "modal", context, model, p
             }
         }
         catch (error) {
-            onToast?.({ type: "error", message: "Failed to generate text" });
+            console.error("AiInput handleQuickGenerate error:", error);
+            handleAIError(error, onToast);
         }
     };
     const handleInputChange = (e) => {

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

@@ -1 +1 @@
-{"version":3,"file":"AiPromptPanel.d.ts","sourceRoot":"","sources":["../../src/components/AiPromptPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOvC,OAAO,EAAsB,KAAK,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAG/E,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAE1D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CActD"}
+{"version":3,"file":"AiPromptPanel.d.ts","sourceRoot":"","sources":["../../src/components/AiPromptPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQvC,OAAO,EAAsB,KAAK,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAG/E,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAE1D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CActD"}

package/dist/components/AiPromptPanel.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useEffect, useRef, useLayoutEffect, } from "react";
 import { BookOpen, Search, Sparkles, Star, Tag, Settings } from "lucide-react";
 import { aiStyles } from "../styles/inline";
+import { handleAIError } from "../utils/errorHandler";
 import { usePrompts, } from "../hooks/usePrompts";
 import { useModelManagement } from "../hooks/useModelManagement";
 import { AiProvider } from "../context/AiProvider";
@@ -36,17 +37,27 @@ function AiPromptPanelInternal({ isOpen, onClose, onSubmit, uiMode: _uiMode = "m
     const [isModelManagementOpen, setIsModelManagementOpen] = useState(false);
     const [loadingModels, setLoadingModels] = useState([]);
     const { prompts, loading: promptsLoading, fetchPrompts, incrementStat, } = usePrompts();
-    // Hook de gestion des modèles (automatique si enableModelManagement et pas de props externes)
+    // Hook de gestion des modèles (automatique si enableModelManagement et pas de models/availableModels externes)
     const autoModelManagement = useModelManagement({
         apiKey,
         baseUrl,
         category: "text", // Par défaut pour AiPromptPanel
-        autoFetch: enableModelManagement && availableModels.length === 0,
+        autoFetch: enableModelManagement && models.length === 0 && availableModels.length === 0,
     });
     // Utiliser soit les props externes soit la gestion automatique
-    const effectiveAvailableModels = availableModels.length > 0
-        ? availableModels
-        : autoModelManagement.availableModels;
+    const effectiveAvailableModels = models.length > 0
+        ? models.map((m) => ({
+            id: m.id,
+            name: m.name,
+            category: m.type === "image" ? "image" : "text",
+            provider: m.provider,
+            description: `${m.provider} model`,
+            isPro: false,
+            isActive: true,
+        }))
+        : availableModels.length > 0
+            ? availableModels
+            : autoModelManagement.availableModels;
     const effectiveUserModels = userModels.length > 0 ? userModels : autoModelManagement.userModels;
     const effectiveToggleModel = onModelToggle || autoModelManagement.toggleModel;
     // Gestion des modèles
@@ -59,6 +70,7 @@ function AiPromptPanelInternal({ isOpen, onClose, onSubmit, uiMode: _uiMode = "m
         }
         catch (error) {
             console.error("Erreur lors du changement de modèle:", error);
+            handleAIError(error, undefined);
         }
         finally {
             setLoadingModels((prev) => prev.filter((id) => id !== modelId));

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;AAO5C,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,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,aAAa,2CA+Ef"}
+{"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,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,aAAa,2CA+Ef"}

package/dist/components/AiSelect.js

@@ -6,6 +6,7 @@ import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
+import { handleAIError } from "../utils/errorHandler";
 export function AiSelect({ baseUrl, apiKeyId, uiMode = "modal", context, model, prompt, onValue, onToast, disabled, className, children, ...selectProps }) {
     const [isOpen, setIsOpen] = useState(false);
     const [isFocused, setIsFocused] = useState(false);
@@ -33,7 +34,7 @@ export function AiSelect({ baseUrl, apiKeyId, uiMode = "modal", context, model,
             }
         }
         catch (error) {
-            onToast?.({ type: "error", message: "Failed to generate suggestion" });
+            handleAIError(error, onToast);
         }
         finally {
             setIsOpen(false);

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;AAO5C,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,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACjB,EAAE,eAAe,2CAyLjB"}
+{"version":3,"file":"AiTextarea.d.ts","sourceRoot":"","sources":["../../src/components/AiTextarea.tsx"],"names":[],"mappings":"AAEA,OAAc,EAIZ,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ5C,MAAM,WAAW,eACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAC9D,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,MAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACjB,EAAE,eAAe,2CAyLjB"}

package/dist/components/AiTextarea.js

@@ -7,6 +7,7 @@ import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
+import { handleAIError } from "../utils/errorHandler";
 export function AiTextarea({ baseUrl, apiKeyId, uiMode = "modal", context, model, prompt, editMode = false, onValue, onToast, disabled, className, ...textareaProps }) {
     const [isOpen, setIsOpen] = useState(false);
     const [textareaValue, setTextareaValue] = useState(textareaProps.value?.toString() ||
@@ -81,7 +82,7 @@ export function AiTextarea({ baseUrl, apiKeyId, uiMode = "modal", context, model
             }
         }
         catch (error) {
-            onToast?.({ type: "error", message: "Failed to generate text" });
+            handleAIError(error, onToast);
         }
     };
     const handleTextareaChange = (e) => {

package/dist/utils/errorHandler.d.ts

@@ -0,0 +1,24 @@
+export interface ParsedError {
+    message: string;
+    code?: string;
+    isUserFriendly: boolean;
+}
+/**
+ * Parse et uniformise la gestion des erreurs des composants AI
+ */
+export declare function parseAIError(error: any): ParsedError;
+/**
+ * Interface pour la callback de gestion d'erreur uniforme
+ */
+export interface ErrorToastCallback {
+    (toast: {
+        type: "error";
+        message: string;
+        code?: string;
+    }): void;
+}
+/**
+ * Gestionnaire d'erreur uniforme pour tous les composants AI
+ */
+export declare function handleAIError(error: any, onToast?: ErrorToastCallback): void;
+//# sourceMappingURL=errorHandler.d.ts.map

package/dist/utils/errorHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorHandler.d.ts","sourceRoot":"","sources":["../../src/utils/errorHandler.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,WAAW,CA2CpD;AA+ED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE;QACN,IAAI,EAAE,OAAO,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CAAC;CACV;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAa5E"}

package/dist/utils/errorHandler.js

@@ -0,0 +1,122 @@
+"use client";
+import { ErrorCode } from "@lastbrain/ai-ui-core";
+/**
+ * Parse et uniformise la gestion des erreurs des composants AI
+ */
+export function parseAIError(error) {
+    // Si l'erreur est déjà un objet normalisé
+    if (error?.code && error?.message) {
+        return {
+            message: getUserFriendlyMessage(error.code, error.message),
+            code: error.code,
+            isUserFriendly: true,
+        };
+    }
+    // Tenter de parser une erreur JSON (cas des API publiques)
+    if (error instanceof Error) {
+        try {
+            const errorData = JSON.parse(error.message);
+            if (errorData.error?.code) {
+                return {
+                    message: getUserFriendlyMessage(errorData.error.code, errorData.error.message),
+                    code: errorData.error.code,
+                    isUserFriendly: true,
+                };
+            }
+        }
+        catch {
+            // Si le parsing JSON échoue, continuer avec le message d'erreur brut
+        }
+        // Vérifier les codes d'erreur dans le message
+        const errorMessage = error.message || "";
+        const detectedCode = detectErrorCode(errorMessage);
+        if (detectedCode) {
+            return {
+                message: getUserFriendlyMessage(detectedCode, errorMessage),
+                code: detectedCode,
+                isUserFriendly: true,
+            };
+        }
+    }
+    // Erreur générique
+    return {
+        message: "Une erreur est survenue lors de l'appel à l'API IA",
+        code: ErrorCode.UNKNOWN,
+        isUserFriendly: true,
+    };
+}
+/**
+ * Détecte le code d'erreur dans un message
+ */
+function detectErrorCode(message) {
+    const lowercaseMessage = message.toLowerCase();
+    if (lowercaseMessage.includes("insufficient_tokens") ||
+        lowercaseMessage.includes("insufficient balance") ||
+        lowercaseMessage.includes("not enough tokens")) {
+        return ErrorCode.INSUFFICIENT_TOKENS;
+    }
+    if (lowercaseMessage.includes("unauthorized") ||
+        lowercaseMessage.includes("invalid api key") ||
+        lowercaseMessage.includes("authentication failed")) {
+        return ErrorCode.UNAUTHORIZED;
+    }
+    if (lowercaseMessage.includes("model disabled") ||
+        lowercaseMessage.includes("model not available")) {
+        return ErrorCode.MODEL_DISABLED;
+    }
+    if (lowercaseMessage.includes("timeout") ||
+        lowercaseMessage.includes("timed out")) {
+        return ErrorCode.TIMEOUT;
+    }
+    if (lowercaseMessage.includes("network error") ||
+        lowercaseMessage.includes("fetch failed")) {
+        return ErrorCode.NETWORK_ERROR;
+    }
+    return null;
+}
+/**
+ * Génère un message d'erreur convivial selon le code d'erreur
+ */
+function getUserFriendlyMessage(code, originalMessage) {
+    switch (code) {
+        case ErrorCode.INSUFFICIENT_TOKENS:
+            return "Solde insuffisant. Veuillez recharger votre compte pour continuer.";
+        case ErrorCode.UNAUTHORIZED:
+            return "Clé API invalide ou expirée. Vérifiez votre configuration.";
+        case ErrorCode.MODEL_DISABLED:
+            return "Ce modèle n'est pas disponible actuellement.";
+        case ErrorCode.TIMEOUT:
+            return "La requête a pris trop de temps. Essayez à nouveau.";
+        case ErrorCode.NETWORK_ERROR:
+            return "Erreur de connexion. Vérifiez votre connexion internet.";
+        case ErrorCode.PROVIDER_DOWN:
+            return "Service temporairement indisponible. Essayez dans quelques instants.";
+        case ErrorCode.BAD_REQUEST:
+            return "Paramètres de requête invalides. Vérifiez votre configuration.";
+        case ErrorCode.NO_API_KEY:
+            return "Clé API manquante. Vérifiez votre configuration.";
+        case ErrorCode.PRICING_UNAVAILABLE:
+            return "Tarification indisponible pour ce modèle.";
+        default:
+            // Pour les erreurs inconnues, essayer d'extraire un message utile
+            if (originalMessage && !originalMessage.startsWith("HTTP ")) {
+                return originalMessage;
+            }
+            return "Une erreur inattendue s'est produite. Essayez à nouveau.";
+    }
+}
+/**
+ * Gestionnaire d'erreur uniforme pour tous les composants AI
+ */
+export function handleAIError(error, onToast) {
+    const parsedError = parseAIError(error);
+    console.error("[AI Error]", {
+        original: error,
+        parsed: parsedError,
+    });
+    onToast?.({
+        type: "error",
+        message: parsedError.message,
+        code: parsedError.code,
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/ai-ui-react",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "Headless React components for LastBrain AI UI Kit",
   "private": false,
   "type": "module",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "lucide-react": "^0.257.0",
-    "@lastbrain/ai-ui-core": "1.0.18"
+    "@lastbrain/ai-ui-core": "1.0.19"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",

package/src/components/AiChipLabel.tsx

@@ -7,6 +7,7 @@ import { AiPromptPanel } from "./AiPromptPanel";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { useAiModels } from "../hooks/useAiModels";
 import { useAiContext } from "../context/AiProvider";
+import { handleAIError } from "../utils/errorHandler";
 
 export interface AiChipLabelProps {
   children: React.ReactNode;
@@ -150,6 +151,7 @@ Exemple de réponse attendue: javascript, react, frontend, api, development`;
       addGeneratedChips(chips);
     } catch (error) {
       console.error("Erreur lors de la génération des chips:", error);
+      handleAIError(error, undefined);
       setShowPromptPanel(false);
     }
   };

package/src/components/AiContextButton.tsx

@@ -9,6 +9,7 @@ import { AiPromptPanel } from "./AiPromptPanel";
 import { useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
 import { useAiContext } from "../context/AiProvider";
+import { handleAIError } from "../utils/errorHandler";
 
 export interface AiContextButtonProps
   extends
@@ -222,40 +223,7 @@ Analyse ces données et réponds de manière structurée et claire.`;
       }
     } catch (error) {
       console.error("AiContextButton error:", error);
-
-      // Gestion spécifique des erreurs d'API
-      let errorMessage = "Erreur lors de l'analyse";
-      let errorCode: string | undefined;
-
-      if (error instanceof Error) {
-        try {
-          // Tenter de parser l'erreur JSON si c'est une erreur API
-          const errorData = JSON.parse(error.message);
-          if (errorData.error?.code === "INSUFFICIENT_TOKENS") {
-            errorMessage =
-              "Crédits insuffisants pour cette analyse. Veuillez recharger votre compte.";
-            errorCode = "INSUFFICIENT_TOKENS";
-          } else if (errorData.error?.message) {
-            errorMessage = errorData.error.message;
-            errorCode = errorData.error.code;
-          }
-        } catch {
-          // Si ce n'est pas du JSON, utiliser le message d'erreur direct
-          if (error.message.includes("INSUFFICIENT_TOKENS")) {
-            errorMessage =
-              "Crédits insuffisants pour cette analyse. Veuillez recharger votre compte.";
-            errorCode = "INSUFFICIENT_TOKENS";
-          } else {
-            errorMessage = error.message;
-          }
-        }
-      }
-
-      onToast?.({
-        type: "error",
-        message: errorMessage,
-        code: errorCode,
-      });
+      handleAIError(error, onToast);
     } finally {
       setIsOpen(false);
     }

package/src/components/AiImageButton.tsx

@@ -16,6 +16,7 @@ import { AiPromptPanel } from "./AiPromptPanel";
 import { useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
 import { useAiContext } from "../context/AiProvider";
+import { handleAIError } from "../utils/errorHandler";
 
 export interface AiImageButtonProps
   extends
@@ -193,31 +194,7 @@ export function AiImageButton({
         });
       }
     } catch (error) {
-      let errorMessage = "Erreur lors de la génération de l'image";
-      let errorCode: string | undefined;
-      
-      // Parse JSON error response for INSUFFICIENT_TOKENS
-      if (error instanceof Error) {
-        try {
-          const errorData = JSON.parse(error.message);
-          if (errorData.error?.code === "INSUFFICIENT_TOKENS") {
-            errorMessage = `Solde insuffisant. ${errorData.error.message || "Veuillez recharger votre compte."}`;
-            errorCode = "INSUFFICIENT_TOKENS";
-          }
-        } catch {
-          // If parsing fails, check if error message contains the code
-          if (error.message.includes("INSUFFICIENT_TOKENS")) {
-            errorMessage = "Solde insuffisant. Veuillez recharger votre compte pour continuer.";
-            errorCode = "INSUFFICIENT_TOKENS";
-          }
-        }
-      }
-      
-      onToast?.({
-        type: "error",
-        message: errorMessage,
-        code: errorCode || (error instanceof Error ? error.message : undefined),
-      });
+      handleAIError(error, onToast);
     } finally {
       setIsOpen(false);
     }

package/src/components/AiInput.tsx

@@ -8,6 +8,7 @@ import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
+import { handleAIError } from "../utils/errorHandler";
 
 export interface AiInputProps
   extends
@@ -83,7 +84,8 @@ export function AiInput({
         onToast?.({ type: "success", message: "AI generation successful" });
       }
     } catch (error) {
-      onToast?.({ type: "error", message: "Failed to generate text" });
+      console.error("AiInput error:", error);
+      handleAIError(error, onToast);
     } finally {
       setIsOpen(false);
     }
@@ -116,7 +118,8 @@ export function AiInput({
         onToast?.({ type: "success", message: "AI generation successful" });
       }
     } catch (error) {
-      onToast?.({ type: "error", message: "Failed to generate text" });
+      console.error("AiInput handleQuickGenerate error:", error);
+      handleAIError(error, onToast);
     }
   };
 

package/src/components/AiPromptPanel.tsx

@@ -11,6 +11,7 @@ import { BookOpen, Search, Sparkles, Star, Tag, Settings } from "lucide-react";
 import type { ModelRef } from "@lastbrain/ai-ui-core";
 import type { UiMode } from "../types";
 import { aiStyles } from "../styles/inline";
+import { handleAIError } from "../utils/errorHandler";
 import {
   usePrompts,
   type Prompt,
@@ -113,17 +114,27 @@ function AiPromptPanelInternal({
     incrementStat,
   } = usePrompts();
 
-  // Hook de gestion des modèles (automatique si enableModelManagement et pas de props externes)
+  // Hook de gestion des modèles (automatique si enableModelManagement et pas de models/availableModels externes)
   const autoModelManagement = useModelManagement({
     apiKey,
     baseUrl,
     category: "text", // Par défaut pour AiPromptPanel
-    autoFetch: enableModelManagement && availableModels.length === 0,
+    autoFetch: enableModelManagement && models.length === 0 && availableModels.length === 0,
   });
 
   // Utiliser soit les props externes soit la gestion automatique
   const effectiveAvailableModels =
-    availableModels.length > 0
+    models.length > 0
+      ? models.map((m): AIModel => ({
+          id: m.id,
+          name: m.name,
+          category: m.type === "image" ? "image" : "text",
+          provider: m.provider,
+          description: `${m.provider} model`,
+          isPro: false,
+          isActive: true,
+        }))
+      : availableModels.length > 0
       ? availableModels
       : autoModelManagement.availableModels;
   const effectiveUserModels =
@@ -139,6 +150,7 @@ function AiPromptPanelInternal({
       await effectiveToggleModel(modelId, isActive);
     } catch (error) {
       console.error("Erreur lors du changement de modèle:", error);
+      handleAIError(error, undefined);
     } finally {
       setLoadingModels((prev) => prev.filter((id) => id !== modelId));
     }

package/src/components/AiSelect.tsx

@@ -7,6 +7,7 @@ import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
+import { handleAIError } from "../utils/errorHandler";
 
 export interface AiSelectProps
   extends
@@ -63,7 +64,7 @@ export function AiSelect({
         showUsageToast(result);
       }
     } catch (error) {
-      onToast?.({ type: "error", message: "Failed to generate suggestion" });
+      handleAIError(error, onToast);
     } finally {
       setIsOpen(false);
     }

package/src/components/AiTextarea.tsx

@@ -13,6 +13,7 @@ import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { aiStyles } from "../styles/inline";
+import { handleAIError } from "../utils/errorHandler";
 
 export interface AiTextareaProps
   extends
@@ -123,7 +124,7 @@ export function AiTextarea({
         showUsageToast(result);
       }
     } catch (error) {
-      onToast?.({ type: "error", message: "Failed to generate text" });
+      handleAIError(error, onToast);
     }
   };
 

package/src/utils/errorHandler.ts

@@ -0,0 +1,163 @@
+"use client";
+
+import { ErrorCode } from "@lastbrain/ai-ui-core";
+
+export interface ParsedError {
+  message: string;
+  code?: string;
+  isUserFriendly: boolean;
+}
+
+/**
+ * Parse et uniformise la gestion des erreurs des composants AI
+ */
+export function parseAIError(error: any): ParsedError {
+  // Si l'erreur est déjà un objet normalisé
+  if (error?.code && error?.message) {
+    return {
+      message: getUserFriendlyMessage(error.code, error.message),
+      code: error.code,
+      isUserFriendly: true,
+    };
+  }
+
+  // Tenter de parser une erreur JSON (cas des API publiques)
+  if (error instanceof Error) {
+    try {
+      const errorData = JSON.parse(error.message);
+      if (errorData.error?.code) {
+        return {
+          message: getUserFriendlyMessage(errorData.error.code, errorData.error.message),
+          code: errorData.error.code,
+          isUserFriendly: true,
+        };
+      }
+    } catch {
+      // Si le parsing JSON échoue, continuer avec le message d'erreur brut
+    }
+
+    // Vérifier les codes d'erreur dans le message
+    const errorMessage = error.message || "";
+    const detectedCode = detectErrorCode(errorMessage);
+    if (detectedCode) {
+      return {
+        message: getUserFriendlyMessage(detectedCode, errorMessage),
+        code: detectedCode,
+        isUserFriendly: true,
+      };
+    }
+  }
+
+  // Erreur générique
+  return {
+    message: "Une erreur est survenue lors de l'appel à l'API IA",
+    code: ErrorCode.UNKNOWN,
+    isUserFriendly: true,
+  };
+}
+
+/**
+ * Détecte le code d'erreur dans un message
+ */
+function detectErrorCode(message: string): string | null {
+  const lowercaseMessage = message.toLowerCase();
+
+  if (lowercaseMessage.includes("insufficient_tokens") || 
+      lowercaseMessage.includes("insufficient balance") || 
+      lowercaseMessage.includes("not enough tokens")) {
+    return ErrorCode.INSUFFICIENT_TOKENS;
+  }
+
+  if (lowercaseMessage.includes("unauthorized") || 
+      lowercaseMessage.includes("invalid api key") || 
+      lowercaseMessage.includes("authentication failed")) {
+    return ErrorCode.UNAUTHORIZED;
+  }
+
+  if (lowercaseMessage.includes("model disabled") || 
+      lowercaseMessage.includes("model not available")) {
+    return ErrorCode.MODEL_DISABLED;
+  }
+
+  if (lowercaseMessage.includes("timeout") || 
+      lowercaseMessage.includes("timed out")) {
+    return ErrorCode.TIMEOUT;
+  }
+
+  if (lowercaseMessage.includes("network error") || 
+      lowercaseMessage.includes("fetch failed")) {
+    return ErrorCode.NETWORK_ERROR;
+  }
+
+  return null;
+}
+
+/**
+ * Génère un message d'erreur convivial selon le code d'erreur
+ */
+function getUserFriendlyMessage(code: string, originalMessage: string): string {
+  switch (code) {
+    case ErrorCode.INSUFFICIENT_TOKENS:
+      return "Solde insuffisant. Veuillez recharger votre compte pour continuer.";
+    
+    case ErrorCode.UNAUTHORIZED:
+      return "Clé API invalide ou expirée. Vérifiez votre configuration.";
+    
+    case ErrorCode.MODEL_DISABLED:
+      return "Ce modèle n'est pas disponible actuellement.";
+    
+    case ErrorCode.TIMEOUT:
+      return "La requête a pris trop de temps. Essayez à nouveau.";
+    
+    case ErrorCode.NETWORK_ERROR:
+      return "Erreur de connexion. Vérifiez votre connexion internet.";
+    
+    case ErrorCode.PROVIDER_DOWN:
+      return "Service temporairement indisponible. Essayez dans quelques instants.";
+    
+    case ErrorCode.BAD_REQUEST:
+      return "Paramètres de requête invalides. Vérifiez votre configuration.";
+    
+    case ErrorCode.NO_API_KEY:
+      return "Clé API manquante. Vérifiez votre configuration.";
+    
+    case ErrorCode.PRICING_UNAVAILABLE:
+      return "Tarification indisponible pour ce modèle.";
+    
+    default:
+      // Pour les erreurs inconnues, essayer d'extraire un message utile
+      if (originalMessage && !originalMessage.startsWith("HTTP ")) {
+        return originalMessage;
+      }
+      return "Une erreur inattendue s'est produite. Essayez à nouveau.";
+  }
+}
+
+/**
+ * Interface pour la callback de gestion d'erreur uniforme
+ */
+export interface ErrorToastCallback {
+  (toast: {
+    type: "error";
+    message: string;
+    code?: string;
+  }): void;
+}
+
+/**
+ * Gestionnaire d'erreur uniforme pour tous les composants AI
+ */
+export function handleAIError(error: any, onToast?: ErrorToastCallback): void {
+  const parsedError = parseAIError(error);
+  
+  console.error("[AI Error]", {
+    original: error,
+    parsed: parsedError,
+  });
+
+  onToast?.({
+    type: "error",
+    message: parsedError.message,
+    code: parsedError.code,
+  });
+}