Tabslab : espace de travail IA pour le navigateur
Une extension Chrome qui transforme un navigateur encombré en espaces de travail organisés, avec regroupement d'onglets par IA, résumés de pages, extraction de tâches et recherche sémantique.
Aperçu
Tabslab (d'abord développé sous le nom BrowserMate) est une extension Chrome Manifest V3 avec une popup, un assistant en panneau latéral et un tableau de bord complet. Elle regroupe les onglets ouverts, enregistre et restaure des espaces de travail, résume la page courante, transforme une page en tâches et en notes, et propose un mode concentration. Les appels IA passent par un petit backend Node pour qu'aucune clé API ne soit dans l'extension, et les comptes se synchronisent via Supabase.
Le problème
Avec des dizaines d'onglets ouverts, recherche, travail et distractions se mélangent : le contexte se perd à la fermeture du navigateur, les notes et les tâches finissent ailleurs, et envoyer le contenu d'une page à une IA pose des questions de confidentialité.
Ce que j'ai construit
J'ai construit l'extension en React, TypeScript, Vite et Tailwind avec une approche local-first : le contenu d'une page n'est lu que lorsque l'utilisateur lance une action IA, et un aperçu optionnel montre exactement ce qui va être envoyé. Un proxy Node appelle le LLM (Gemini ou toute API compatible OpenAI comme DeepSeek), valide les entrées et les sorties du modèle avec Zod, limite le débit et applique un quota quotidien sur l'offre gratuite. Les éléments enregistrés sont vectorisés et classés par similarité cosinus pour répondre aux questions sur la mémoire du navigateur. Supabase gère les comptes et la synchronisation, Paddle les abonnements, et le backend tourne sous Docker derrière Caddy sur une VM, déployé par GitHub Actions.
Résultats
- Popup, panneau latéral, tableau de bord et page d'options dans une seule extension Manifest V3
- Interface et réponses de l'IA en 7 langues
- Tests unitaires Vitest sur les services, les stores, la fusion de synchronisation et les prompts et schémas du backend
- Backend déployé avec Docker et Caddy (HTTPS automatique) via un déploiement SSH GitHub Actions
Points clés
- Regroupement des onglets par IA, avec création de vrais groupes d'onglets Chrome
- Résumé de page avec points clés, et extraction de 3 à 5 tâches vers un tableau Kanban avec rappels
- Recherche sémantique sur les espaces, onglets, notes et tâches grâce aux embeddings
- Mode concentration qui coupe le son, bloque ou masque les onglets distrayants
- Confidentialité dès la conception : lecture au clic, aperçu des requêtes, clés côté serveur
- Synchronisation cloud Supabase et abonnements Paddle
