Tutoriels

Guides pas à pas pour les tâches et flux de travail courants dans LastBrowser.

1. Construire LastBrowser à partir des sources

Ce tutoriel vous guide à travers le processus complet de clonage, construction et exécution de LastBrowser à partir des sources sur Windows.

Prérequis

• Node.js v18+ — Télécharger depuis nodejs.org
• Python 3.10+ — Télécharger depuis python.org
• Git — Télécharger depuis git-scm.com
• Visual Studio Build Tools — Pour la compilation des modules natifs (par ex., Windows Build Tools via npm install --global windows-build-tools)

Étape par étape

1. Cloner le dépôt
   git clone https://github.com/Loggableim/lastbrowser.git
2. Accéder au répertoire natif
   cd lastbrowser/native
3. Installer les dépendances
   npm install — Cela installe Electron v35, electron-builder, sql.js et toutes les dépendances.
4. Démarrer en mode développement
   npm run dev — Lance Electron avec le backend Python. La variable d'environnement ELECTRON_DEV=1 dirige le lanceur de serveur vers le répertoire parent.
5. Vérifier que ça fonctionne
   La fenêtre LastBrowser devrait apparaître avec la barre latérale sombre, et le pied de page d'état devrait afficher "connecté" une fois le serveur Python prêt.

Construire pour la distribution

# Construire l'installateur NSIS
npm run build

# Construire le répertoire portable (pas d'installateur, exécutable depuis n'importe quel dossier)
npm run build:dir

# Construction de version de production
npm run dist

La sortie se trouve dans native/dist/. L'installateur sera LastBrowser-Setup-0.2.0.exe (ou votre version).

2. Créer votre premier agent IA

Le système d'agents de LastBrowser vous permet de configurer des agents IA avec différents modèles, fournisseurs et rôles. Voici comment configurer votre premier agent.

1. Ouvrir le panneau Agents — Cliquez sur l'icône Agents dans la barre latérale (Ctrl+4).
2. Cliquer sur "Ajouter un agent" — Ouvre le formulaire de configuration de l'agent.
3. Configurer votre agent :
   • Nom : "Mon Assistant"
   • Modèle : deepseek-v4-flash (ou tout modèle auquel vous avez accès)
   • Fournisseur : opencode-go (ou votre fournisseur préféré)
   • Jetons max : 4000
   • Température : 0.7 (équilibré entre créativité et précision)
   • Rôle : Travailleur (assistant polyvalent)
4. Activer l'agent — Basculez l'interrupteur d'activation sur on.
5. Enregistrer — Votre agent est maintenant actif et prêt.

Assigner un agent à un onglet

Une fois votre agent créé, vous pouvez l'assigner à un onglet du navigateur :

1. Ouvrez le panneau Navigateur (Ctrl+4).
2. Naviguez vers une page web.
3. Cliquez sur l'icône de l'agent dans la barre d'outils de l'onglet et sélectionnez votre agent.
4. L'agent peut désormais naviguer, cliquer, taper, faire défiler et extraire du contenu de cet onglet.

Voir les statistiques de l'agent

Le tableau de bord des Agents affiche des statistiques en temps réel : nombre total de tâches exécutées, jetons utilisés, taux de réussite et nombre de travaux en cours. Cliquez sur n'importe quel agent pour voir l'historique détaillé.

3. Configurer un tableau Kanban

Les tableaux Kanban vous aident à gérer les tâches visuellement. Chaque espace de travail possède ses propres tableaux.

1. Ouvrir le panneau Kanban — Cliquez sur l'icône Kanban dans la barre latérale (Ctrl+2).
2. Cliquer sur "Nouveau tableau" — Donnez-lui un titre comme "Mes tâches" ou "Projet Alpha".
3. Les colonnes par défaut sont créées automatiquement : Boîte de réception, À faire, Planifié, En cours, En attente, Révision, Test, Terminé, Archivé.
4. Ajouter des cartes — Cliquez sur "Ajouter une carte" dans n'importe quelle colonne. Donnez-lui un titre, une description et une date d'échéance optionnelle.
5. Faites glisser les cartes entre les colonnes pour mettre à jour leur statut.
6. Définir des limites WIP — Faites un clic droit sur l'en-tête d'une colonne pour définir une limite de travail en cours (par ex., limiter "En cours" à 3 cartes).

Conseils

• Utilisez des étiquettes pour catégoriser les cartes (bug, fonctionnalité, amélioration, etc.)
• Ajoutez des listes de contrôle pour décomposer les tâches en sous-tâches
• Utilisez les commentaires pour discuter sur des cartes individuelles
• Les cartes dans la colonne "Terminé" sont automatiquement archivées après 30 jours

4. S'organiser avec les espaces de travail

Les espaces de travail maintiennent différents projets ou contextes complètement séparés. Chaque espace de travail possède ses propres onglets, cookies, agents et tableaux kanban.

1. Créer un nouvel espace de travail — Cliquez sur l'icône + dans le sélecteur d'espaces de travail (en haut de la barre latérale).
2. Nommez-le — par ex., "Travail", "Personnel", "Projet Alpha".
3. Choisissez une icône et une couleur — Permet d'identifier facilement les espaces de travail d'un coup d'œil.
4. Basculer entre les espaces de travail — Cliquez sur un nom d'espace de travail dans le sélecteur. Chaque espace de travail se charge indépendamment.
5. Mettre en pause les espaces de travail inutilisés — Faites un clic droit sur un espace de travail et sélectionnez "Mettre en pause" pour libérer des ressources système.

5. Utiliser la vue fractionnée

La vue fractionnée vous permet de voir deux pages web côte à côte dans la même fenêtre.

1. Ouvrez deux onglets dans votre espace de travail (par ex., une page de documentation et un éditeur de code).
2. Activez la vue fractionnée — Cliquez sur l'icône de vue fractionnée dans la barre d'outils ou utilisez le panneau Vue fractionnée.
3. Sélectionnez les onglets — Choisissez les deux onglets à afficher. L'espace de travail se divise en deux panneaux.
4. Redimensionnez les panneaux — Faites glisser le séparateur entre les panneaux pour modifier leurs tailles relatives.
5. Échangez les panneaux ou fermez la vue fractionnée — Utilisez les boutons de la barre d'outils pour modifier la disposition.

Cas d'utilisation

• Lire la documentation tout en codant
• Comparer deux produits ou articles
• Garder un agent IA visible dans un panneau tout en naviguant dans un autre
• Surveiller des tableaux de bord simultanément

6. Lancer une session de concentration

Le mode focus vous aide à vous concentrer en désactivant les distractions et en suivant votre temps de travail.

1. Ouvrir la palette de commandes — Appuyez sur Ctrl+K.
2. Tapez "Focus" — Sélectionnez l'un des préréglages : Pomodoro (25m), Focus 50 (50m), Focus 90 (90m).
3. Alternative, utilisez Ctrl+Maj+F pour activer/désactiver le mode focus directement.
4. Pendant la session :
   • Toutes les notifications sont désactivées
   • Les badges sont masqués
   • Les sons sont coupés
   • Une superposition de minuteur affiche le temps restant
5. Terminer plus tôt — Appuyez à nouveau sur Ctrl+Maj+F, ou utilisez la palette de commandes.

Conseils de pro

• Commencez par un Pomodoro de 25 minutes si vous débutez avec les sessions de concentration
• Utilisez Focus 90 pour un travail en profondeur comme le codage ou l'écriture
• Faites une courte pause (5m) ou une longue pause (15m) entre les sessions
• Combinez le mode focus avec un espace de travail dédié pour une concentration maximale

7. Maîtriser la palette de commandes

La palette de commandes (Ctrl+K) est le moyen le plus rapide de naviguer et de contrôler LastBrowser sans toucher à la souris.

Ce que vous pouvez faire

• Basculer entre les espaces de travail — Tapez une partie du nom de l'espace de travail et appuyez sur Entrée
• Ouvrir des onglets — Recherchez par titre d'onglet ou URL
• Exécuter des commandes — Activer/désactiver le mode focus, le mode compact, tout couper, ouvrir les DevTools
• Lancer des applications — Ouvrez les applications épinglées directement depuis la palette
• Modifier les paramètres — Recherchez et activez/désactivez les paramètres

Conseils de recherche floue

• Les correspondances exactes sont classées en premier — tapez le nom complet de ce que vous cherchez
• Les abréviations fonctionnent — "wk proj a" trouvera "Espace de travail Travail/Projet Alpha"
• Correspondances partielles — taper "onglet" affiche toutes les commandes liées aux onglets
• Naviguez avec les touches fléchées — puis appuyez sur Entrée pour activer

Parcourir la FAQ →