ux(vwb): tooltip enrichi sur les outils de la palette
Le tooltip natif HTML montrait juste le label ('Clic'). Maintenant il affiche :
- Le label
- La description complète (existait déjà dans types.ts mais non exposée)
- L'indication 'ancre requise' si applicable
- La liste des paramètres configurables
Le badge 🎯 a aussi son propre tooltip explicatif.
Aide à la prise en main du VWB pour la construction de workflows démo
(retour terrain Dom : 'il y a des outils dont je ne sais pas à quoi ils servent').
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -54,11 +54,11 @@ export default function ToolPalette() {
|
|||||||
className="tool-item"
|
className="tool-item"
|
||||||
draggable
|
draggable
|
||||||
onDragStart={(e) => onDragStart(e, action.type)}
|
onDragStart={(e) => onDragStart(e, action.type)}
|
||||||
title={action.label}
|
title={`${action.label}\n\n${action.description}${action.needsAnchor ? '\n\n🎯 Nécessite une ancre visuelle' : ''}${action.params.length > 0 ? '\n\nParamètres : ' + action.params.map(p => p.name).join(', ') : ''}`}
|
||||||
>
|
>
|
||||||
<span className="tool-icon">{action.icon}</span>
|
<span className="tool-icon">{action.icon}</span>
|
||||||
<span className="tool-label">{action.label}</span>
|
<span className="tool-label">{action.label}</span>
|
||||||
{action.needsAnchor && <span className="tool-anchor-badge">🎯</span>}
|
{action.needsAnchor && <span className="tool-anchor-badge" title="Nécessite de viser un élément à l'écran">🎯</span>}
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user