@lastbrain/ai-ui-react 1.0.69 → 1.0.70

package/src/components/AiContextButton.tsx

@@ -1,14 +1,7 @@
 "use client";
 
 import { useState, type ButtonHTMLAttributes } from "react";
-import {
-  Download,
-  FileText,
-  Loader2,
-  Lock,
-  Sparkles,
-  X,
-} from "lucide-react";
+import { Download, FileText, Loader2, Lock, Sparkles, X } from "lucide-react";
 import type { BaseAiProps } from "../types";
 import type { AiRadius, AiSize, AiVariant } from "../types";
 import { useAiCallText } from "../hooks/useAiCallText";
@@ -20,10 +13,14 @@ import { handleAIError } from "../utils/errorHandler";
 import { useLB } from "../context/LBAuthProvider";
 import { LBSigninModal } from "./LBSigninModal";
 
+// Types pour les données de contexte
+type ContextData = string | number | boolean | object | unknown[] | { [key: string]: unknown };
+
 export interface AiContextButtonProps
-  extends Omit<BaseAiProps, "onValue" | "type">,
+  extends
+    Omit<BaseAiProps, "onValue" | "type">,
     Omit<ButtonHTMLAttributes<HTMLButtonElement>, "baseUrl" | "apiKeyId"> {
-  contextData: any;
+  contextData: ContextData;
   contextDescription?: string;
   onResult?: (
     result: string,
@@ -99,7 +96,7 @@ export function AiContextButton({
     setIsOpen(true);
   };
 
-  const formatContextData = (data: any): string => {
+  const formatContextData = (data: ContextData): string => {
     if (typeof data === "string") {
       return data;
     }
@@ -109,7 +106,10 @@ export function AiContextButton({
     return String(data);
   };
 
-  const handleSubmit = async (selectedModel: string, selectedPrompt: string) => {
+  const handleSubmit = async (
+    selectedModel: string,
+    selectedPrompt: string
+  ) => {
     try {
       const contextString = formatContextData(contextData);
       const fullPrompt = `${selectedPrompt}\n\nCONTEXTE (${contextDescription}):\n${contextString}\n\nAnalyse ces données et réponds de manière structurée et claire.`;
@@ -175,12 +175,17 @@ export function AiContextButton({
       return;
     }
 
-    const currentDate = new Date().toLocaleDateString("fr-FR").replace(/\//g, "-");
+    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
+    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" });
@@ -206,7 +211,9 @@ export function AiContextButton({
           onClick={handleOpenPanel}
           disabled={disabled || loading || !isAuthReady}
           className={`ai-btn ai-context-btn ${variantClass} ${sizeClass} ${radiusClass} ${className || ""}`}
-          title={!isAuthReady ? "Authentication required" : "Analyser avec l'IA"}
+          title={
+            !isAuthReady ? "Authentication required" : "Analyser avec l'IA"
+          }
         >
           {loading ? (
             <>
@@ -251,14 +258,21 @@ export function AiContextButton({
             }
           }}
         >
-          <div className="ai-popover ai-result-modal" onClick={(e) => e.stopPropagation()}>
+          <div
+            className="ai-popover ai-result-modal"
+            onClick={(e) => e.stopPropagation()}
+          >
             <div className="ai-result-header">
               <div className="ai-row">
                 <FileText size={18} />
                 <h2 className="ai-result-title">{resultModalTitle}</h2>
               </div>
               <div className="ai-row">
-                <button type="button" className={`ai-btn ai-btn--ghost ai-btn--compact ${sizeClass} ${radiusClass}`} onClick={saveToFile}>
+                <button
+                  type="button"
+                  className={`ai-btn ai-btn--ghost ai-btn--compact ${sizeClass} ${radiusClass}`}
+                  onClick={saveToFile}
+                >
                   <Download size={14} />
                   Sauvegarder
                 </button>
@@ -284,14 +298,18 @@ export function AiContextButton({
 
               <div className="ai-result-block">
                 <h3 className="ai-result-subtitle">Résultat</h3>
-                <div className="ai-result-content">{analysisResult.content}</div>
+                <div className="ai-result-content">
+                  {analysisResult.content}
+                </div>
               </div>
 
               <div className="ai-result-meta ai-between">
                 <span>
-                  Coût: ${
-                    (apiKeyId?.includes("dev") ? 0 : analysisResult.cost).toFixed(6)
-                  }
+                  Coût: $
+                  {(apiKeyId?.includes("dev")
+                    ? 0
+                    : analysisResult.cost
+                  ).toFixed(6)}
                 </span>
                 <span>ID: {analysisResult.requestId?.slice(-8) || "N/A"}</span>
               </div>
@@ -300,7 +318,10 @@ export function AiContextButton({
         </div>
       ) : null}
 
-      <LBSigninModal isOpen={showAuthModal} onClose={() => setShowAuthModal(false)} />
+      <LBSigninModal
+        isOpen={showAuthModal}
+        onClose={() => setShowAuthModal(false)}
+      />
       <ErrorToast key={errorKey} error={errorData} onComplete={clearError} />
     </>
   );

package/src/components/AiPromptPanel.tsx

@@ -284,7 +284,9 @@ function AiPromptPanelInternal({
       setSelectedModel("");
       return;
     }
-    const hasSelected = modelOptions.some((model) => model.id === selectedModel);
+    const hasSelected = modelOptions.some(
+      (model) => model.id === selectedModel
+    );
     if (!hasSelected) {
       setSelectedModel(modelOptions[0].id);
     }
@@ -441,7 +443,8 @@ function AiPromptPanelInternal({
                 width: "64px",
                 height: "64px",
                 borderRadius: "999px",
-                border: "2px solid color-mix(in srgb, var(--ai-primary) 20%, transparent)",
+                border:
+                  "2px solid color-mix(in srgb, var(--ai-primary) 20%, transparent)",
                 borderTopColor: "var(--ai-primary)",
                 animation: "ai-spin 1.1s linear infinite",
                 display: "flex",
@@ -873,12 +876,15 @@ function AiPromptPanelInternal({
                               transition: "all 0.2s",
                             }}
                             onMouseEnter={(e) => {
-                              e.currentTarget.style.background = "color-mix(in srgb, var(--ai-primary) 10%, transparent)";
-                              e.currentTarget.style.borderColor = "var(--ai-primary)";
+                              e.currentTarget.style.background =
+                                "color-mix(in srgb, var(--ai-primary) 10%, transparent)";
+                              e.currentTarget.style.borderColor =
+                                "var(--ai-primary)";
                             }}
                             onMouseLeave={(e) => {
                               e.currentTarget.style.background = "transparent";
-                              e.currentTarget.style.borderColor = "var(--ai-border)";
+                              e.currentTarget.style.borderColor =
+                                "var(--ai-border)";
                             }}
                           >
                             <div
@@ -958,12 +964,15 @@ function AiPromptPanelInternal({
                               transition: "all 0.2s",
                             }}
                             onMouseEnter={(e) => {
-                              e.currentTarget.style.background = "color-mix(in srgb, var(--ai-primary) 10%, transparent)";
-                              e.currentTarget.style.borderColor = "var(--ai-primary)";
+                              e.currentTarget.style.background =
+                                "color-mix(in srgb, var(--ai-primary) 10%, transparent)";
+                              e.currentTarget.style.borderColor =
+                                "var(--ai-primary)";
                             }}
                             onMouseLeave={(e) => {
                               e.currentTarget.style.background = "transparent";
-                              e.currentTarget.style.borderColor = "var(--ai-border)";
+                              e.currentTarget.style.borderColor =
+                                "var(--ai-border)";
                             }}
                           >
                             <div
@@ -1020,10 +1029,7 @@ function AiPromptPanelInternal({
             backdropFilter: "blur(8px)",
           }}
         >
-          <button
-            onClick={handleClose}
-            className="ai-btn ai-btn--ghost"
-          >
+          <button onClick={handleClose} className="ai-btn ai-btn--ghost">
             Cancel
           </button>
           <button
@@ -1179,9 +1185,7 @@ function AiPromptPanelInternal({
                           />
                           <div style={{ flex: 1 }}>
                             <div className="ai-model-item-title">
-                              <span>
-                                {modelData.name}
-                              </span>
+                              <span>{modelData.name}</span>
                               {modelData.isPro && (
                                 <span className="ai-pill ai-pill--pro">
                                   PRO

package/src/components/AiStatusButton.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import type { AiStatus } from "@lastbrain/ai-ui-core";
-import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import type { AiStatus, LBUser } from "@lastbrain/ai-ui-core";
+import { useLayoutEffect, useMemo, useRef, useState, useContext } from "react";
 import { createPortal } from "react-dom";
 import {
   ArrowRightLeft,
@@ -14,8 +14,8 @@ import {
   Settings,
   Shield,
 } from "lucide-react";
-import { useLB } from "../context/LBAuthProvider";
-import { useAiContext } from "../context/AiProvider";
+import { LBContext, type LBApiKey, type BasicStatus, type StorageStatus } from "../context/LBAuthProvider";
+import { AiContext } from "../context/AiProvider";
 import { LBApiKeySelector } from "./LBApiKeySelector";
 import { LBSigninModal } from "./LBSigninModal";
 import type { AiRadius, AiSize } from "../types";
@@ -149,23 +149,23 @@ export function AiStatusButton({
   radius = "full",
 }: AiStatusButtonProps) {
   let lbStatus: string | undefined;
-  let user: any;
+  let user: LBUser | null = null;
   let logout: (() => Promise<void>) | undefined;
-  let apiKeys: any[] = [];
+  let apiKeys: LBApiKey[] = [];
   let switchApiKey: ((apiKeyId: string) => Promise<void>) | undefined;
-  let lbApiStatus: any = null;
-  let lbBasicStatus: any = null;
-  let lbStorageStatus: any = null;
+  let lbApiStatus: AiStatus | null = null;
+  let lbBasicStatus: BasicStatus | null = null;
+  let lbStorageStatus: StorageStatus | null = null;
   let lbIsLoadingStatus = false;
   let lbIsLoadingStorage = false;
-  let lbSelectedKey: any = null;
+  let lbSelectedKey: LBApiKey | null = null;
   let lbRefreshBasicStatus: (() => Promise<void>) | undefined;
   let lbRefreshStorageStatus: ((force?: boolean) => Promise<void>) | undefined;
 
-  try {
-    const lbContext = useLB();
+  const lbContext = useContext(LBContext);
+  if (lbContext) {
     lbStatus = lbContext.status;
-    user = lbContext.user;
+    user = lbContext.user ?? null;
     logout = lbContext.logout;
     apiKeys = lbContext.apiKeys || [];
     switchApiKey = lbContext.switchApiKey;
@@ -177,14 +177,15 @@ export function AiStatusButton({
     lbSelectedKey = lbContext.selectedKey || null;
     lbRefreshBasicStatus = lbContext.refreshBasicStatus;
     lbRefreshStorageStatus = lbContext.refreshStorageStatus;
-  } catch {
+  } else {
     lbStatus = undefined;
   }
 
+  const aiContext = useContext(AiContext);
   let refetchProviders: (() => Promise<void>) | undefined;
-  try {
-    refetchProviders = useAiContext().refetchProviders;
-  } catch {
+  if (aiContext) {
+    refetchProviders = aiContext.refetchProviders;
+  } else {
     refetchProviders = undefined;
   }
 
@@ -214,7 +215,7 @@ export function AiStatusButton({
   );
   const requiresApiKeySelection =
     lbStatus === "ready" && !hasApiKeySelected && apiKeys.length > 0;
-  const isApiKeyAuthMode = effectiveStatus?.authType === "api_key";
+  const isApiKeyAuthMode = effectiveStatus && 'authType' in effectiveStatus && effectiveStatus.authType === "api_key";
 
   const [tooltipStyle, setTooltipStyle] = useState<Record<string, string>>({});
 
@@ -453,7 +454,11 @@ export function AiStatusButton({
                       <span className="ai-popover-value">
                         {lbIsLoadingStatus
                           ? "..."
-                          : effectiveStatus?.authType || lbStatus || "unknown"}
+                          : (effectiveStatus &&
+                              "authType" in effectiveStatus &&
+                              effectiveStatus.authType) ||
+                            lbStatus ||
+                            "unknown"}
                       </span>
                     </div>
                   </div>

package/src/components/AiTextarea.tsx

@@ -197,7 +197,9 @@ export function AiTextarea({
 
   return (
     <div className={`ai-control-group ai-glow ${className || ""}`}>
-      <div className={`ai-shell ai-shell--textarea ${sizeClass} ${radiusClass}`}>
+      <div
+        className={`ai-shell ai-shell--textarea ${sizeClass} ${radiusClass}`}
+      >
         <textarea
           ref={textareaRef}
           {...textareaProps}

package/src/components/LBApiKeySelector.tsx

@@ -45,7 +45,10 @@ export function LBApiKeySelector({
 
   return (
     <div className="ai-signin-overlay" onClick={onCancel}>
-      <div className="ai-signin-panel ai-key-modal-panel" onClick={(e) => e.stopPropagation()}>
+      <div
+        className="ai-signin-panel ai-key-modal-panel"
+        onClick={(e) => e.stopPropagation()}
+      >
         <div className="ai-signin-header">
           <div className="ai-center mb-3">
             <span className="ai-icon-badge">
@@ -87,7 +90,9 @@ export function LBApiKeySelector({
                       <div>
                         <div className="ai-model-item-title">{key.name}</div>
                         <div className="ai-model-item-meta">
-                          <span>{key.keyPrefix || key.id.substring(0, 12) + "..."}</span>
+                          <span>
+                            {key.keyPrefix || key.id.substring(0, 12) + "..."}
+                          </span>
                         </div>
                       </div>
                     </div>
@@ -115,7 +120,12 @@ export function LBApiKeySelector({
             ) : null}
 
             <div className="ai-signin-actions">
-              <button type="button" onClick={onCancel} disabled={loading} className="ai-btn ai-btn--ghost">
+              <button
+                type="button"
+                onClick={onCancel}
+                disabled={loading}
+                className="ai-btn ai-btn--ghost"
+              >
                 Annuler
               </button>
               <button

package/src/components/LBConnectButton.tsx

@@ -38,8 +38,7 @@ export function LBConnectButton({
     onOpenModal?.();
   };
 
-  const buttonLabel =
-    status === "ready" && user ? "Déconnexion" : label;
+  const buttonLabel = status === "ready" && user ? "Déconnexion" : label;
 
   return (
     <>
@@ -67,10 +66,7 @@ export function LBConnectButton({
         )}
       </button>
 
-      <LBSigninModal
-        isOpen={showModal}
-        onClose={() => setShowModal(false)}
-      />
+      <LBSigninModal isOpen={showModal} onClose={() => setShowModal(false)} />
     </>
   );
 }
@@ -84,10 +80,5 @@ interface LBAuthModalProps {
 }
 
 export function LBAuthModal({ onClose }: LBAuthModalProps) {
-  return (
-    <LBSigninModal
-      isOpen
-      onClose={() => onClose(false)}
-    />
-  );
+  return <LBSigninModal isOpen onClose={() => onClose(false)} />;
 }

package/src/components/LBSigninModal.tsx

@@ -22,11 +22,7 @@ export function LBSigninModal({ isOpen, onClose }: LBSigninModalProps) {
   const [showKeySelector, setShowKeySelector] = useState(false);
   const [currentApiKeys, setCurrentApiKeys] = useState<any[]>([]);
 
-  const {
-    login,
-    selectApiKeyWithToken,
-    fetchApiKeys,
-  } = lbContext || {};
+  const { login, selectApiKeyWithToken, fetchApiKeys } = lbContext || {};
 
   const canRender = Boolean(isOpen && lbContext && login);
 
@@ -75,7 +71,9 @@ export function LBSigninModal({ isOpen, onClose }: LBSigninModalProps) {
         setError("Erreur lors de la récupération des clés API");
       }
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Une erreur s'est produite");
+      setError(
+        err instanceof Error ? err.message : "Une erreur s'est produite"
+      );
     } finally {
       setLoading(false);
     }
@@ -91,7 +89,9 @@ export function LBSigninModal({ isOpen, onClose }: LBSigninModalProps) {
       setShowKeySelector(false);
       onClose();
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Erreur lors de la sélection");
+      setError(
+        err instanceof Error ? err.message : "Erreur lors de la sélection"
+      );
       setShowKeySelector(false);
     }
   };
@@ -151,7 +151,10 @@ export function LBSigninModal({ isOpen, onClose }: LBSigninModalProps) {
         <div className="ai-signin-content">
           <form onSubmit={handleSubmit}>
             <div className="ai-input-row">
-              <label htmlFor="lb-signin-email" className="ai-input-label ai-row">
+              <label
+                htmlFor="lb-signin-email"
+                className="ai-input-label ai-row"
+              >
                 <Mail size={14} className="ai-inline-icon" />
                 Email
               </label>
@@ -173,7 +176,10 @@ export function LBSigninModal({ isOpen, onClose }: LBSigninModalProps) {
             </div>
 
             <div className="ai-input-row">
-              <label htmlFor="lb-signin-password" className="ai-input-label ai-row">
+              <label
+                htmlFor="lb-signin-password"
+                className="ai-input-label ai-row"
+              >
                 <Lock size={14} className="ai-inline-icon" />
                 Mot de passe
               </label>
@@ -201,7 +207,11 @@ export function LBSigninModal({ isOpen, onClose }: LBSigninModalProps) {
             ) : null}
 
             <div className="ai-signin-actions">
-              <button type="submit" className="ai-btn ai-btn--auth" disabled={loading}>
+              <button
+                type="submit"
+                className="ai-btn ai-btn--auth"
+                disabled={loading}
+              >
                 {loading ? (
                   <>
                     <Loader2 size={16} className="ai-spinner" />

package/src/context/LBAuthProvider.tsx

@@ -24,6 +24,39 @@ import type {
 } from "@lastbrain/ai-ui-core";
 import { createLBClient } from "@lastbrain/ai-ui-core";
 
+export interface ApiKeyUser {
+  id?: string;
+  name?: string;
+  prefix?: string;
+  env?: string;
+  rate_limit_rpm?: number;
+  scopes?: string[];
+}
+
+export interface BasicStatus {
+  authType?: string;
+  user?: {
+    id?: string;
+    email?: string;
+  } | null;
+  apiKey?: ApiKeyUser | null;
+  api_key?: ApiKeyUser | null;
+  balance?: {
+    used?: number;
+    total?: number;
+    percentage?: number;
+  };
+  storage?: StorageStatus["storage"];
+}
+
+export interface StorageStatus {
+  storage?: {
+    used_mb?: number;
+    allocated_mb?: number;
+    percentage?: number;
+  } | null;
+}
+
 interface LBProviderProps {
   children: ReactNode;
   /** URL de l'API LastBrain (ex: https://api.lastbrain.io) */
@@ -66,9 +99,9 @@ interface LBContextValue extends LBAuthState {
   /** Status API (balance, storage, API key info) */
   apiStatus: AiStatus | null;
   /** Status basique (rapide) - balance, API key info sans storage */
-  basicStatus: any;
+  basicStatus: BasicStatus | null;
   /** Status storage (lent) avec cache */
-  storageStatus: any;
+  storageStatus: StorageStatus | null;
   /** Fonction pour rafraîchir le status rapide */
   refreshBasicStatus: () => Promise<void>;
   /** Fonction pour rafraîchir le storage (avec cache optionnel) */
@@ -83,6 +116,9 @@ interface LBContextValue extends LBAuthState {
 
 const LBContext = createContext<LBContextValue | undefined>(undefined);
 
+// Export pour usage dans d'autres composants
+export { LBContext };
+
 export function LBProvider({
   children,
   baseUrl: _baseUrl = "/api/lastbrain",
@@ -96,8 +132,8 @@ export function LBProvider({
   const [apiKeys, setApiKeys] = useState<LBApiKey[]>([]);
   const [accessToken, setAccessToken] = useState<string>();
   const [apiStatus, setApiStatus] = useState<AiStatus | null>(null);
-  const [basicStatus, setBasicStatus] = useState<any>(null);
-  const [storageStatus, setStorageStatus] = useState<any>(null);
+  const [basicStatus, setBasicStatus] = useState<BasicStatus | null>(null);
+  const [storageStatus, setStorageStatus] = useState<StorageStatus | null>(null);
   const [isLoadingStatus, setIsLoadingStatus] = useState(false);
   const [isLoadingStorage, setIsLoadingStorage] = useState(false);
   const [storageLastFetch, setStorageLastFetch] = useState<number>(0);
@@ -373,7 +409,7 @@ export function LBProvider({
 
     setIsLoadingStatus(true);
     try {
-      let data: any;
+      let data: BasicStatus;
       try {
         data = await lbClient.getStatus();
       } catch {
@@ -452,7 +488,7 @@ export function LBProvider({
           ...basicStatus,
           storage: storageData?.storage,
         };
-        setApiStatus(combinedStatus);
+        setApiStatus(combinedStatus as AiStatus);
       } catch (error) {
         console.error("[LBProvider] Failed to fetch storage status:", error);
         // Arrêter les tentatives répétées si erreur persistante
@@ -619,3 +655,6 @@ export function useLB(): LBContextValue {
   }
   return context;
 }
+
+// Re-export des types pour usage externe
+export type { LBApiKey };

package/src/examples/AiUiPremiumShowcase.tsx

@@ -56,7 +56,10 @@ function ShowcasePanel({
               <Sparkles size={14} className="text-[var(--ai-primary)]" />
             </div>
             <div className="mt-3 space-y-2">
-              <input className="ai-control ai-control-input" placeholder="Default state" />
+              <input
+                className="ai-control ai-control-input"
+                placeholder="Default state"
+              />
               <input
                 className="ai-control ai-control-input ai-control--focused"
                 placeholder="Focused style"

package/src/hooks/useAiModels.ts

@@ -26,7 +26,8 @@ export function useAiModels(options?: UseAiModelsOptions): UseAiModelsResult {
 
   // Utiliser le contexte dès que la base URL correspond.
   // L'apiKeyId peut varier (session/api-key sélectionnée) sans invalider le contexte.
-  const useContextData = !options?.baseUrl || options.baseUrl === context.baseUrl;
+  const useContextData =
+    !options?.baseUrl || options.baseUrl === context.baseUrl;
 
   // Filtrer les modèles selon le type demandé
   const filteredModels = useMemo(() => {

package/src/hooks/useModelManagement.ts

@@ -44,7 +44,8 @@ export function useModelManagement(
   // Utiliser les données du contexte si la base URL correspond.
   // L'apiKey peut changer selon le mode d'auth (lb_session/supabase/api_key) sans
   // devoir casser le cache/provider de modèles déjà présent.
-  const useContextData = !options.baseUrl || options.baseUrl === context.baseUrl;
+  const useContextData =
+    !options.baseUrl || options.baseUrl === context.baseUrl;
 
   // Filtrer par catégorie si nécessaire
   const filteredModels = useMemo(() => {

package/src/utils/errorHandler.ts

@@ -8,12 +8,25 @@ export interface ParsedError {
   isUserFriendly: boolean;
 }
 
+type NormalizedErrorLike = {
+  code: string;
+  message: string;
+};
+
+function isNormalizedErrorLike(value: unknown): value is NormalizedErrorLike {
+  if (!value || typeof value !== "object") {
+    return false;
+  }
+  const v = value as Record<string, unknown>;
+  return typeof v.code === "string" && typeof v.message === "string";
+}
+
 /**
  * Parse et uniformise la gestion des erreurs des composants AI
  */
-export function parseAIError(error: any): ParsedError {
+export function parseAIError(error: unknown): ParsedError {
   // Si l'erreur est déjà un objet normalisé
-  if (error?.code && error?.message) {
+  if (isNormalizedErrorLike(error)) {
     return {
       message: getUserFriendlyMessage(error.code, error.message),
       code: error.code,
@@ -160,7 +173,7 @@ export interface ErrorToastCallback {
  * @param showInternalToast Callback interne optionnelle pour afficher un toast dans le composant
  */
 export function handleAIError(
-  error: any,
+  error: unknown,
   onToast?: ErrorToastCallback,
   showInternalToast?: (error: { message: string; code?: string }) => void
 ): void {