@lastbrain/ai-ui-react 1.0.67 → 1.0.69

package/dist/components/AiSelect.js

@@ -1,19 +1,18 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Sparkles, Lock } from "lucide-react";
+import { ChevronDown, Loader2, Lock, Sparkles } from "lucide-react";
 import { useAiCallText } from "../hooks/useAiCallText";
 import { useAiModels } from "../hooks/useAiModels";
 import { AiPromptPanel } from "./AiPromptPanel";
 import { UsageToast, useUsageToast } from "./UsageToast";
 import { LBSigninModal } from "./LBSigninModal";
-import { aiStyles } from "../styles/inline";
 import { handleAIError } from "../utils/errorHandler";
 import { useLB } from "../context/LBAuthProvider";
-export function AiSelect({ baseUrl, apiKeyId, uiMode = "modal", context, model, prompt, storeOutputs, artifactTitle, onValue, onToast, disabled, className, children, ...selectProps }) {
+import { useAiContext } from "../context/AiProvider";
+export function AiSelect({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId, uiMode = "modal", size = "md", radius = "full", context, model, prompt, storeOutputs, artifactTitle, onValue, onToast, disabled, className, children, ...selectProps }) {
     const [isOpen, setIsOpen] = useState(false);
     const [showAuthModal, setShowAuthModal] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
     // Rendre l'authentification optionnelle
     let lbStatus;
@@ -25,6 +24,19 @@ export function AiSelect({ baseUrl, apiKeyId, uiMode = "modal", context, model,
         // LBProvider n'est pas disponible, ignorer
         lbStatus = undefined;
     }
+    let ctxBaseUrl;
+    let ctxApiKeyId;
+    try {
+        const aiContext = useAiContext();
+        ctxBaseUrl = aiContext.baseUrl;
+        ctxApiKeyId = aiContext.apiKeyId;
+    }
+    catch {
+        ctxBaseUrl = undefined;
+        ctxApiKeyId = undefined;
+    }
+    const baseUrl = propBaseUrl ?? ctxBaseUrl;
+    const apiKeyId = propApiKeyId ?? ctxApiKeyId;
     const { models } = useAiModels({
         baseUrl,
         apiKeyId,
@@ -66,30 +78,9 @@ export function AiSelect({ baseUrl, apiKeyId, uiMode = "modal", context, model,
             setIsOpen(false);
         }
     };
-    return (_jsxs("div", { style: { width: "100%", position: "relative" }, className: className, children: [_jsx("select", { ...selectProps, style: {
-                    ...aiStyles.select,
-                    ...(isFocused && aiStyles.selectFocus),
-                    paddingRight: "40px", // Space for AI button
-                }, onFocus: (e) => {
-                    setIsFocused(true);
-                    selectProps.onFocus?.(e);
-                }, onBlur: (e) => {
-                    setIsFocused(false);
-                    selectProps.onBlur?.(e);
-                }, disabled: disabled || loading, children: children }), _jsx("button", { onClick: handleOpenPanel, style: {
-                    position: "absolute",
-                    right: "8px",
-                    top: "50%",
-                    transform: "translateY(-50%)",
-                    background: "none",
-                    border: "none",
-                    cursor: "pointer",
-                    padding: "4px",
-                    borderRadius: "4px",
-                    display: "flex",
-                    alignItems: "center",
-                    color: shouldShowSparkles ? "#6366f1" : "#ef4444",
-                }, title: shouldShowSparkles
-                    ? "Générer avec l'IA"
-                    : "Se connecter pour utiliser l'IA", disabled: disabled || loading, children: loading ? (_jsx("svg", { style: aiStyles.spinner, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: _jsx("path", { d: "M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83" }) })) : shouldShowSparkles ? (_jsx(Sparkles, { size: 16 })) : (_jsx(Lock, { size: 16 })) }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: models || [] })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })] }));
+    const sizeClass = `ai-size-${size}`;
+    const radiusClass = `ai-radius-${radius}`;
+    return (_jsxs("div", { className: `ai-control-group ai-glow ${className || ""}`, children: [_jsxs("div", { className: `ai-shell ${sizeClass} ${radiusClass}`, children: [_jsx("select", { ...selectProps, className: `ai-control ai-control-input ai-control-select ${sizeClass} ${radiusClass}`, disabled: disabled || loading, children: children }), _jsx("span", { className: "ai-control-select-chevron", "aria-hidden": "true", children: _jsx(ChevronDown, { size: 14 }) }), _jsx("button", { className: `ai-control-action ai-spark ${sizeClass} ${radiusClass}`, onClick: handleOpenPanel, title: shouldShowSparkles
+                            ? "Générer avec l'IA"
+                            : "Se connecter pour utiliser l'IA", disabled: disabled || loading, type: "button", children: loading ? (_jsx(Loader2, { size: 16, className: "ai-spinner" })) : shouldShowSparkles ? (_jsx(Sparkles, { size: 16 })) : (_jsx(Lock, { size: 16 })) })] }), isOpen && (_jsx(AiPromptPanel, { isOpen: isOpen, onClose: handleClosePanel, onSubmit: handleSubmit, uiMode: uiMode, models: models || [] })), Boolean(toastData) && (_jsx(UsageToast, { result: toastData, position: "bottom-right", onComplete: clearToast }, toastKey)), _jsx(LBSigninModal, { isOpen: showAuthModal, onClose: () => setShowAuthModal(false) })] }));
 }

package/dist/components/AiStatusButton.d.ts

@@ -1,8 +1,11 @@
 import type { AiStatus } from "@lastbrain/ai-ui-core";
+import type { AiRadius, AiSize } from "../types";
 export interface AiStatusButtonProps {
     status: AiStatus | null;
     loading?: boolean;
     className?: string;
+    size?: AiSize;
+    radius?: AiRadius;
 }
-export declare function AiStatusButton({ status, loading, className, }: AiStatusButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiStatusButton({ status, loading, className, size, radius, }: AiStatusButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AiStatusButton.d.ts.map

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,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAmBtD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAe,EACf,SAAc,GACf,EAAE,mBAAmB,2CAm0CrB"}
+{"version":3,"file":"AiStatusButton.d.ts","sourceRoot":"","sources":["../../src/components/AiStatusButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkBtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEjD,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,2CAuerB"}