diff --git a/FEEDBACK.md b/FEEDBACK.md index d704480..a461673 100644 --- a/FEEDBACK.md +++ b/FEEDBACK.md @@ -22,7 +22,7 @@ ## Item #15 - **Date:** 2026-02-11 - **Priority:** medium -- **Status:** pending +- **Status:** in-progress - **Description:** Ajouter des icΓ΄nes/emojis sur les tool call badges dans l'app (comme sur la dΓ©mo de la landing page) - Sur la landing page les badges tool calls ont des petits emojis (πŸ” pour search, ⚑ pour exec, etc.) β€” c'est sympa et aide Γ  identifier visuellement le type de tool - Reproduire Γ§a dans la vraie app : ajouter une petite icΓ΄ne/emoji devant le nom du tool dans chaque badge diff --git a/src/components/ToolCall.tsx b/src/components/ToolCall.tsx index 141b1c4..acd4739 100644 --- a/src/components/ToolCall.tsx +++ b/src/components/ToolCall.tsx @@ -1,5 +1,5 @@ import { useState, useMemo } from 'react'; -import { ChevronRight, ChevronDown, Terminal, Globe, Search, FileText, Wrench, Code, Database, Image, MessageSquare, Brain, Cpu } from 'lucide-react'; +import { ChevronRight, ChevronDown } from 'lucide-react'; import hljs from 'highlight.js/lib/common'; import { useT } from '../hooks/useLocale'; import { ImageBlock } from './ImageBlock'; @@ -31,29 +31,39 @@ function getColor(name: string): ToolColor { return toolColors[name] || defaultColor; } -const toolIcons: Record = { - exec: , - web_search: , - web_fetch: , - search: , - Read: , - read: , - Write: , - write: , - Edit: , - edit: , - browser: , - image: , - message: , - database: , - memory_search: , - memory_get: , - cron: , - sessions_spawn: , +const toolEmojis: Record = { + exec: '⚑', + web_search: 'πŸ”', + web_fetch: '🌐', + search: 'πŸ”', + Read: 'πŸ“–', + read: 'πŸ“–', + Write: '✏️', + write: '✏️', + Edit: '✏️', + edit: '✏️', + browser: '🌐', + image: 'πŸ–ΌοΈ', + message: 'πŸ’¬', + database: 'πŸ—„οΈ', + memory_search: '🧠', + memory_get: '🧠', + cron: '⏰', + sessions_spawn: 'πŸš€', + sessions_send: 'πŸ“¨', + sessions_list: 'πŸ“‹', + sessions_history: 'πŸ“œ', + session_status: 'πŸ“Š', + tts: 'πŸ”Š', + gateway: 'βš™οΈ', + canvas: '🎨', + nodes: 'πŸ“‘', + process: 'βš™οΈ', + voice_call: 'πŸ“ž', }; -function getToolIcon(name: string) { - return toolIcons[name] || ; +function getToolEmoji(name: string): string { + return toolEmojis[name] || 'πŸ”§'; } function truncateResult(result: string, maxLen = 120): string { @@ -189,7 +199,7 @@ export function ToolCall({ name, input, result }: { name: string; input?: any; r onClick={() => setOpen(!open)} className={`inline-flex items-center gap-1.5 rounded-2xl border ${c.border} ${c.bg} ${c.glow} px-3 py-1.5 text-xs ${c.text} hover:brightness-125 transition-all max-w-full`} > - {getToolIcon(name)} + {getToolEmoji(name)} {name} {hint && {hint}} {open ? : }