@lastbrain/ai-ui-react 1.0.75 → 1.0.77

package/dist/context/LBAuthProvider.d.ts.map

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

package/dist/context/LBAuthProvider.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Provider d'authentification LastBrain
  * Gère l'état de connexion, la session et les appels IA
  */
-import { createContext, useContext, useEffect, useCallback, useMemo, useState, } from "react";
+import { createContext, useContext, useEffect, useCallback, useMemo, useRef, useState, } from "react";
 import { createLBClient } from "@lastbrain/ai-ui-core";
 import { I18nProvider } from "./I18nContext";
 const LBContext = createContext(undefined);
@@ -22,6 +22,17 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
     const [isLoadingStatus, setIsLoadingStatus] = useState(false);
     const [isLoadingStorage, setIsLoadingStorage] = useState(false);
     const [storageLastFetch, setStorageLastFetch] = useState(0);
+    const [hasSelectedApiKeyCookie, setHasSelectedApiKeyCookie] = useState(false);
+    const previousStatusRef = useRef("loading");
+    const syncSelectedApiKeyCookie = useCallback(() => {
+        if (typeof document === "undefined")
+            return;
+        const hasCookie = document.cookie
+            .split(";")
+            .map((part) => part.trim())
+            .some((part) => part.startsWith("api_key_selected=") && part.length > 17);
+        setHasSelectedApiKeyCookie(hasCookie);
+    }, []);
     const lbClient = useMemo(() => createLBClient({
         baseUrl: proxyUrl,
         mode: process.env.LB_API_KEY ? "env-key" : "auto",
@@ -97,6 +108,13 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
     useEffect(() => {
         checkSession();
     }, [checkSession]);
+    useEffect(() => {
+        syncSelectedApiKeyCookie();
+        if (typeof window === "undefined")
+            return;
+        const interval = window.setInterval(syncSelectedApiKeyCookie, 1000);
+        return () => window.clearInterval(interval);
+    }, [syncSelectedApiKeyCookie]);
     /**
      * Récupère les clés API de l'utilisateur
      */
@@ -134,6 +152,7 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
             });
             setAccessToken(undefined); // Nettoyer l'access token temporaire
             setApiKeys([]); // Nettoyer les clés API temporaires
+            setTimeout(() => syncSelectedApiKeyCookie(), 100);
             onStatusChange?.("ready");
             onAuthChange?.(); // Refresh provider after signin
         }
@@ -145,7 +164,7 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
             });
             throw error;
         }
-    }, [lbClient, state.user, onStatusChange, onAuthChange]);
+    }, [lbClient, onAuthChange, onStatusChange, state.user, syncSelectedApiKeyCookie]);
     /**
      * Connexion utilisateur (étape 1 : login)
      * Retourne le token et les clés API sans créer de session
@@ -239,7 +258,7 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
         try {
             let data;
             try {
-                data = await lbClient.getStatus();
+                data = (await lbClient.getStatus());
             }
             catch {
                 // Backward compatibility: older backends may not expose /auth/status
@@ -302,14 +321,16 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
         }
         setIsLoadingStorage(true);
         try {
-            const data = await lbClient.getStorageStatus();
-            const storageData = data?.storage ? { storage: data.storage } : data;
+            const data = (await lbClient.getStorageStatus());
+            const storageData = data?.storage
+                ? { storage: data.storage }
+                : data;
             setStorageStatus(storageData);
             setStorageLastFetch(now);
             // Combiner avec le basic status
             const combinedStatus = {
                 ...basicStatus,
-                storage: storageData?.storage,
+                storage: storageData.storage,
             };
             setApiStatus(combinedStatus);
         }
@@ -359,6 +380,7 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
             }
             await refreshBasicStatus();
             setTimeout(() => refreshStorageStatus(), 100);
+            setTimeout(() => syncSelectedApiKeyCookie(), 100);
         }
         else {
             throw new Error("No valid authentication method available");
@@ -371,6 +393,7 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
         lbClient,
         refreshBasicStatus,
         refreshStorageStatus,
+        syncSelectedApiKeyCookie,
     ]);
     /**
      * Déconnexion
@@ -391,6 +414,7 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
             setBasicStatus(null);
             setStorageStatus(null);
             setStorageLastFetch(0);
+            setHasSelectedApiKeyCookie(false);
             onStatusChange?.("needs_auth");
             onAuthChange?.(); // Refresh provider after logout
         }
@@ -418,22 +442,30 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
             setApiKeys([]);
         }
     }, [lbClient, state.status]);
-    // Refresh status quand la session devient ready
+    // Refresh status uniquement lors de la transition vers "ready"
+    // (évite les boucles status/user causées par des callbacks recréés)
     useEffect(() => {
-        if (state.status === "ready") {
+        const wasReady = previousStatusRef.current === "ready";
+        previousStatusRef.current = state.status;
+        if (state.status === "ready" && !wasReady) {
             // Appel rapide d'abord
             refreshBasicStatus();
             // Storage en arrière-plan après 100ms
             setTimeout(() => refreshStorageStatus(), 100);
             fetchApiKeysWithSession(); // Also fetch API keys list
         }
-        else {
+        else if (state.status !== "ready") {
             setApiStatus(null);
             setBasicStatus(null);
             setStorageStatus(null);
             setApiKeys([]);
         }
-    }, [state.status]); // Supprimer les fonctions des dépendances pour éviter la boucle
+    }, [
+        fetchApiKeysWithSession,
+        refreshBasicStatus,
+        refreshStorageStatus,
+        state.status,
+    ]);
     const value = {
         ...state,
         login,
@@ -453,6 +485,7 @@ export function LBProvider({ children, baseUrl: _baseUrl = "/api/lastbrain", pro
         refreshStorageStatus,
         isLoadingStatus,
         isLoadingStorage,
+        hasSelectedApiKeyCookie,
     };
     return (_jsx(I18nProvider, { lang: lang, children: _jsx(LBContext.Provider, { value: value, children: children }) }));
 }

package/dist/examples/AiImageGenerator.js

@@ -53,7 +53,7 @@ export function ModelManagementStats({ apiKey, baseUrl, category = "image", } =
  * Composant exemple pour afficher et gérer une liste de modèles
  */
 export function ModelManagementList({ apiKey, baseUrl, category = "image", onModelToggle, }) {
-    const { availableModels, userModels, loading, error, toggleModel, isModelActive, } = useModelManagement({
+    const { availableModels, userModels: _userModels, loading, error, toggleModel, isModelActive, } = useModelManagement({
         apiKey,
         baseUrl,
         category,

package/dist/hooks/useAiStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAiStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useAiStatus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAmC3E"}
+{"version":3,"file":"useAiStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useAiStatus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CA2F3E"}

package/dist/hooks/useAiStatus.js

@@ -1,12 +1,49 @@
 "use client";
-import { useState, useEffect, useCallback } from "react";
+import { useState, useEffect, useCallback, useContext, useMemo } from "react";
 import { useAiClient } from "./useAiClient";
+import { LBContext } from "../context/LBAuthProvider";
 export function useAiStatus(options) {
     const client = useAiClient(options);
+    const lbContext = useContext(LBContext);
     const [status, setStatus] = useState(null);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
+    const statusFromLB = useMemo(() => {
+        if (!lbContext || lbContext.status !== "ready") {
+            return null;
+        }
+        if (lbContext.apiStatus) {
+            return lbContext.apiStatus;
+        }
+        if (lbContext.basicStatus) {
+            return {
+                ...lbContext.basicStatus,
+                storage: lbContext.storageStatus?.storage ||
+                    lbContext.basicStatus?.storage,
+            };
+        }
+        return null;
+    }, [lbContext]);
     const fetchStatus = useCallback(async () => {
+        // If LBProvider exists, never call getStatus directly here:
+        // - ready: delegate refresh to provider
+        // - non-ready: avoid unauthorized polling loops
+        if (lbContext) {
+            if (lbContext.status === "ready") {
+                try {
+                    await lbContext.refreshBasicStatus();
+                }
+                catch {
+                    // Ignore: provider already tracks errors/status
+                }
+            }
+            else {
+                setStatus(null);
+                setLoading(false);
+                setError(null);
+            }
+            return;
+        }
         console.log("[useAiStatus] Starting status fetch");
         setLoading(true);
         setError(null);
@@ -22,13 +59,29 @@ export function useAiStatus(options) {
         finally {
             setLoading(false);
         }
-    }, [client]);
+    }, [client, lbContext]);
     useEffect(() => {
+        if (lbContext && lbContext.status !== "ready") {
+            setStatus(null);
+            setLoading(false);
+            setError(null);
+            return;
+        }
+        if (statusFromLB) {
+            setStatus(statusFromLB);
+            setLoading(false);
+            setError(null);
+            return;
+        }
         fetchStatus();
-    }, [fetchStatus]);
+    }, [fetchStatus, lbContext, statusFromLB]);
+    const isLoadingFromLB = !!lbContext &&
+        lbContext.status === "ready" &&
+        !statusFromLB &&
+        (lbContext.isLoadingStatus || lbContext.isLoadingStorage);
     return {
-        status,
-        loading,
+        status: statusFromLB || status,
+        loading: isLoadingFromLB || loading,
         error,
         refetch: fetchStatus,
     };

package/dist/styles.css

@@ -195,7 +195,7 @@
   align-items: center;
   gap: 10px;
   min-height: var(--ai-control-h, var(--ai-size-md-h));
-  padding: 0 12px;
+  padding: 0 8px;
   border-radius: var(--ai-radius-current, var(--ai-radius-full));
   border: 1px solid var(--ai-border);
   background:
@@ -362,8 +362,8 @@
 .ai-shell--textarea .ai-control-action,
 .ai-shell--textarea .ai-spark {
   position: absolute;
-  right: 12px;
-  bottom: 12px;
+  right: 8px;
+  bottom: 8px;
 }
 
 /* Generic buttons */

package/dist/utils/errorHandler.d.ts

@@ -6,7 +6,7 @@ export interface ParsedError {
 /**
  * Parse et uniformise la gestion des erreurs des composants AI
  */
-export declare function parseAIError(error: unknown): ParsedError;
+export declare function parseAIError(error: any): ParsedError;
 /**
  * Interface pour la callback de gestion d'erreur uniforme
  */
@@ -23,7 +23,7 @@ export interface ErrorToastCallback {
  * @param onToast Callback externe optionnelle fournie par le parent
  * @param showInternalToast Callback interne optionnelle pour afficher un toast dans le composant
  */
-export declare function handleAIError(error: unknown, onToast?: ErrorToastCallback, showInternalToast?: (error: {
+export declare function handleAIError(error: any, onToast?: ErrorToastCallback, showInternalToast?: (error: {
     message: string;
     code?: string;
 }) => void): void;

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

@@ -1 +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,OAAO,GAAG,WAAW,CA8CxD;AAyFD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAClE;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,OAAO,EACd,OAAO,CAAC,EAAE,kBAAkB,EAC5B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,GACtE,IAAI,CAuBN"}
+{"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,CA8CpD;AAyFD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAClE;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,GAAG,EACV,OAAO,CAAC,EAAE,kBAAkB,EAC5B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,GACtE,IAAI,CAuBN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lastbrain/ai-ui-react",
-  "version": "1.0.75",
+  "version": "1.0.77",
   "description": "Headless React components for LastBrain AI UI Kit",
   "private": false,
   "type": "module",
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "lucide-react": "^0.257.0",
-    "@lastbrain/ai-ui-core": "1.0.54"
+    "@lastbrain/ai-ui-core": "1.0.55"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",

package/src/components/AiContextButton.tsx

@@ -22,7 +22,7 @@ type ContextData =
   | boolean
   | object
   | unknown[]
-  | { [key: string]: unknown };
+  | { [key: string]: any };
 
 export interface AiContextButtonProps
   extends
@@ -83,11 +83,22 @@ export function AiContextButton({
     contextDescription || t("ai.context.description", "Data to analyze");
 
   let lbStatus: string | undefined;
+  let lbHasSession = false;
+  let lbHasSelectedKey = false;
+  let lbHasSelectedApiKeyCookie = false;
+  let hasLBProvider = false;
   try {
     const lbContext = useLB();
     lbStatus = lbContext.status;
+    lbHasSession = Boolean(lbContext.session?.sessionToken);
+    lbHasSelectedKey = Boolean(lbContext.selectedKey?.id);
+    lbHasSelectedApiKeyCookie = lbContext.hasSelectedApiKeyCookie;
+    hasLBProvider = true;
   } catch {
     lbStatus = undefined;
+    lbHasSession = false;
+    lbHasSelectedKey = false;
+    hasLBProvider = false;
   }
 
   const aiContext = useAiContext();
@@ -99,7 +110,14 @@ export function AiContextButton({
     apiKeyId,
   });
 
-  const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
+  const needsApiKeySelection =
+    hasLBProvider &&
+    lbStatus === "ready" &&
+    lbHasSession &&
+    (!lbHasSelectedKey || !lbHasSelectedApiKeyCookie);
+  const isAuthReady =
+    !needsApiKeySelection &&
+    (lbStatus === "ready" || Boolean(process.env.LB_API_KEY));
 
   const handleOpenPanel = () => {
     if (!isAuthReady) {

package/src/components/AiImageButton.tsx

@@ -74,17 +74,28 @@ export function AiImageButton({
     requestId: string;
     tokens: number;
   } | null>(null);
-  const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
+  const { showUsageToast } = useUsageToast();
   const { showErrorToast, errorData, errorKey, clearError } = useErrorToast();
 
   // Rendre l'authentification optionnelle
   let lbStatus: string | undefined;
+  let lbHasSession = false;
+  let lbHasSelectedKey = false;
+  let lbHasSelectedApiKeyCookie = false;
+  let hasLBProvider = false;
   try {
     const lbContext = useLB();
     lbStatus = lbContext.status;
+    lbHasSession = Boolean(lbContext.session?.sessionToken);
+    lbHasSelectedKey = Boolean(lbContext.selectedKey?.id);
+    lbHasSelectedApiKeyCookie = lbContext.hasSelectedApiKeyCookie;
+    hasLBProvider = true;
   } catch {
     // LBProvider n'est pas disponible, ignorer
     lbStatus = undefined;
+    lbHasSession = false;
+    lbHasSelectedKey = false;
+    hasLBProvider = false;
   }
 
   // Récupérer le contexte AiProvider avec fallback sur les props
@@ -95,7 +106,14 @@ export function AiImageButton({
   const { generateImage, loading } = useAiCallImage({ baseUrl, apiKeyId });
   const { formatted: loadingElapsed } = useLoadingTimer(loading);
 
-  const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
+  const needsApiKeySelection =
+    hasLBProvider &&
+    lbStatus === "ready" &&
+    lbHasSession &&
+    (!lbHasSelectedKey || !lbHasSelectedApiKeyCookie);
+  const isAuthReady =
+    !needsApiKeySelection &&
+    (lbStatus === "ready" || Boolean(process.env.LB_API_KEY));
 
   const handleOpenPanel = () => {
     if (!isAuthReady) {
@@ -126,7 +144,7 @@ export function AiImageButton({
         type: "success",
         message: t("ai.image.savedSuccess", "Image saved"),
       });
-    } catch (_error) {
+    } catch {
       onToast?.({
         type: "error",
         message: t("ai.image.saveError", "Error while saving"),

package/src/components/AiInput.tsx

@@ -34,7 +34,7 @@ export function AiInput({
   context,
   model,
   prompt,
-  editMode = false,
+  editMode: _editMode = false,
   enableModelManagement = true,
   storeOutputs,
   artifactTitle,
@@ -51,16 +51,32 @@ export function AiInput({
     inputProps.value?.toString() || inputProps.defaultValue?.toString() || ""
   );
   const inputRef = useRef<HTMLInputElement>(null);
-  const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
+  const {
+    showUsageToast: _showUsageToast,
+    toastData,
+    toastKey,
+    clearToast,
+  } = useUsageToast();
 
   // Rendre l'authentification optionnelle
   let lbStatus: string | undefined;
+  let lbHasSession = false;
+  let lbHasSelectedKey = false;
+  let lbHasSelectedApiKeyCookie = false;
+  let hasLBProvider = false;
   try {
     const lbContext = useLB();
     lbStatus = lbContext.status;
+    lbHasSession = Boolean(lbContext.session?.sessionToken);
+    lbHasSelectedKey = Boolean(lbContext.selectedKey?.id);
+    lbHasSelectedApiKeyCookie = lbContext.hasSelectedApiKeyCookie;
+    hasLBProvider = true;
   } catch {
     // LBProvider n'est pas disponible, ignorer
     lbStatus = undefined;
+    lbHasSession = false;
+    lbHasSelectedKey = false;
+    hasLBProvider = false;
   }
 
   let ctxBaseUrl: string | undefined;
@@ -77,7 +93,7 @@ export function AiInput({
   const baseUrl = propBaseUrl ?? ctxBaseUrl;
   const apiKeyId = propApiKeyId ?? ctxApiKeyId;
 
-  const { models } = useAiModels({
+  const { models: _models } = useAiModels({
     baseUrl,
     apiKeyId,
     modelType: "text-or-language",
@@ -86,7 +102,14 @@ export function AiInput({
   const { formatted: loadingElapsed } = useLoadingTimer(loading);
 
   const hasConfiguration = Boolean(model && prompt);
-  const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
+  const needsApiKeySelection =
+    hasLBProvider &&
+    lbStatus === "ready" &&
+    lbHasSession &&
+    (!lbHasSelectedKey || !lbHasSelectedApiKeyCookie);
+  const isAuthReady =
+    !needsApiKeySelection &&
+    (lbStatus === "ready" || Boolean(process.env.LB_API_KEY));
   const shouldShowSparkles = isAuthReady && !disabled;
 
   const handleOpenPanel = () => {
@@ -104,7 +127,7 @@ export function AiInput({
   const handleSubmit = async (
     selectedModel: string,
     selectedPrompt: string,
-    promptId?: string
+    _promptId?: string
   ) => {
     try {
       const resolvedContext = inputValue || context || undefined;

package/src/components/AiPromptPanel.tsx

@@ -102,7 +102,7 @@ function AiPromptPanelInternal({
   isOpen,
   onClose,
   onSubmit,
-  uiMode: _uiMode = "modal",
+  uiMode = "modal",
   models = [],
   sourceText,
   children,
@@ -405,9 +405,29 @@ function AiPromptPanelInternal({
     return null;
   }
 
+  const isDrawer = uiMode === "drawer";
+  const panelContainerStyle = isDrawer
+    ? {
+        ...aiStyles.modal,
+        alignItems: "stretch",
+        justifyContent: "flex-end",
+        padding: "0",
+      }
+    : aiStyles.modal;
+  const panelContentStyle = isDrawer
+    ? {
+        ...aiStyles.modalContent,
+        width: "min(92vw, 640px)",
+        maxWidth: "640px",
+        maxHeight: "100vh",
+        height: "100vh",
+        borderRadius: "16px 0 0 16px",
+      }
+    : aiStyles.modalContent;
+
   if (children) {
     return createPortal(
-      <div style={aiStyles.modal} onKeyDown={handleKeyDown}>
+      <div style={panelContainerStyle} onKeyDown={handleKeyDown}>
         {children(renderProps)}
       </div>,
       portalRoot
@@ -415,7 +435,7 @@ function AiPromptPanelInternal({
   }
 
   return createPortal(
-    <div style={aiStyles.modal} onKeyDown={handleKeyDown}>
+    <div style={panelContainerStyle} onKeyDown={handleKeyDown}>
       <div
         style={{
           ...aiStyles.modalOverlay,
@@ -426,13 +446,18 @@ function AiPromptPanelInternal({
       />
       <div
         style={{
-          ...aiStyles.modalContent,
+          ...panelContentStyle,
           opacity: isClosing ? 0 : 1,
-          transform: isClosing ? "translateY(12px)" : "translateY(0)",
+          transform: isClosing
+            ? isDrawer
+              ? "translateX(16px)"
+              : "translateY(12px)"
+            : isDrawer
+              ? "translateX(0)"
+              : "translateY(0)",
           transition: "opacity 200ms ease, transform 200ms ease",
           display: "flex",
           flexDirection: "column",
-          maxHeight: "85vh",
           overflow: "hidden",
         }}
       >

package/src/components/AiSelect.tsx

@@ -31,8 +31,8 @@ export function AiSelect({
   size = "md",
   radius = "full",
   context,
-  model,
-  prompt,
+  model: _model,
+  prompt: _prompt,
   storeOutputs,
   artifactTitle,
   onValue,
@@ -49,12 +49,23 @@ export function AiSelect({
 
   // Rendre l'authentification optionnelle
   let lbStatus: string | undefined;
+  let lbHasSession = false;
+  let lbHasSelectedKey = false;
+  let lbHasSelectedApiKeyCookie = false;
+  let hasLBProvider = false;
   try {
     const lbContext = useLB();
     lbStatus = lbContext.status;
+    lbHasSession = Boolean(lbContext.session?.sessionToken);
+    lbHasSelectedKey = Boolean(lbContext.selectedKey?.id);
+    lbHasSelectedApiKeyCookie = lbContext.hasSelectedApiKeyCookie;
+    hasLBProvider = true;
   } catch {
     // LBProvider n'est pas disponible, ignorer
     lbStatus = undefined;
+    lbHasSession = false;
+    lbHasSelectedKey = false;
+    hasLBProvider = false;
   }
 
   let ctxBaseUrl: string | undefined;
@@ -78,7 +89,14 @@ export function AiSelect({
   });
   const { generateText, loading } = useAiCallText({ baseUrl, apiKeyId });
 
-  const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
+  const needsApiKeySelection =
+    hasLBProvider &&
+    lbStatus === "ready" &&
+    lbHasSession &&
+    (!lbHasSelectedKey || !lbHasSelectedApiKeyCookie);
+  const isAuthReady =
+    !needsApiKeySelection &&
+    (lbStatus === "ready" || Boolean(process.env.LB_API_KEY));
   const shouldShowSparkles = isAuthReady && !disabled;
 
   const handleOpenPanel = () => {