@webmcp-auto-ui/agent 2.5.8 → 2.5.10

package/src/recipes/widgets/stat-card.md

@@ -1,6 +1,6 @@
 ---
 widget: stat-card
-description: Carte statistique enrichie avec tendance et variante
+description: Enhanced stat card with trend and variant
 group: rich
 schema:
   type: object
@@ -34,10 +34,10 @@ schema:
         - info
 ---
 
-## Quand utiliser
-Pour un KPI enrichi avec contexte — delta, valeur précédente, unité, variante colorée. Préférer `stat` pour un chiffre simple sans contexte additionnel.
+## When to use
+For an enriched KPI with context — delta, previous value, unit, colored variant. Prefer `stat` for a simple number with no additional context.
 
-## Comment
-1. Récupérer la métrique et sa valeur de comparaison via MCP
-2. Calculer le delta si nécessaire
-3. Appeler `autoui_webmcp_widget_display('stat-card', { label: 'Revenus', value: '142k', unit: '€', delta: '+12%', trend: 'up', previousValue: '127k', variant: 'success' })`
+## How to use
+1. Fetch the metric and its comparison value via MCP
+2. Calculate the delta if needed
+3. Call `autoui_webmcp_widget_display('stat-card', { label: 'Revenue', value: '142k', unit: '€', delta: '+12%', trend: 'up', previousValue: '127k', variant: 'success' })`

package/src/recipes/widgets/stat.md

@@ -1,6 +1,6 @@
 ---
 widget: stat
-description: Statistique clé (KPI, compteur, total)
+description: Key statistic (KPI, counter, total)
 group: simple
 schema:
   type: object
@@ -22,14 +22,14 @@ schema:
         - neutral
 ---
 
-## Quand utiliser
-Pour afficher un chiffre clé unique — KPI, compteur, total, score. Idéal quand l'utilisateur demande "combien de…" ou un résumé chiffré.
+## When to use
+Display a single key figure — KPI, counter, total, score. Ideal when the user asks "how many…" or requests a numerical summary.
 
-## Comment
-1. Récupérer la donnée via l'outil MCP approprié (ex: requête SQL, appel API)
-2. Appeler `autoui_webmcp_widget_display('stat', { label: 'Utilisateurs actifs', value: '1 247' })`
-3. Optionnel : ajouter `trend` (ex: '+12%') et `trendDir` ('up'/'down'/'neutral') pour indiquer l'évolution
+## How to use
+1. Fetch the data via the appropriate MCP tool (e.g. SQL query, API call)
+2. Call `autoui_webmcp_widget_display('stat', { label: 'Active users', value: '1,247' })`
+3. Optional: add `trend` (e.g. '+12%') and `trendDir` ('up'/'down'/'neutral') to show the trend
 
-## Erreurs courantes
-- Passer `value` comme nombre au lieu de string — toujours convertir en string
-- Oublier de formater le nombre (séparateurs de milliers, unités)
+## Common mistakes
+- Passing `value` as a number instead of a string — always convert to string
+- Forgetting to format the number (thousand separators, units)

package/src/recipes/widgets/tags.md

@@ -1,6 +1,6 @@
 ---
 widget: tags
-description: Groupe de tags/badges
+description: Group of tags/badges
 group: simple
 schema:
   type: object
@@ -22,9 +22,9 @@ schema:
             type: boolean
 ---
 
-## Quand utiliser
-Pour afficher des catégories, des labels, des filtres ou des badges. Utile pour montrer les tags associés à un élément ou proposer des filtres visuels.
+## When to use
+Display categories, labels, filters, or badges. Useful for showing tags associated with an item or presenting visual filters.
 
-## Comment
-1. Récupérer les tags ou catégories depuis MCP
-2. Appeler `autoui_webmcp_widget_display('tags', { label: 'Catégories', tags: [{ text: 'Finance', active: true }, { text: 'Tech' }] })`
+## How to use
+1. Fetch the tags or categories from MCP
+2. Call `autoui_webmcp_widget_display('tags', { label: 'Categories', tags: [{ text: 'Finance', active: true }, { text: 'Tech' }] })`

package/src/recipes/widgets/text.md

@@ -1,6 +1,6 @@
 ---
 widget: text
-description: Paragraphe de texte libre
+description: Free-form text paragraph
 group: simple
 schema:
   type: object
@@ -11,9 +11,9 @@ schema:
       type: string
 ---
 
-## Quand utiliser
-Pour afficher un paragraphe de texte explicatif, un résumé ou une description longue. Préférer `stat` pour un chiffre, `kv` pour des paires structurées.
+## When to use
+Display an explanatory paragraph, a summary, or a long description. Prefer `stat` for a single figure, `kv` for structured pairs.
 
-## Comment
-1. Rédiger ou récupérer le texte à afficher
-2. Appeler `autoui_webmcp_widget_display('text', { content: 'Voici le résumé de l\'analyse...' })`
+## How to use
+1. Write or fetch the text to display
+2. Call `autoui_webmcp_widget_display('text', { content: 'Here is the summary of the analysis...' })`

package/src/recipes/widgets/timeline.md

@@ -1,6 +1,6 @@
 ---
 widget: timeline
-description: Chronologie d'événements avec statut
+description: Event timeline with status
 group: rich
 schema:
   type: object
@@ -30,9 +30,9 @@ schema:
               - pending
 ---
 
-## Quand utiliser
-Pour afficher une séquence d'événements chronologiques — historique, étapes d'un processus, journal d'activité. Chaque événement peut avoir un statut (done/active/pending).
+## When to use
+Display a sequence of chronological events — history, process steps, activity log. Each event can have a status (done/active/pending).
 
-## Comment
-1. Récupérer les événements via MCP, les trier chronologiquement
-2. Appeler `autoui_webmcp_widget_display('timeline', { title: 'Historique commande', events: [{ date: '2024-01-15', title: 'Commande passée', status: 'done' }, { date: '2024-01-16', title: 'Expédition', status: 'active' }] })`
+## How to use
+1. Fetch events via MCP, sort them chronologically
+2. Call `autoui_webmcp_widget_display('timeline', { title: 'Order History', events: [{ date: '2024-01-15', title: 'Order placed', status: 'done' }, { date: '2024-01-16', title: 'Shipped', status: 'active' }] })`

package/src/recipes/widgets/trombinoscope.md

@@ -1,6 +1,6 @@
 ---
 widget: trombinoscope
-description: Grille de personnes avec badges
+description: People grid with badges
 group: rich
 schema:
   type: object
@@ -28,12 +28,12 @@ schema:
       type: number
 ---
 
-## Quand utiliser
-Pour afficher une grille de personnes — équipe, membres d'un groupe, participants. Chaque personne peut avoir un badge et une couleur distinctive.
+## When to use
+Display a grid of people — team, group members, participants. Each person can have a badge and a distinctive color.
 
-## Comment
-1. Récupérer la liste des personnes via MCP
-2. Appeler `autoui_webmcp_widget_display('trombinoscope', { title: 'Équipe Dev', people: [{ name: 'Alice', subtitle: 'Lead', badge: 'PM', color: '#4CAF50' }], columns: 3 })`
+## How to use
+1. Retrieve the list of people via MCP
+2. Call `autoui_webmcp_widget_display('trombinoscope', { title: 'Dev Team', people: [{ name: 'Alice', subtitle: 'Lead', badge: 'PM', color: '#4CAF50' }], columns: 3 })`
 
-## Erreurs courantes
-- Ne JAMAIS inventer d'URLs d'images pour le champ `avatar`. Utiliser UNIQUEMENT les URLs retournées par les outils MCP. Si aucune URL n'est disponible, ne pas inclure de champ avatar — le widget affichera les initiales automatiquement.
+## Common mistakes
+- NEVER fabricate image URLs for the `avatar` field. Use ONLY the URLs returned by MCP tools. If no URL is available, do not include an avatar field — the widget will display initials automatically.

package/src/summarize.ts

@@ -40,11 +40,11 @@ export async function summarizeChat(options: SummarizeOptions): Promise<ChatSumm
     .join('\n')
     .slice(0, 3000); // cap input to keep costs low
 
-  const prompt = `Résume cette conversation en 2-3 phrases courtes.
-Garde uniquement l'intention de l'utilisateur et les décisions techniques prises.
-Anonymise TOUT : remplace les noms de personnes, d'entreprises, de lieux, de domaines et d'URLs par des termes génériques (ex: "un utilisateur", "une entreprise", "une ville", "un serveur MCP").
-Ne mentionne jamais de données personnelles.
-Réponds UNIQUEMENT avec le résumé, sans préambule.
+  const prompt = `Summarize this conversation in 2-3 short sentences.
+Keep only the user's intent and technical decisions made.
+Anonymize EVERYTHING: replace names of people, companies, places, domains, and URLs with generic terms (e.g. "a user", "a company", "a city", "an MCP server").
+Never mention personal data.
+Reply ONLY with the summary, no preamble.
 
 Conversation:
 ${chatText}`;
@@ -63,7 +63,7 @@ ${chatText}`;
       .map((b) => (b as { type: 'text'; text: string }).text)
       .join(' ');
   } catch {
-    chatSummary = '(synthèse non disponible)';
+    chatSummary = '(summary unavailable)';
   }
 
   return {

package/src/tool-layers.ts

@@ -390,65 +390,65 @@ export function buildSystemPromptWithAliases(layers: ToolLayer[]): SystemPromptR
   }
 
   // ── Build prompt (cascade: list recipes → search recipes → list tools → search tools) ──
-  let prompt = `Tu es un assistant IA qui aide les utilisateurs en répondant à leurs questions et en accomplissant des tâches à l'aide de recettes (appelées aussi skills ou recipes). Ces recettes ne sont pas des recettes de cuisine mais des instructions pour un agent IA avec des scripts, des schémas et des informations pour l'aider. Si tu ne trouve pas de recette ou d'outils appropriés, tu peux fallback sur un chat traditionnel sans tool calling (ETAPE 5).
+  let prompt = `You are an AI assistant that helps users by answering their questions and completing tasks using recipes (also called skills). These are not cooking recipes but instructions for an AI agent with scripts, schemas, and information to help it. If you cannot find a relevant recipe or tool, you may fall back to a traditional chat without tool calling (STEP 5).
 
-Tu NE DOIS PAS sauter d'étapes.
+You MUST NOT skip steps.
 
-RÈGLE CRITIQUE : Tu DOIS exécuter toutes les étapes en silence. Ne génère AUCUNE réflexion interne, raisonnement ou texte intermédiaire.
+CRITICAL RULE: You MUST execute all steps silently. Do NOT generate any internal reasoning, thinking, or intermediate text.
 
-ÉTAPE 1 — Liste toutes les recettes
+STEP 1 — List all recipes
 
-Cherche une recette pertinente parmi celles-ci :
+Look for a relevant recipe among these:
 
 ${listRecipes.join('\n')}
 
-Si au moins une recette pertinente est trouvée → passe à l'ÉTAPE 2.
-Si aucun résultat → passe à l'ÉTAPE 1b.
+If at least one relevant recipe is found → go to STEP 2.
+If no results → go to STEP 1b.
 
-ÉTAPE 1b — Recherche de recettes
+STEP 1b — Search recipes
 
-Aucune recette trouvée par liste. Recherche avec un ou des mot-clé(s) extrait de la demande :
+No recipe found by listing. Search with keyword(s) extracted from the request:
 
 ${searchRecipes.join('\n')}
 
-Choisis la recette la plus pertinente par rapport à la demande.
-Si une recette correspond → passe à l'ÉTAPE 2.
-Si aucune recette disponible ou pertinente → passe à l'ÉTAPE 1c.
+Pick the most relevant recipe for the request.
+If a recipe matches → go to STEP 2.
+If no recipe is available or relevant → go to STEP 1c.
 
-ÉTAPE 1c — Liste des outils
+STEP 1c — List tools
 
-Aucune recette applicable. Liste un outil pertinent :
+No applicable recipe. List a relevant tool:
 
 ${listTools.join('\n')}
 
-Si un outil pertinent est trouvé → utilise-le directement pour répondre (passe à l'ÉTAPE 3).
-Si aucun résultat → passe à l'ÉTAPE 1d.
+If a relevant tool is found → use it directly to respond (go to STEP 3).
+If no results → go to STEP 1d.
 
-ÉTAPE 1d — Recherche d'outils
+STEP 1d — Search tools
 
 ${searchTools.join('\n')}
 
-Choisis le ou les outils les plus pertinents et utilise-les pour répondre (passe à l'ÉTAPE 3).
+Pick the most relevant tool(s) and use them to respond (go to STEP 3).
 
-ÉTAPE 2 — Lecture de la recette
+STEP 2 — Read the recipe
 
 ${getRecipes.join('\n')}
 
-Lis les instructions complètes de la recette sélectionnée.
+Read the full instructions of the selected recipe.
 
-ÉTAPE 3 — Exécution
+STEP 3 — Execute
 
-Suis les instructions de la recette exactement si tu en as une. Sinon utilise les outils directement. Produis UNIQUEMENT le résultat final, un résumé en une phrase de l'action effectuée, ainsi que le résultat.
+Follow the recipe instructions exactly if you have one. Otherwise use the tools directly. Produce ONLY the final result, a one-sentence summary of the action performed, and the result.
 
-ÉTAPE 4 — Affichage UI
+STEP 4 — UI display
 
-Sauf indication UI contraire d'une recette, utilise ces outils pour afficher tes réponses sur le canvas :
+Unless a recipe specifies otherwise, use these tools to display your responses on the canvas:
 
 ${actionTools.join('\n')}
 
-ÉTAPE 5 — Fallback
+STEP 5 — Fallback
 
-En cas d'échec des étapes précédentes, fallback sur un chat classique sans tool calling.`;
+If previous steps failed, fall back to a classic chat without tool calling.`;
 
   return { prompt, aliasMap };
 }