Task: Implementation Onglet Tools sur Pages Instances

Date: 04-02-2026 Status: TERMINE Projet: connectors-front

Resume

Implementation de l'onglet "Tools" sur toutes les pages instances de connectors-front, avec 4 interfaces dediees pour les connecteurs web-search, scraper, ai-orchestrator et yolo.

Travail effectue

Fichiers crees (6)

1. src/components/tools/index.ts - Registry et exports
2. src/components/tools/BaseTool.tsx - Layout commun (59 lignes)
3. src/components/tools/DefaultTool.tsx - Fallback (46 lignes)
4. src/components/tools/WebSearchTool.tsx - Recherche web (227 lignes)
5. src/components/tools/YoloTool.tsx - Detection objets (367 lignes)
6. src/components/tools/AiOrchestratorTool.tsx - Orchestrateur AI (397 lignes)
7. src/components/tools/ScrapperTool.tsx - Navigation web (483 lignes)
8. src/routes/connectors/instance/[id]/tools/index.tsx - Route (48 lignes)

Fichiers modifies (1)

1. src/routes/connectors/instance/[id]/layout.tsx
   • Ajout detection isTools dans pathname
   • Ajout onglet "Tools" dans les tabs

Fonctionnalites

WebSearchTool

• Recherche multi-moteurs via SearXNG
• Selection moteurs et categories
• Affichage resultats avec badges

YoloTool

• Upload image (drag&drop, file, URL)
• Detection avec canvas + bounding boxes
• Liste detections triees par confiance

AiOrchestratorTool

• GPU monitor avec gauge VRAM
• Gestion outils (start/stop)
• Creation et suivi jobs
• Auto-refresh 5s

ScrapperTool

• Navigation (URL, back, forward, refresh)
• Screenshot canvas cliquable
• Actions: click, type, scroll, extract
• AI: YOLO detect, OCR, CAPTCHA detect
• Modes: Navigate, Templates, CAPTCHA Assist
• Console actions

DefaultTool

• Affiche pour tous les autres connecteurs
• Redirige vers onglet Actions

Tests requis

• [ ] Deployer sur PROD
• [ ] Tester WebSearchTool avec instance web-search
• [ ] Tester YoloTool avec instance yolo
• [ ] Tester AiOrchestratorTool avec instance ai-orchestrator
• [ ] Tester ScrapperTool avec instance scraper
• [ ] Verifier DefaultTool sur autres instances (ssh, jellyfin, etc.)

Prochaines etapes

1. Deployer via CI/CD
2. Ajouter autocomplete sur WebSearchTool
3. Streaming WebSocket V2 pour ScrapperTool (optionnel)

References

• Proposition: ~/propositions/04-02-2026-21-52-frontend-4-outils-playground.md
• Plan API: ~/propositions/04-02-2026-22-15-plan-detaille-tools-api.md