data-primals-engine 1.2.2 → 1.2.4

package/CONTRIBUTING.md

@@ -0,0 +1,91 @@
+# Contributing to Data Primals Engine
+
+Hello and a huge thank you for your interest in `data-primals-engine`! 🎉
+
+We're thrilled to see you want to help us build an even better tool. Every contribution, big or small, is valuable and appreciated. This document is here to guide you.
+
+## Code of Conduct
+
+To ensure a welcoming and collaborative environment, we expect all contributors to follow our Code of Conduct. In short: be respectful, constructive, and open-minded.
+
+## How Can I Contribute?
+
+There are many ways to contribute, and all are welcome:
+
+### 🐛 Reporting Bugs
+
+- **Check existing issues** to see if someone has already reported the same bug.
+- If not, open a new issue.
+- Describe the bug as precisely as possible:
+  - How to reproduce it?
+  - What was the expected behavior?
+  - What is the actual behavior?
+  - Include screenshots or logs if possible.
+
+### 💡 Suggesting Enhancements
+
+Have an idea for a new feature or an improvement?
+- Open a new issue to discuss it.
+- Clearly explain the "why": what problem does this feature solve?
+- Describe the "how": how do you imagine it would work?
+
+### ✍️ Creating a Module
+
+Modules are the primary way to extend the engine's functionality. They can add new API endpoints, listen to events, or perform background tasks.
+
+#### 1. File Structure
+
+The recommended way to create a module is to add a new directory inside `src/modules/`. The engine will automatically discover it if you follow the conventions.
+
+For a module named `greeter`:
+```
++src/
++└── modules/
+    •└── greeter/
+    •   ├── index.js       # The module's entry point
+    •   └── greeter-logic.js # (Optional) Other logic files
+```
+#### 2. The onInit function 
++ The entry point of your module (index.js) must export an async function called onInit :
+```javascript
+let engine, logger;
+export async function onInit(defaultEngine) {
+    engine = defaultEngine;
+    logger = engine.getComponent(Logger);
+    // ...
+};
+```
+### 🚀 Submitting Pull Requests
+
+If you're ready to write code, that's fantastic!
+
+1.  **Find an issue**: Look for issues with the `good first issue` or `help wanted` labels. Comment on the issue to let us know you're working on it.
+2.  **Fork the repository** to your own GitHub account.
+3.  **Clone your fork** locally: `git clone https://github.com/YOUR_USERNAME/data-primals-engine.git`
+4.  **Create a branch** for your changes: `git checkout -b feature/your-feature-name` or `fix/bug-description`.
+5.  **Make your changes**. Be sure to follow the project's style conventions.
+6.  **Start the development server** to test your changes: `npm run dev`.
+7.  **Commit your changes** with a clear message: `git commit -m "feat: Add feature X"`. (We follow the Conventional Commits specification).
+8.  **Push your branch** to your fork: `git push origin feature/your-feature-name`.
+9.  **Open a Pull Request** from your fork to the original repository's `main` branch.
+10. **Link your PR** to the corresponding issue.
+
+### 📖 Improving Documentation
+
+Good documentation is essential. If you find a typo, an unclear explanation, or think a section is missing, please don't hesitate to suggest a change!
+
+---
+
+## ✨ Our Awesome Contributors
+
+This project wouldn't exist without the incredible people who have given their time and expertise. A huge thank you to each and every one of you!
+
+<a href="https://github.com/anonympins/data-primals-engine/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=anonympins/data-primals-engine" />
+</a>
+
+*This list is updated automatically.*
+
+---
+
+Thanks again for your contribution! We can't wait to see what we'll build together.

package/README.md

@@ -26,7 +26,7 @@
 - **Event-Driven & Extensible**: A core event system allows for deep customization and the easy creation of new modules or plugins.
 - **Authentication & Authorization**: Robust role-based access control (RBAC) and pluggable user providers.
 - **Built-in File Management**: Handle file uploads seamlessly with integrated support for AWS S3 storage.
-- **🧠 AI Integration**: Natively supports OpenAI and Google Gemini models via LangChain for content generation, analysis, and more.
+- **🧠 AI Integration**: Natively supports OpenAI, DeepSeek and Google Gemini models via LangChain for content generation, analysis, and more.
 - **🌐 Internationalization (i18n)**: Fully supports multilingual interfaces and user-specific translated data.
 - **📦 Starter Packs**: Quickly bootstrap applications with pre-built data packs for CRM, e-commerce, and more.
 - **📄Auto-Generated API Documentation**: Interactive API documentation available via the interface or at `/api-docs`.
@@ -182,6 +182,20 @@ Activatable features:
 - Define your model
 - Set up workflow: "When new entry → generate AI content"
 
+### 📧 Email Campaign Management
+The "Marketing & Campaigning" starter pack provides a powerful solution for sending large-scale email campaigns without overloading your server.
+
+- **Install the Pack**: A single command installs the necessary models (`campaign`, `audience`) and a sophisticated workflow.
+- **Dynamic Audiences**: Create target audiences with MongoDB filters. For example, select all contacts with the "newsletter" tag or located in a specific country.
+- **Personalized Content**: Use variables like `{recipient.firstName}` in the subject and body of your emails for a personal touch.
+- **Automated & Scalable Sending**: When you schedule a campaign, a pre-configured workflow takes over:
+    - It processes your audience in small batches (e.g., 10 recipients at a time).
+    - It sends emails to each batch and waits before processing the next, ensuring stability.
+    - It tracks processed recipients to avoid duplicates and allow the campaign to be safely paused and resumed.
+    - Once all emails are sent, the campaign is automatically marked as "completed".
+
+This use case demonstrates how starter packs and workflows can automate complex, performance-critical business logic right out of the box.
+
 ---
 
 ## 🔌 API Examples (using `curl`)
@@ -290,8 +304,7 @@ curl -X DELETE http://localhost:7633/api/data?_user=demo \
 Make sure you use the code below to initialize the user : 
 ```javascript
 import express from "express";
-import { Engine } from 'data-primals-engine/engine';
-import { insertData, searchData } from 'data-primals-engine/modules/data';
+import {Engine, insertData, searchData } from './src/index';
 
 // Ensure the engine is initialized
 
@@ -631,20 +644,23 @@ Event.Listen("OnDataAdded", (engine, data) => {
 }, "event", "system");
 ```
 
-| Event | Description                                                             | Scope | Triggered by | Arguments (Payload) | 
-| :--- |:------------------------------------------------------------------------| :--- | :--- | :--- |
-| OnServerStart | Triggered once the HTTP server is started and listening.                | System | engine.start() | engine | 
-| OnServerStop | Triggered right after the HTTP server is stopped.                       | System | engine.stop() | engine |
-| OnModelsLoaded | Triggered after the initial models are loaded and validated at startup. | System | setupInitialModels() | engine, dbModels |
-| OnModelsDeleted | Triggered after all models are deleted via the reset function.          | System | engine.resetModels() | engine | 
-| OnUserDataDumped | Triggered after a user's data has been backed up (dumped).              | System | jobDumpUserData() | engine | 
-| OnDataRestored | Triggered after a user's data has been restored from a backup.          | System | loadFromDump() | (none) |
-| OnPackInstalled | Triggered after a data pack has been successfully installed.            | System | installPack() | pack | 
-| OnModelEdited | Triggered after a model definition has been modified.                   | System & User | editModel() | System: engine, newModel (Pipeline*)<br>User: newModel (or the version modified by the system) | 
-| OnDataAdded | Triggered after new data has been inserted.                             | System & User | insertData() | System: engine, insertedIds (Pipeline*)<br>User: insertedIds (or the version modified by the system) | 
-| OnDataDeleted | Triggered just after data is actually deleted.                          | System & User | deleteData() | System: engine, {model, filter} (Pipeline*)<br>User: {model, filter} | 
-| OnDataSearched | Triggered after a data search.                                          | System & User | searchData() | System: engine, {data, count} (Pipeline*)<br>User: {data, count} (or the version modified by the system) | 
-| OnDataExported | Triggered after a data export.                                          | System & User | exportData() | System: engine, exportResults, modelsToExport (Pipeline*)<br>User: exportResults, modelsToExport (or the version modified by the system) |
+| Event            | Description                                                             | Scope         | Triggered by         | Arguments (Payload)                                                                                                                      | 
+|:-----------------|:------------------------------------------------------------------------|:--------------|:---------------------|:-----------------------------------------------------------------------------------------------------------------------------------------|
+| OnServerStart    | Triggered once the HTTP server is started and listening.                | System        | engine.start()       | engine                                                                                                                                   | 
+| OnServerStop     | Triggered right after the HTTP server is stopped.                       | System        | engine.stop()        | engine                                                                                                                                   |
+| OnModelsLoaded   | Triggered after the initial models are loaded and validated at startup. | System        | setupInitialModels() | engine, dbModels                                                                                                                         |
+| OnModelsDeleted  | Triggered after all models are deleted via the reset function.          | System        | engine.resetModels() | engine                                                                                                                                   | 
+| OnUserDataDumped | Triggered after a user's data has been backed up (dumped).              | System        | jobDumpUserData()    | engine                                                                                                                                   | 
+| OnDataRestored   | Triggered after a user's data has been restored from a backup.          | System        | loadFromDump()       | (none)                                                                                                                                   |
+| OnPackInstalled  | Triggered after a data pack has been successfully installed.            | System        | installPack()        | pack                                                                                                                                     | 
+| OnModelEdited    | Triggered after a model definition has been modified.                   | System & User | editModel()          | System: engine, newModel (Pipeline*)<br>User: newModel (or the version modified by the system)                                           | 
+| OnDataAdded      | Triggered after new data has been inserted.                             | System & User | insertData()         | System: engine, insertedIds (Pipeline*)<br>User: insertedIds (or the version modified by the system)                                     | 
+| OnDataDeleted    | Triggered just after data is actually deleted.                          | System & User | deleteData()         | System: engine, {model, filter} (Pipeline*)<br>User: {model, filter}                                                                     | 
+| OnDataSearched   | Triggered after a data search.                                          | System & User | searchData()         | System: engine, {data, count} (Pipeline*)<br>User: {data, count} (or the version modified by the system)                                 | 
+| OnDataExported   | Triggered after a data export.                                          | System & User | exportData()         | System: engine, exportResults, modelsToExport (Pipeline*)<br>User: exportResults, modelsToExport (or the version modified by the system) |
+| OnDataInsert     | Triggered just before data insertion. It will use the override data     | System        | internal             | (data)                                                                                                                                   |
+| OnDataValidate   | Triggered after a data internal validation check.                       | System        | internal             | (value, field, data)                                                                                                                     |
+| OnDataFilter     | Triggered after a data internal data filtering operation.               | System        | internal             | (filteredValue, field, data)                                                                                                             |
 
 ### Triggering events
 

package/client/src/App.jsx

@@ -61,7 +61,6 @@ import i18next from "i18next";
 import {websiteTranslations} from "./translations.js";
 
 import { Tooltip } from 'react-tooltip';
-import {availableLangs} from "data-primals-engine/constants";
 
 let queryClient = new QueryClient();
 
@@ -143,8 +142,6 @@ function Layout ({header, routes, body, footer}) {
                     google: availableKeys.find(key => key.name === 'GOOGLE_API_KEY')?.value || (useAI ? process.env.GOOGLE_API_KEY : undefined),
                 };
 
-
-                console.log(newConfig)
                 // On met à jour l'état si au moins une clé est disponible
                 if (newConfig.openai || newConfig.google) {
                     setAssistantConfig(newConfig);
@@ -305,7 +302,6 @@ function Layout ({header, routes, body, footer}) {
 
         return () => {
             if (eventSource) {
-                //console.log('[SSE] Fermeture de la connexion au serveur.');
                 eventSource.close();
             }
         };
@@ -581,7 +577,6 @@ const BaseLayout=()=>{
         <h1 className="flex-1">{seoTitle}</h1>
         <div className="center">
             <SelectField label={<FaLanguage />} items={allLangs} onChange={(e) => {
-                console.log(e.value);
                 changeLanguage(e.value);
             }} />
         </div>

package/client/src/ConditionBuilder.scss

@@ -693,4 +693,37 @@
   font-weight: bold;
   margin-bottom: 4px;
   color: #555;
-}
+}
+.field-input-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.date-input-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.toggle-date-mode {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: #666;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.toggle-date-mode:hover {
+  color: #333;
+}
+
+input[type="datetime-local"] {
+  padding: 6px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+}

package/client/src/ConditionBuilder2.jsx

@@ -1,6 +1,6 @@
 import React, {useEffect, useState} from 'react';
 import { Tooltip } from 'react-tooltip';
-import {FaPlus, FaProjectDiagram, FaTrash, FaInfoCircle, FaEdit, FaTags} from 'react-icons/fa';
+import {FaPlus, FaProjectDiagram, FaTrash, FaInfoCircle, FaEdit, FaTags, FaCalendarAlt} from 'react-icons/fa';
 import { Trans } from 'react-i18next';
 import {convertInputValue, MONGO_CALC_OPERATORS} from "./filter.js";
 import i18n from "i18next";
@@ -19,8 +19,9 @@ const isDateArg = (operator, argIndex) => {
     }
 
     // Cas spécial pour les opérateurs de date
-    if (operator === '$dateAdd' || operator === '$dateSubtract') {
-        return argIndex === 0; // Seul le premier argument est une date
+    if (operator === '$dateAdd' || operator === '$dateSubtract' ||
+        operator === '$dateDiff' || operator === '$dateToString') {
+        return true;
     }
 
     // Pour les autres opérateurs marqués isDate (comme $hour, $second, etc.)
@@ -118,7 +119,20 @@ const ExpressionField = ({ value, onChange, path = [], fieldNames, isRoot = fals
                     regex: ""
                 }
             };
-        }else if (opConfig.converter || (!opConfig.multi && !opConfig.args)) {
+        } else if (opConfig.specialStructure) {
+            if (opConfig.args) {
+                // Initialiser seulement les champs obligatoires
+                const initialArgs = {};
+                opConfig.args.forEach(arg => {
+                    if (!arg.optional) {
+                        initialArgs[arg.name] = arg.type === 'select' ? (arg.options[0] || '') : '';
+                    }
+                });
+                newValue = { [operator]: initialArgs };
+            } else {
+                newValue = { [operator]: {} };
+            }
+        } else if (opConfig.converter || (!opConfig.multi && !opConfig.args)) {
             newValue = { [operator]: "" };
         } else {
             // Nouvelle logique qui prend en compte args et multi
@@ -141,9 +155,6 @@ const ExpressionField = ({ value, onChange, path = [], fieldNames, isRoot = fals
         setEditing(false);
     };
 
-    console.log(path);
-    console.log(isDateArg(path[path.length - 1]));
-
     const renderArgument = (arg, index, parentOperator, args) => {
         const isSimpleValue = typeof arg !== 'object' || arg === null || Array.isArray(arg);
         const parentOpConfig = MONGO_CALC_OPERATORS[parentOperator];
@@ -271,7 +282,6 @@ const ExpressionField = ({ value, onChange, path = [], fieldNames, isRoot = fals
                     relatedFieldNames = relatedModel.fields.map(f => f.name);
                     relatedModelFields = relatedModel.fields;
                 }
-                console.log({models,relatedModel})
             }
 
             // --- Fin de la correction ---
@@ -454,7 +464,25 @@ const ExpressionField = ({ value, onChange, path = [], fieldNames, isRoot = fals
         }
 
         if (opConfig.specialStructure) {
-            // Cas spécial pour les opérateurs comme $regexMatch
+            const handleSpecialArgChange = (argName, newValue) => {
+                const newArgs = {...args};
+
+                // Si la nouvelle valeur est vide et que l'argument est optionnel, on le supprime
+                if (newValue === '' || newValue === null || newValue === undefined) {
+                    delete newArgs[argName];
+                } else {
+                    newArgs[argName] = newValue;
+                }
+
+                // Si tous les arguments obligatoires sont vides, on supprime complètement
+                const hasRequiredArgs = opConfig.args?.some(a => !a.optional && newArgs[a.name]);
+                if (!hasRequiredArgs && Object.keys(newArgs).length === 0) {
+                    onChange(null, path);
+                } else {
+                    onChange({[operator]: newArgs}, path);
+                }
+            };
+
             return (
                 <div className="expression-block special-structure-block">
                     <div className="expression-header">
@@ -479,23 +507,66 @@ const ExpressionField = ({ value, onChange, path = [], fieldNames, isRoot = fals
                         </div>
                     </div>
                     <div className="special-structure-args">
-                        {Object.entries(args).map(([key, val]) => (
-                            <div key={key} className="special-arg">
-                                <label>{key}</label>
-                                <ExpressionField
-                                    value={val}
-                                    onChange={(newVal) => {
-                                        const newArgs = {...args, [key]: newVal};
-                                        onChange({[operator]: newArgs}, path);
-                                    }}
-                                    fieldNames={fieldNames}
-                                    path={[...path, operator, key]}
-                                    models={models}
-                                    currentModelFields={currentModelFields}
-                                    isInFindContext={isInFindContext}
-                                />
-                            </div>
-                        ))}
+                        {opConfig.args ? (
+                            opConfig.args.map((argConfig) => {
+                                const currentArgValue = args[argConfig.name] || '';
+                                return (
+                                    <div key={argConfig.name} className="special-arg">
+                                        <label>{argConfig.label}</label>
+                                        {argConfig.type === 'select' ? (
+                                            <select
+                                                value={currentArgValue}
+                                                onChange={(e) => handleSpecialArgChange(argConfig.name, e.target.value)}
+                                            >
+                                                <option value="">Select {argConfig.label}</option>
+                                                {argConfig.options.map(option => (
+                                                    <option key={option} value={option}>{option}</option>
+                                                ))}
+                                            </select>
+                                        ) : argConfig.type === 'date' ? (
+                                            <input
+                                                type="datetime-local"
+                                                value={currentArgValue ? new Date(currentArgValue).toISOString().slice(0, 16) : ''}
+                                                onChange={(e) => {
+                                                    const val = e.target.value;
+                                                    handleSpecialArgChange(argConfig.name, val ? new Date(val).toISOString() : '');
+                                                }}
+                                            />
+                                        ) : (
+                                            <input
+                                                type={argConfig.type === 'number' ? 'number' : 'text'}
+                                                value={currentArgValue}
+                                                onChange={(e) => handleSpecialArgChange(argConfig.name, e.target.value)}
+                                                placeholder={argConfig.label}
+                                            />
+                                        )}
+                                    </div>
+                                );
+                            })
+                        ) : (
+                            // Ancien cas pour les structures spéciales non configurées
+                            Object.entries(args).map(([key, val]) => (
+                                <div key={key} className="special-arg">
+                                    <label>{key}</label>
+                                    <ExpressionField
+                                        value={val}
+                                        onChange={(newVal) => {
+                                            const newArgs = {...args, [key]: newVal};
+                                            // Supprimer si vide
+                                            if (newVal === '' || newVal === null || newVal === undefined) {
+                                                delete newArgs[key];
+                                            }
+                                            onChange(Object.keys(newArgs).length > 0 ? {[operator]: newArgs} : null, path);
+                                        }}
+                                        fieldNames={fieldNames}
+                                        path={[...path, operator, key]}
+                                        models={models}
+                                        currentModelFields={currentModelFields}
+                                        isInFindContext={isInFindContext}
+                                    />
+                                </div>
+                            ))
+                        )}
                     </div>
                 </div>
             );
@@ -670,11 +741,20 @@ const FieldInput = ({
     const [inputValue, setInputValue] = useState(value);
     const [suggestions, setSuggestions] = useState([]);
     const [showSuggestions, setShowSuggestions] = useState(false);
+    const [isDateMode, setIsDateMode] = useState(isDate);
     const [showDatePicker, setShowDatePicker] = useState(false);
 
     useEffect(() => {
         setInputValue(value);
-    }, [value]);
+        // Détermine le mode d'affichage en fonction de la valeur
+        const shouldBeDateMode = isDate && (
+            // Soit c'est une date ISO valide
+            (typeof value === 'string' && !value.startsWith('$') && !isNaN(new Date(value).getTime())) ||
+            // Soit c'est une valeur vide et le champ est marqué comme date
+            (value === '' && isDate)
+        );
+        setIsDateMode(shouldBeDateMode);
+    }, [value, isDate]);
 
     useEffect(() => {
         // Filtrer les suggestions selon le contexte
@@ -706,6 +786,33 @@ const FieldInput = ({
         onChange(val);
     };
 
+    const handleDateChange = (dateValue) => {
+        // Convertir la date en format ISO
+        const isoDate = dateValue ? new Date(dateValue).toISOString() : '';
+        setInputValue(isoDate);
+        onChange(isoDate);
+    };
+
+
+    const toggleDateMode = () => {
+        const newMode = !isDateMode;
+        setIsDateMode(newMode);
+
+        if (newMode) {
+            // Si on passe en mode date et que la valeur actuelle est un champ, on la vide
+            if (inputValue && inputValue.startsWith('$')) {
+                setInputValue('');
+                onChange('');
+            }
+        } else {
+            // Si on quitte le mode date et que la valeur est une date, on la vide
+            if (inputValue && !isNaN(new Date(inputValue).getTime())) {
+                setInputValue('');
+                onChange('');
+            }
+        }
+    };
+
     const handleSuggestionClick = (suggestion) => {
         const prefix = isFieldName ? '' : (isInFindContext ? '$$this.' : '$');
         const newValue = `${prefix}${suggestion}`;
@@ -714,36 +821,54 @@ const FieldInput = ({
         setShowSuggestions(false);
     };
 
-    // Si c'est un champ date, on affiche le datepicker
-    if (isDate) {
-        return (
-            <div className="date-input-container">
-                <input
-                    type="datetime-local"
-                    value={inputValue ? new Date(inputValue).toISOString().slice(0, 16) : ''}
-                    onChange={(e) => handleDateChange(e.target.value)}
-                />
-            </div>
-        );
-    }
     return (
         <div className="field-input-container">
-            <input
-                type="text"
-                value={inputValue}
-                onChange={handleInputChange}
-                placeholder={
-                    onlyRelations ? i18n.t("cb.selectRelationField") :
-                        isInFindContext ?i18n.t("cb.enterThisField") :
-                           i18n.t("cb.enterValueOrField")
-                }
-                onFocus={() => suggestions.length > 0 && setShowSuggestions(true)}
-                onBlur={() => setTimeout(() => setShowSuggestions(false), 200)}
-            />
+            {isDateMode ? (
+                <div className="date-input-wrapper">
+                    <input
+                        type="datetime-local"
+                        value={inputValue && !isNaN(new Date(inputValue)) ? new Date(inputValue).toISOString().slice(0, 16) : ''}
+                        onChange={(e) => handleDateChange(e.target.value)}
+                    />
+                    <button
+                        type="button"
+                        onClick={toggleDateMode}
+                        className="toggle-date-mode"
+                        title={i18n.t("cb.switchToField")}
+                    >
+                        <FaEdit />
+                    </button>
+                </div>
+            ) : (
+                <>
+                    <input
+                        type="text"
+                        value={inputValue}
+                        onChange={handleInputChange}
+                        placeholder={
+                            onlyRelations ? i18n.t("cb.selectRelationField") :
+                                isInFindContext ? i18n.t("cb.enterThisField") :
+                                    i18n.t("cb.enterValueOrField")
+                        }
+                        onFocus={() => suggestions.length > 0 && setShowSuggestions(true)}
+                        onBlur={() => setTimeout(() => setShowSuggestions(false), 200)}
+                    />
+                    {isDate && (
+                        <button
+                            type="button"
+                            onClick={toggleDateMode}
+                            className="toggle-date-mode"
+                            title={i18n.t("cb.switchToDate")}
+                        >
+                            <FaCalendarAlt />
+                        </button>
+                    )}
+                </>
+            )}
+
             {showSuggestions && suggestions.length > 0 && (
                 <div className="suggestions-dropdown">
                     {suggestions.map((suggestion, index) => {
-                        // Trouver le champ complet pour afficher des infos supplémentaires
                         const fieldInfo = currentModelFields.find(f => f.name === suggestion);
                         return (
                             <div
@@ -751,7 +876,8 @@ const FieldInput = ({
                                 className="suggestion-item"
                                 onClick={() => handleSuggestionClick(suggestion)}
                                 data-tooltip-id="field-tooltip"
-                                data-tooltip-content={fieldInfo?.relation ? i18n.t('cb.relationTooltip', { relation: fieldInfo.relation}) : ''}
+                                data-tooltip-content={fieldInfo?.relation ?
+                                    i18n.t('cb.relationTooltip', { relation: fieldInfo.relation}) : ''}
                             >
                                 {suggestion}
                                 {fieldInfo?.relation && (

package/client/src/ContentView.jsx

@@ -53,7 +53,6 @@ const ContentView = () => { // Le prop 'menu' a été retiré car non passé par
     );
     const pageContent = contentData?.data?.[0];
 
-    console.log({contentData})
     // 4. Récupérer les sous-catégories de la catégorie parente 'cat'
     const {data: childCategoriesData, isLoading: isLoadingChildCategories} = useQuery(
         ['childDocCategories', cat, langCode], // Clé de query mise à jour
@@ -87,7 +86,6 @@ const ContentView = () => { // Le prop 'menu' a été retiré car non passé par
             const parentCategory = childCategories.find(c => c._id === itemCategoryId);
 
             if (parentCategory) {
-                console.log({pt:parentCategory.name});
                 const categoryName = parentCategory.name.value || t('toc.unknownCategory', 'Autres');
                 if (grouped[categoryName]) { // La catégorie doit exister car initialisée plus haut
                     grouped[categoryName].push(item); // Les items sont déjà triés par la query
@@ -252,7 +250,6 @@ const ContentView = () => { // Le prop 'menu' a été retiré car non passé par
                     <APIInfo/>
                 ) : root?.innerHTML.split("<pre><i>[@codeField]</i></pre>").map((m,index)=>{
                     const cc = codeFields[index];
-                    console.log({cc, index});
                     return <div><div dangerouslySetInnerHTML={{__html: m}}></div>{cc && <div className={"fs-regular"}>
                             <CodeField
                                 key={uniqid()}

package/client/src/CronBuilder.jsx

@@ -38,7 +38,6 @@ const CronBuilder = ({ cronExpression, cronMask, defaultCronExpression, onCronCh
         if (defaultParts.length === 5) {
             defaultParts.unshift('*');
         }
-        console.log({cronMask})
         setParts({
             second: cronMask && !cronMask[0] ? '0' : cronParts[0] || defaultParts[0] || '*',
             minute: cronMask && !cronMask[1] ? '0' : cronParts[1] || defaultParts[1] || '*',

package/client/src/CronPartBuilder.jsx

@@ -111,8 +111,6 @@ export const CronPartBuilder = ({ label, masked, value, defaultValue, onChange,
         { value: 'range', label: t('cron.range', `Plage (ex: 9-17)`) },
     ];
 
-    console.log({label, masked})
-
     return (
         <div className="cron-part-controls">
             <SelectField disabled={masked} items={modeOptions} value={mode} onChange={handleModeChange} />

package/client/src/DashboardView.jsx

@@ -13,10 +13,6 @@ import { useQuery, useQueryClient, useMutation } from "react-query";
 import { useAuthContext } from "./contexts/AuthContext.jsx";
 import { DialogProvider } from "./Dialog.jsx";
 import {useModelContext} from "./contexts/ModelContext.jsx";
-import FlexDataRenderer from "./FlexDataRenderer.jsx";
-import {conditionToApiSearchFilter} from "../../src/data.js";
-// --- MODIFICATION : Import de la fonction cssProps ---
-import { cssProps } from 'data-primals-engine/core';
 import {DashboardFlexViewItem} from "./DashboardFlexViewItem.jsx";
 
 // --- updateDashboardLayout (fonction utilitaire, peut rester ici ou être externalisée) ---
@@ -85,7 +81,6 @@ export function DashboardView({ dashboard }) {
         (newLayout) => updateDashboardLayout(dashboard, newLayout, me.username, t),
         {
             onMutate: async (newLayout) => {
-                console.log("Optimi stic update:", newLayout);
                 const previousLayout = layoutState;
                 setLayoutState(newLayout);
                 return { previousLayout };