@lastbrain/ai-ui-react 1.0.32 → 1.0.34

package/dist/components/AiChipLabel.d.ts

@@ -14,8 +14,10 @@ export interface AiChipInputProps {
     maxChips?: number;
     allowDuplicates?: boolean;
     className?: string;
+    storeOutputs?: boolean;
+    artifactTitle?: string;
     baseUrl?: string;
     apiKeyId?: string;
 }
-export declare function AiChipInput({ value, onChange, placeholder, context, maxChips, allowDuplicates, className, baseUrl: propBaseUrl, apiKeyId: propApiKeyId, }: AiChipInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiChipInput({ value, onChange, placeholder, context, maxChips, allowDuplicates, className, storeOutputs, artifactTitle, baseUrl: propBaseUrl, apiKeyId: propApiKeyId, }: AiChipInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AiChipLabel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AiChipLabel.d.ts","sourceRoot":"","sources":["../../src/components/AiChipLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAmB,EACnB,SAAS,EACT,KAAK,EAAE,WAAW,GACnB,EAAE,gBAAgB,2CAgClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAQ,EACR,WAAoE,EACpE,OAAO,EACP,QAAQ,EACR,eAAuB,EACvB,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,GACvB,EAAE,gBAAgB,2CA4LlB"}
+{"version":3,"file":"AiChipLabel.d.ts","sourceRoot":"","sources":["../../src/components/AiChipLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAmB,EACnB,SAAS,EACT,KAAK,EAAE,WAAW,GACnB,EAAE,gBAAgB,2CAgClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,QAAQ,EACR,WAAoE,EACpE,OAAO,EACP,QAAQ,EACR,eAAuB,EACvB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,GACvB,EAAE,gBAAgB,2CA8LlB"}

package/dist/components/AiChipLabel.js

@@ -33,7 +33,7 @@ export function AiChipLabel({ children, variant = "default", className, style: c
             ...customStyle,
         }, className: className, children: children }));
 }
-export function AiChipInput({ value = [], onChange, placeholder = "Tapez et appuyez sur Entrée pour ajouter des tags...", context, maxChips, allowDuplicates = false, className, baseUrl: propBaseUrl, apiKeyId: propApiKeyId, }) {
+export function AiChipInput({ value = [], onChange, placeholder = "Tapez et appuyez sur Entrée pour ajouter des tags...", context, maxChips, allowDuplicates = false, className, storeOutputs, artifactTitle, baseUrl: propBaseUrl, apiKeyId: propApiKeyId, }) {
     const [inputValue, setInputValue] = useState("");
     const [showPromptPanel, setShowPromptPanel] = useState(false);
     const inputRef = useRef(null);
@@ -88,6 +88,8 @@ Exemple de réponse attendue: javascript, react, frontend, api, development`;
             const response = await generateText({
                 model,
                 prompt: instruction,
+                storeOutputs,
+                artifactTitle: artifactTitle || "Tags générés par IA",
             });
             const chips = parseChipsFromResponse(response.text);
             // Fermer le modal immédiatement

package/dist/components/AiContextButton.js

@@ -16,19 +16,19 @@ export function AiContextButton({ baseUrl: propBaseUrl, apiKeyId: propApiKeyId,
     const [analysisResult, setAnalysisResult] = useState(null);
     const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
     const { showErrorToast, errorData, errorKey, clearError } = useErrorToast();
-    // Utiliser directement les props pour les hooks (pas de context pour éviter les appels inutiles)
+    // Récupérer le contexte AiProvider avec fallback sur les props
+    const aiContext = useAiContext();
+    const baseUrl = propBaseUrl ?? aiContext.baseUrl;
+    const apiKeyId = propApiKeyId ?? aiContext.apiKeyId;
+    // Utiliser les valeurs résolues pour les hooks
     const { models, loading: modelsLoading } = useAiModels({
-        baseUrl: propBaseUrl,
-        apiKeyId: propApiKeyId,
+        baseUrl,
+        apiKeyId,
     });
     const { generateText: callText, loading } = useAiCallText({
-        baseUrl: propBaseUrl,
-        apiKeyId: propApiKeyId,
+        baseUrl,
+        apiKeyId,
     });
-    // Récupérer le contexte AiProvider avec fallback sur les props pour l'affichage
-    const aiContext = useAiContext();
-    const baseUrl = propBaseUrl ?? aiContext.baseUrl;
-    const apiKeyId = propApiKeyId ?? aiContext.apiKeyId;
     const handleOpenPanel = () => {
         console.log("Opening panel, models:", models, "loading:", modelsLoading);
         setIsOpen(true);

package/package.json

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

package/src/components/AiChipLabel.tsx

@@ -63,6 +63,8 @@ export interface AiChipInputProps {
   maxChips?: number;
   allowDuplicates?: boolean;
   className?: string;
+  storeOutputs?: boolean; // Pour stocker les résultats (API externe)
+  artifactTitle?: string; // Titre de l'artefact stocké
   // Props optionnelles pour override du contexte (si nécessaire)
   baseUrl?: string;
   apiKeyId?: string;
@@ -76,6 +78,8 @@ export function AiChipInput({
   maxChips,
   allowDuplicates = false,
   className,
+  storeOutputs,
+  artifactTitle,
   baseUrl: propBaseUrl,
   apiKeyId: propApiKeyId,
 }: AiChipInputProps) {
@@ -140,6 +144,8 @@ Exemple de réponse attendue: javascript, react, frontend, api, development`;
       const response = await generateText({
         model,
         prompt: instruction,
+        storeOutputs,
+        artifactTitle: artifactTitle || "Tags générés par IA",
       });
 
       const chips = parseChipsFromResponse(response.text);

package/src/components/AiContextButton.tsx

@@ -63,21 +63,21 @@ export function AiContextButton({
   const { showUsageToast, toastData, toastKey, clearToast } = useUsageToast();
   const { showErrorToast, errorData, errorKey, clearError } = useErrorToast();
 
-  // Utiliser directement les props pour les hooks (pas de context pour éviter les appels inutiles)
+  // Récupérer le contexte AiProvider avec fallback sur les props
+  const aiContext = useAiContext();
+  const baseUrl = propBaseUrl ?? aiContext.baseUrl;
+  const apiKeyId = propApiKeyId ?? aiContext.apiKeyId;
+
+  // Utiliser les valeurs résolues pour les hooks
   const { models, loading: modelsLoading } = useAiModels({
-    baseUrl: propBaseUrl,
-    apiKeyId: propApiKeyId,
+    baseUrl,
+    apiKeyId,
   });
   const { generateText: callText, loading } = useAiCallText({
-    baseUrl: propBaseUrl,
-    apiKeyId: propApiKeyId,
+    baseUrl,
+    apiKeyId,
   });
 
-  // Récupérer le contexte AiProvider avec fallback sur les props pour l'affichage
-  const aiContext = useAiContext();
-  const baseUrl = propBaseUrl ?? aiContext.baseUrl;
-  const apiKeyId = propApiKeyId ?? aiContext.apiKeyId;
-
   const handleOpenPanel = () => {
     console.log("Opening panel, models:", models, "loading:", modelsLoading);
     setIsOpen(true);