@lastbrain/ai-ui-react 1.0.75 → 1.0.77

package/dist/components/AiContextButton.d.ts

@@ -3,7 +3,7 @@ import { type ButtonHTMLAttributes } from "react";
 import type { BaseAiProps } from "../types";
 import type { AiRadius, AiSize, AiVariant } from "../types";
 type ContextData = string | number | boolean | object | unknown[] | {
-    [key: string]: unknown;
+    [key: string]: any;
 };
 export interface AiContextButtonProps extends Omit<BaseAiProps, "onValue" | "type">, Omit<ButtonHTMLAttributes<HTMLButtonElement>, "baseUrl" | "apiKeyId"> {
     contextData: ContextData;

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,oBAAoB,CAAC;AAC5B,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAY5D,KAAK,WAAW,GACZ,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,EAAE,GACT;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAE/B,MAAM,WAAW,oBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE,WAAW,EAAE,WAAW,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC7C,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,IAAW,EACX,MAAe,EACf,OAAmB,EACnB,OAAO,EAAE,QAAQ,EACjB,GAAG,WAAW,EACf,EAAE,oBAAoB,2CA6StB"}
+{"version":3,"file":"AiContextButton.d.ts","sourceRoot":"","sources":["../../src/components/AiContextButton.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAY5D,KAAK,WAAW,GACZ,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,OAAO,EAAE,GACT;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAE3B,MAAM,WAAW,oBACf,SACE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,CAAC,EACrC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE,WAAW,EAAE,WAAW,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,MAAM,EACd,QAAQ,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAC7C,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,IAAW,EACX,MAAe,EACf,OAAmB,EACnB,OAAO,EAAE,QAAQ,EACjB,GAAG,WAAW,EACf,EAAE,oBAAoB,2CA+TtB"}

package/dist/components/AiContextButton.js

@@ -22,12 +22,23 @@ export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId,
     const { showErrorToast, errorData, errorKey, clearError } = useErrorToast();
     const resolvedContextDescription = contextDescription || t("ai.context.description", "Data to analyze");
     let lbStatus;
+    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();
     const baseUrl = propBaseUrl ?? aiContext.baseUrl;
@@ -36,7 +47,12 @@ export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId,
         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 handleOpenPanel = () => {
         if (!isAuthReady) {
             setShowAuthModal(true);

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,oBAAoB,CAAC;AAC5B,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAS5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAY5D,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;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;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,IAAW,EACX,MAAe,EACf,OAAmB,EACnB,GAAG,WAAW,EACf,EAAE,kBAAkB,2CAoRpB"}
+{"version":3,"file":"AiImageButton.d.ts","sourceRoot":"","sources":["../../src/components/AiImageButton.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAS5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAY5D,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;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;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,IAAW,EACX,MAAe,EACf,OAAmB,EACnB,GAAG,WAAW,EACf,EAAE,kBAAkB,2CAsSpB"}

package/dist/components/AiImageButton.js

@@ -18,17 +18,28 @@ export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, ui
     const [isOpen, setIsOpen] = useState(false);
     const [showAuthModal, setShowAuthModal] = useState(false);
     const [generatedImage, setGeneratedImage] = useState(null);
-    const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
+    const { showUsageToast } = useUsageToast();
     const { showErrorToast, errorData, errorKey, clearError } = useErrorToast();
     // Rendre l'authentification optionnelle
     let lbStatus;
+    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
     const aiContext = useAiContext();
@@ -36,7 +47,12 @@ export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, ui
     const apiKeyId = propApiKeyId ?? aiContext.apiKeyId;
     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) {
             setShowAuthModal(true);
@@ -66,7 +82,7 @@ export function AiImageButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, ui
                 message: t("ai.image.savedSuccess", "Image saved"),
             });
         }
-        catch (_error) {
+        catch {
             onToast?.({
                 type: "error",
                 message: t("ai.image.saveError", "Error while saving"),

package/dist/components/AiInput.d.ts

@@ -7,5 +7,5 @@ export interface AiInputProps extends Omit<BaseAiProps, "type">, Omit<InputHTMLA
     size?: AiSize;
     radius?: AiRadius;
 }
-export declare function AiInput({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, size, radius, context, model, prompt, editMode, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...inputProps }: AiInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiInput({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, size, radius, context, model, prompt, editMode: _editMode, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...inputProps }: AiInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AiInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AiInput.d.ts","sourceRoot":"","sources":["../../src/components/AiInput.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAc,EAAoB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY9D,MAAM,WAAW,YACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACjE,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,IAAW,EACX,MAAe,EACf,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,qBAA4B,EAC5B,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACd,EAAE,YAAY,2CAyNd"}
+{"version":3,"file":"AiInput.d.ts","sourceRoot":"","sources":["../../src/components/AiInput.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAc,EAAoB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY9D,MAAM,WAAW,YACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACjE,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,IAAW,EACX,MAAe,EACf,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EAAE,SAAiB,EAC3B,qBAA4B,EAC5B,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EACd,EAAE,YAAY,2CAgPd"}

package/dist/components/AiInput.js

@@ -13,22 +13,33 @@ import { LBSigninModal } from "./LBSigninModal";
 import { useAiContext } from "../context/AiProvider";
 import { useI18n } from "../context/I18nContext";
 import { useLoadingTimer } from "../hooks/useLoadingTimer";
-export function AiInput({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", size = "md", radius = "full", context, model, prompt, editMode = false, enableModelManagement = true, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...inputProps }) {
+export function AiInput({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", size = "md", radius = "full", context, model, prompt, editMode: _editMode = false, enableModelManagement = true, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...inputProps }) {
     const { t } = useI18n();
     const [isOpen, setIsOpen] = useState(false);
     const [showAuthModal, setShowAuthModal] = useState(false);
     const [inputValue, setInputValue] = useState(inputProps.value?.toString() || inputProps.defaultValue?.toString() || "");
     const inputRef = useRef(null);
-    const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
+    const { showUsageToast: _showUsageToast, toastData, toastKey, clearToast, } = useUsageToast();
     // Rendre l'authentification optionnelle
     let lbStatus;
+    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;
     let ctxApiKeyId;
@@ -43,7 +54,7 @@ export function AiInput({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode =
     }
     const baseUrl = propBaseUrl ?? ctxBaseUrl;
     const apiKeyId = propApiKeyId ?? ctxApiKeyId;
-    const { models } = useAiModels({
+    const { models: _models } = useAiModels({
         baseUrl,
         apiKeyId,
         modelType: "text-or-language",
@@ -51,7 +62,12 @@ export function AiInput({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode =
     const { generateText, loading } = useAiCallText({ baseUrl, apiKeyId });
     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 = () => {
         if (!isAuthReady) {
@@ -63,7 +79,7 @@ export function AiInput({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode =
     const handleClosePanel = () => {
         setIsOpen(false);
     };
-    const handleSubmit = async (selectedModel, selectedPrompt, promptId) => {
+    const handleSubmit = async (selectedModel, selectedPrompt, _promptId) => {
         try {
             const resolvedContext = inputValue || context || undefined;
             const hasContext = Boolean(resolvedContext && String(resolvedContext).trim());

package/dist/components/AiPromptPanel.js

@@ -32,7 +32,7 @@ export function AiPromptPanel(props) {
     // Sinon, utiliser le contexte existant
     return _jsx(AiPromptPanelInternal, { ...props });
 }
-function AiPromptPanelInternal({ isOpen, onClose, onSubmit, uiMode: _uiMode = "modal", models = [], sourceText, children, enableModelManagement = true, modelCategory = "text", availableModels = [], userModels = [], onModelToggle, apiKey, baseUrl, showOnlyUserModels = false, }) {
+function AiPromptPanelInternal({ isOpen, onClose, onSubmit, uiMode = "modal", models = [], sourceText, children, enableModelManagement = true, modelCategory = "text", availableModels = [], userModels = [], onModelToggle, apiKey, baseUrl, showOnlyUserModels = false, }) {
     const { t } = useI18n();
     const [selectedModel, setSelectedModel] = useState("");
     const [prompt, setPrompt] = useState("");
@@ -269,21 +269,45 @@ function AiPromptPanelInternal({ isOpen, onClose, onSubmit, uiMode: _uiMode = "m
     if (!portalRoot) {
         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(_jsx("div", { style: aiStyles.modal, onKeyDown: handleKeyDown, children: children(renderProps) }), portalRoot);
+        return createPortal(_jsx("div", { style: panelContainerStyle, onKeyDown: handleKeyDown, children: children(renderProps) }), portalRoot);
     }
-    return createPortal(_jsxs("div", { style: aiStyles.modal, onKeyDown: handleKeyDown, children: [_jsx("div", { style: {
+    return createPortal(_jsxs("div", { style: panelContainerStyle, onKeyDown: handleKeyDown, children: [_jsx("div", { style: {
                     ...aiStyles.modalOverlay,
                     opacity: isClosing ? 0 : 1,
                     transition: "opacity 200ms ease",
                 }, onClick: handleClose }), _jsxs("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",
                 }, children: [isGenerating && (_jsxs("div", { style: {
                             position: "absolute",

package/dist/components/AiSelect.d.ts

@@ -7,5 +7,5 @@ export interface AiSelectProps extends Omit<BaseAiProps, "type">, Omit<SelectHTM
     size?: AiSize;
     radius?: AiRadius;
 }
-export declare function AiSelect({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, size, radius, context, model, prompt, storeOutputs, artifactTitle, onValue, onToast, disabled, className, children, ...selectProps }: AiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiSelect({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, size, radius, context, model: _model, prompt: _prompt, storeOutputs, artifactTitle, onValue, onToast, disabled, className, children, ...selectProps }: AiSelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AiSelect.d.ts.map

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,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAW9D,MAAM,WAAW,aACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,IAAW,EACX,MAAe,EACf,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,aAAa,2CAgJf"}
+{"version":3,"file":"AiSelect.d.ts","sourceRoot":"","sources":["../../src/components/AiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAY,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAW9D,MAAM,WAAW,aACf,SACE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EACzB,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,IAAW,EACX,MAAe,EACf,OAAO,EACP,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,aAAa,2CAkKf"}

package/dist/components/AiSelect.js

@@ -12,20 +12,31 @@ import { handleAIError } from "../utils/errorHandler";
 import { useLB } from "../context/LBAuthProvider";
 import { useAiContext } from "../context/AiProvider";
 import { useI18n } from "../context/I18nContext";
-export function AiSelect({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", size = "md", radius = "full", context, model, prompt, storeOutputs, artifactTitle, onValue, onToast, disabled, className, children, ...selectProps }) {
+export function AiSelect({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", size = "md", radius = "full", context, model: _model, prompt: _prompt, storeOutputs, artifactTitle, onValue, onToast, disabled, className, children, ...selectProps }) {
     const { t } = useI18n();
     const [isOpen, setIsOpen] = useState(false);
     const [showAuthModal, setShowAuthModal] = useState(false);
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
     // Rendre l'authentification optionnelle
     let lbStatus;
+    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;
     let ctxApiKeyId;
@@ -46,7 +57,12 @@ export function AiSelect({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode
         modelType: "text-or-language",
     });
     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 = () => {
         if (!isAuthReady) {

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

@@ -1 +1 @@
-{"version":3,"file":"AiStatusButton.d.ts","sourceRoot":"","sources":["../../src/components/AiStatusButton.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,QAAQ,EAAU,MAAM,uBAAuB,CAAC;AAuB9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGjD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAmHD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAe,EACf,SAAc,EACd,IAAW,EACX,MAAe,GAChB,EAAE,mBAAmB,2CA2iBrB"}
+{"version":3,"file":"AiStatusButton.d.ts","sourceRoot":"","sources":["../../src/components/AiStatusButton.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,QAAQ,EAAU,MAAM,uBAAuB,CAAC;AA8B9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGjD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAmHD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAe,EACf,SAAc,EACd,IAAW,EACX,MAAe,GAChB,EAAE,mBAAmB,2CA6jBrB"}

package/dist/components/AiStatusButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import "../styles/register";
-import { useLayoutEffect, useMemo, useRef, useState, useContext } from "react";
+import { useLayoutEffect, useMemo, useRef, useState, useContext, useEffect, } from "react";
 import { createPortal } from "react-dom";
 import { ArrowRightLeft, BarChart3, FileText, Folder, History, Loader2, LogOut, Settings, Shield, } from "lucide-react";
 import { LBContext, } from "../context/LBAuthProvider";
@@ -79,6 +79,8 @@ export function AiStatusButton({ status, loading = false, className = "", size =
     let lbSelectedKey = null;
     let lbRefreshBasicStatus;
     let lbRefreshStorageStatus;
+    let lbSessionToken;
+    let lbHasSelectedApiKeyCookie = false;
     const lbContext = useContext(LBContext);
     if (lbContext) {
         lbStatus = lbContext.status;
@@ -94,6 +96,8 @@ export function AiStatusButton({ status, loading = false, className = "", size =
         lbSelectedKey = lbContext.selectedKey || null;
         lbRefreshBasicStatus = lbContext.refreshBasicStatus;
         lbRefreshStorageStatus = lbContext.refreshStorageStatus;
+        lbSessionToken = lbContext.session?.sessionToken;
+        lbHasSelectedApiKeyCookie = lbContext.hasSelectedApiKeyCookie;
     }
     else {
         lbStatus = undefined;
@@ -113,13 +117,13 @@ export function AiStatusButton({ status, loading = false, className = "", size =
     const buttonRef = useRef(null);
     const tooltipRef = useRef(null);
     const canPortal = typeof document !== "undefined";
-    const effectiveStatus = lbStatus === "ready"
+    const effectiveStatus = useMemo(() => lbStatus === "ready"
         ? {
             ...(lbApiStatus || {}),
             ...(lbBasicStatus || {}),
             storage: lbStorageStatus?.storage || lbApiStatus?.storage,
         }
-        : status || null;
+        : status || null, [lbApiStatus, lbBasicStatus, lbStatus, lbStorageStatus, status]);
     const hasApiKeySelected = Boolean(effectiveStatus?.apiKey?.id ||
         effectiveStatus?.api_key?.id ||
         lbSelectedKey?.id);
@@ -128,9 +132,19 @@ export function AiStatusButton({ status, loading = false, className = "", size =
         typeof effectiveStatus.authType === "string"
         ? effectiveStatus.authType
         : undefined;
-    const requiresApiKeySelection = lbStatus === "ready" && !hasApiKeySelected && apiKeys.length > 0;
+    const hasLbSession = Boolean(lbSessionToken);
+    const requiresApiKeySelection = lbStatus === "ready" &&
+        hasLbSession &&
+        (!lbHasSelectedApiKeyCookie || !hasApiKeySelected) &&
+        apiKeys.length > 0;
     const isApiKeyAuthMode = authTypeValue === "api_key";
     const [tooltipStyle, setTooltipStyle] = useState({});
+    useEffect(() => {
+        if (requiresApiKeySelection) {
+            setShowApiKeySelector(true);
+            setShowTooltip(false);
+        }
+    }, [requiresApiKeySelection]);
     useLayoutEffect(() => {
         if (!showTooltip || !buttonRef.current || !canPortal) {
             return;

package/dist/components/AiTextarea.d.ts

@@ -5,6 +5,7 @@ export interface AiTextareaProps extends Omit<BaseAiProps, "type">, Omit<Textare
     uiMode?: "modal" | "drawer";
     size?: AiSize;
     radius?: AiRadius;
+    onPanelOpenChange?: (isOpen: boolean) => void;
 }
-export declare function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, size, radius, context, model, prompt, editMode, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...textareaProps }: AiTextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode, size, radius, onPanelOpenChange, context, model, prompt, editMode: _editMode, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...textareaProps }: AiTextareaProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AiTextarea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AiTextarea.d.ts","sourceRoot":"","sources":["../../src/components/AiTextarea.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAc,EAIZ,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY9D,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;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,IAAW,EACX,MAAa,EACb,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAgB,EAChB,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACjB,EAAE,eAAe,2CA+OjB"}
+{"version":3,"file":"AiTextarea.d.ts","sourceRoot":"","sources":["../../src/components/AiTextarea.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAC5B,OAAc,EAIZ,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY9D,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;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,MAAgB,EAChB,IAAW,EACX,MAAa,EACb,iBAAiB,EACjB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EAAE,SAAiB,EAC3B,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,aAAa,EACjB,EAAE,eAAe,2CAqQjB"}

package/dist/components/AiTextarea.js

@@ -13,7 +13,7 @@ import { LBSigninModal } from "./LBSigninModal";
 import { useAiContext } from "../context/AiProvider";
 import { useI18n } from "../context/I18nContext";
 import { useLoadingTimer } from "../hooks/useLoadingTimer";
-export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", size = "md", radius = "lg", context, model, prompt, editMode = false, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...textareaProps }) {
+export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", size = "md", radius = "lg", onPanelOpenChange, context, model, prompt, editMode: _editMode = false, enableModelManagement, storeOutputs, artifactTitle, onValue, onToast, disabled, className, ...textareaProps }) {
     const { t } = useI18n();
     const [isOpen, setIsOpen] = useState(false);
     const [showAuthModal, setShowAuthModal] = useState(false);
@@ -24,13 +24,22 @@ export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMod
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
     // Rendre l'authentification optionnelle
     let lbStatus;
+    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;
+        hasLBProvider = false;
     }
     let ctxBaseUrl;
     let ctxApiKeyId;
@@ -45,7 +54,11 @@ export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMod
     }
     const baseUrl = propBaseUrl ?? ctxBaseUrl;
     const apiKeyId = propApiKeyId ?? ctxApiKeyId;
-    const { models } = useAiModels({
+    const needsApiKeySelection = hasLBProvider &&
+        lbStatus === "ready" &&
+        lbHasSession &&
+        (!lbHasSelectedKey || !lbHasSelectedApiKeyCookie);
+    const { models: _models } = useAiModels({
         baseUrl,
         apiKeyId,
         modelType: "text-or-language",
@@ -53,7 +66,10 @@ export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMod
     const { generateText, loading } = useAiCallText({ baseUrl, apiKeyId });
     const { formatted: loadingElapsed } = useLoadingTimer(loading);
     const hasConfiguration = Boolean(model && prompt);
-    const isAuthReady = lbStatus === "ready" || Boolean(process.env.LB_API_KEY);
+    const isAuthReady = hasLBProvider
+        ? !needsApiKeySelection &&
+            (lbStatus === "ready" || Boolean(process.env.LB_API_KEY))
+        : Boolean(process.env.LB_API_KEY);
     const shouldShowSparkles = isAuthReady && !disabled;
     const handleOpenPanel = () => {
         if (!isAuthReady) {
@@ -61,11 +77,13 @@ export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMod
             return;
         }
         setIsOpen(true);
+        onPanelOpenChange?.(true);
     };
     const handleClosePanel = () => {
         setIsOpen(false);
+        onPanelOpenChange?.(false);
     };
-    const handleSubmit = async (selectedModel, selectedPrompt, promptId) => {
+    const handleSubmit = async (selectedModel, selectedPrompt, _promptId) => {
         try {
             const resolvedContext = textareaValue || context || undefined;
             const hasContext = Boolean(resolvedContext && String(resolvedContext).trim());
@@ -93,7 +111,7 @@ export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMod
                 showUsageToast(result);
             }
         }
-        catch (error) {
+        catch {
             onToast?.({
                 type: "error",
                 message: t("ai.generationError", "Failed to generate text"),
@@ -101,6 +119,7 @@ export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMod
         }
         finally {
             setIsOpen(false);
+            onPanelOpenChange?.(false);
         }
     };
     const handleQuickGenerate = async () => {
@@ -162,5 +181,5 @@ export function AiTextarea({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMod
                             ? t("auth.required", "Authentication required")
                             : hasConfiguration
                                 ? t("ai.generate", "Generate with AI")
-                                : t("ai.setup", "Setup AI"), children: loading ? (_jsx(Loader2, { size: 16, className: "ai-spinner" })) : shouldShowSparkles ? (_jsx(Sparkles, { size: 16 })) : (_jsx(Lock, { size: 16 })) })] }), loading ? (_jsx("span", { className: "ai-control-timer", children: t("ai.loading.elapsed", "{seconds}", { seconds: loadingElapsed }) })) : null, isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: [], modelCategory: "text", sourceText: textareaValue || undefined, baseUrl: baseUrl, apiKey: apiKeyId, enableModelManagement: enableModelManagement, showOnlyUserModels: true })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })] }));
+                                : t("ai.setup", "Setup AI"), children: loading ? (_jsx(Loader2, { size: 16, className: "ai-spinner" })) : shouldShowSparkles ? (_jsx(Sparkles, { size: 16 })) : (_jsx(Lock, { size: 16 })) })] }), loading ? (_jsx("span", { className: "ai-control-timer", children: t("ai.loading.elapsed", "{seconds}", { seconds: loadingElapsed }) })) : null, isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: [], modelCategory: "text", sourceText: textareaValue || undefined, baseUrl: baseUrl, apiKey: apiKeyId, enableModelManagement: enableModelManagement, showOnlyUserModels: true })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), hasLBProvider ? (_jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })) : null] }));
 }

package/dist/components/ErrorToast.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "../styles/register";
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { X, AlertCircle } from "lucide-react";
 import { useI18n } from "../context/I18nContext";
 export function ErrorToast({ error, position = "bottom-right", onComplete, }) {
@@ -10,7 +10,7 @@ export function ErrorToast({ error, position = "bottom-right", onComplete, }) {
     const [isClosing, setIsClosing] = useState(false);
     const fadeTimeoutRef = useRef(null);
     const autoCloseTimeoutRef = useRef(null);
-    const handleClose = () => {
+    const handleClose = useCallback(() => {
         if (isClosing)
             return;
         // Clear auto-close timeout if user closes manually
@@ -22,7 +22,7 @@ export function ErrorToast({ error, position = "bottom-right", onComplete, }) {
             setIsVisible(false);
             onComplete?.();
         }, 200);
-    };
+    }, [isClosing, onComplete]);
     useEffect(() => {
         if (error) {
             // Show toast immediately

package/dist/components/LBKeyPicker.js

@@ -5,7 +5,7 @@ import "../styles/register";
  * Composant LBKeyPicker
  * Permet de changer de clé API sans se reconnecter
  */
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useLB } from "../hooks/useLB";
 import { useI18n } from "../context/I18nContext";
 export function LBKeyPicker({ className = "", onKeyChanged, }) {
@@ -15,12 +15,7 @@ export function LBKeyPicker({ className = "", onKeyChanged, }) {
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState("");
     const [showDropdown, setShowDropdown] = useState(false);
-    useEffect(() => {
-        if (status === "ready" && accessToken) {
-            loadKeys();
-        }
-    }, [status, accessToken]);
-    const loadKeys = async () => {
+    const loadKeys = useCallback(async () => {
         if (!accessToken)
             return;
         try {
@@ -28,13 +23,18 @@ export function LBKeyPicker({ className = "", onKeyChanged, }) {
             const keys = await fetchApiKeys(accessToken);
             setApiKeys(keys);
         }
-        catch (err) {
+        catch {
             setError(t("lb.keypicker.loadError", "Unable to load API keys"));
         }
         finally {
             setLoading(false);
         }
-    };
+    }, [accessToken, fetchApiKeys, t]);
+    useEffect(() => {
+        if (status === "ready" && accessToken) {
+            loadKeys();
+        }
+    }, [accessToken, loadKeys, status]);
     const handleSelectKey = async (keyId) => {
         if (!accessToken)
             return;

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

@@ -1 +1 @@
-{"version":3,"file":"LBSigninModal.d.ts","sourceRoot":"","sources":["../../src/components/LBSigninModal.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAQ5B,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,sCAsPpE"}
+{"version":3,"file":"LBSigninModal.d.ts","sourceRoot":"","sources":["../../src/components/LBSigninModal.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAS5B,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,sCAsPpE"}

package/dist/components/UsageToast.d.ts

@@ -1,13 +1,13 @@
 import "../styles/register";
 interface UsageToastProps {
-    result: unknown;
+    result: any;
     position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
     onComplete?: () => void;
 }
 export declare function UsageToast({ result, position, onComplete, }: UsageToastProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function useUsageToast(): {
-    showUsageToast: (result: unknown) => void;
-    toastData: unknown;
+    showUsageToast: (result: any) => void;
+    toastData: any;
     toastKey: number;
     clearToast: () => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"UsageToast.d.ts","sourceRoot":"","sources":["../../src/components/UsageToast.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAK5B,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACrE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAyB,EACzB,UAAU,GACX,EAAE,eAAe,kDAmJjB;AAED,wBAAgB,aAAa;6BAIK,OAAO;;;;EAgBxC"}
+{"version":3,"file":"UsageToast.d.ts","sourceRoot":"","sources":["../../src/components/UsageToast.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAK5B,UAAU,eAAe;IACvB,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACrE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAyB,EACzB,UAAU,GACX,EAAE,eAAe,kDAmJjB;AAED,wBAAgB,aAAa;6BAIK,GAAG;;;;EAgBpC"}

package/dist/context/LBAuthProvider.d.ts

@@ -88,6 +88,8 @@ interface LBContextValue extends LBAuthState {
     isLoadingStatus: boolean;
     /** Indique si le storage est en cours de chargement */
     isLoadingStorage: boolean;
+    /** True si le cookie api_key_selected est présent */
+    hasSelectedApiKeyCookie: boolean;
 }
 declare const LBContext: import("react").Context<LBContextValue | undefined>;
 export { LBContext };