[bobdivx]

Problème

L'interface mobile du chat agent était inutilisable :

• Erreur Ollama sticky permanente : l'erreur Ollama API error [502] s'affichait en permanence sur un agent Gemini, car AgentErrorAlert affichait toujours agent.latest_run sans vérifier le provider actif
• UX confuse sur mobile : double vue conversation/exécutions, sidebar sessions visible qui prenait 30vh, composer parfois clippé sur iOS

Solution

1. Filtrage intelligent des erreurs (AgentErrorAlert.tsx)

• Ajout d'une logique isErrorRelevant() : une erreur Ollama 502 n'est pas affichée si l'agent tourne actuellement sur Gemini
• Ajout d'un bouton dismiss (X) pour masquer manuellement les erreurs stalées
• Changement du label : "Erreur récente" au lieu de "Dernière erreur"
• Passage du activeProvider depuis AgentConversationView via props

2. Simplification UX mobile

• AgentChatView.tsx : AgentViewSwitcher masqué sur mobile (hidden sm:block), visible uniquement desktop
• AgentConversationView.tsx : sidebar des sessions masquée sur mobile (hidden lg:flex), visible uniquement à partir de lg breakpoint
• AgentChatPanel.tsx : ajout de la classe agent-chat-composer avec safe-area-inset-bottom pour iOS/Android
• global.css : ajout de règles CSS mobile pour éviter l'overflow horizontal des messages

Résultat

Sur mobile (~390px) :

• ✅ Une seule vue chat simple, comme Grok Bot
• ✅ Pas d'erreur Ollama sticky sur un agent Gemini
• ✅ Composer toujours accessible en bas avec safe-area
• ✅ Pas de sidebar overlay qui cache les messages
• ✅ Header compact une ligne

Fichiers modifiés

• frontend/src/components/agents/AgentErrorAlert.tsx : filtrage erreurs + dismiss
• frontend/src/components/agents/AgentChatPanel.tsx : prop activeRoutingProvider + classe composer
• frontend/src/components/agents/AgentConversationView.tsx : sidebar cachée mobile + passage provider
• frontend/src/components/agents/AgentChatView.tsx : AgentViewSwitcher caché mobile
• frontend/src/styles/global.css : règles CSS mobile chat