Utilisation
L'application mobile Stib vous donne un accès complet à vos boards, cartes et agents depuis votre téléphone ou tablette. Ce guide couvre toutes les fonctionnalités disponibles sur mobile — de la navigation dans le tableau Kanban à l'interaction avec les agents IA et la gestion des projets.
TIP
Assurez-vous que votre application mobile est connectée au serveur avant de continuer. Consultez le guide de connexion pour les instructions de configuration.
Navigation dans le board
Sur mobile, le tableau Kanban utilise une barre de filtres par colonne en haut de l'écran. Appuyez sur un chip de colonne pour afficher ses cartes — une colonne à la fois. Chaque chip est coloré selon le type de colonne et affiche un point de statut résumant l'activité des cartes.
- Appuyez sur un chip de colonne pour le sélectionner et voir ses cartes
- Appuyez à nouveau sur le chip sélectionné pour le désélectionner et revenir à la vue d'ensemble
- Un champ de recherche dans la barre d'application permet de filtrer les cartes de toutes les colonnes par titre
Sélecteur de board
Si votre projet contient plusieurs boards, utilisez l'icône du sélecteur de board dans la barre d'application pour naviguer entre eux. Une bottom sheet liste tous les boards disponibles pour le projet en cours.
Interactions avec les cartes
Les cartes se comportent différemment selon le type de colonne :
| Type de colonne | Comportement au tap |
|---|---|
| Active (Dev, Conversational, Skill) | Ouvre l'écran de détail complet de la carte |
| Passive (Backlog, Done) avec cartes éditables | Ouvre une bottom sheet d'édition rapide pour modifier le titre/la description |
| Passive (Backlog, Done) sans cartes éditables | Ouvre l'écran de détail complet de la carte |
Bouton d'action flottant
Le FAB (bouton d'action flottant) sur l'écran du board offre un raccourci vers le chat de l'Assistant IA — une conversation libre non liée à une carte.
Création de cartes
Appuyez sur le bouton ajouter une carte dans la barre d'application pour ouvrir le formulaire de création.
Champs de base
- Labels — sélectionnez parmi les chips de labels en haut du formulaire
- Titre — titre de la carte (80 caractères maximum)
- Prompt — description multi-lignes de la tâche pour l'agent
- Colonne de destination — choisissez dans quelle colonne la carte est créée
Barre d'outils du prompt
Sous le champ prompt, une barre d'outils propose deux actions :
- Joindre — ajouter des images (depuis l'appareil photo ou la galerie), des commandes ou des skills au prompt
- Affiner — ouvrir une pré-session IA pour affiner et améliorer le prompt avant de créer la carte
Options avancées
Dépliez la section Avancé pour configurer :
- Worktree — activer l'isolation Git worktree et définir un nom de branche personnalisé
- Credential — sélectionner quel credential d'API Claude utiliser
- Mode auto — activer la progression automatique dans le pipeline
- Ignorer conversational — passer les colonnes conversational dans le pipeline
Configuration du pipeline
Configurez les colonnes par lesquelles la carte passera dans le pipeline. Cela reflète la personnalisation du pipeline par carte disponible sur l'interface web.
Pièces jointes images
Joignez des images pour fournir un contexte visuel à l'agent :
- Appareil photo — prenez une photo directement
- Galerie — choisissez une image existante depuis votre appareil
Déplacement des cartes
Pour déplacer une carte entre les colonnes :
- Appui long sur une carte — vous sentirez un retour haptique confirmant le geste
- Une bottom sheet de sélection de colonne apparaît avec toutes les colonnes disponibles
- Appuyez sur la colonne cible pour déplacer la carte
WARNING
Si la carte a un agent en cours d'exécution, une boîte de dialogue de confirmation apparaîtra vous demandant de forcer l'arrêt de l'agent avant le déplacement. Cela évite d'interrompre accidentellement un travail en cours.
Détail d'une carte
Appuyez sur une carte dans une colonne active pour ouvrir l'écran de détail de la carte. L'écran comporte deux onglets :
Onglet Conversation
- Streaming en direct de la sortie de l'agent avec mises à jour en temps réel
- Indicateurs de réflexion montrant quand l'agent raisonne
- Badges d'exécution d'outils affichant les outils utilisés par l'agent
- Résumé continu montrant une vue condensée de la progression de l'agent
- Bouton aller en bas pour naviguer rapidement dans les longues conversations
- Synchronisation delta à la reconnexion WebSocket — à la reconnexion, seuls les nouveaux messages sont récupérés pour maintenir la cohérence des données
Onglet Diffs
Consultez les modifications Git effectuées par l'agent pour cette carte, avec les diffs fichier par fichier.
Actions d'en-tête
L'en-tête du détail de carte propose des actions rapides :
- Déplacer — relocaliser la carte dans une autre colonne
- Arrêter — stopper l'agent en cours d'exécution
- Réessayer — relancer l'exécution de l'agent
- Modifier — changer le titre et le prompt de la carte
- Badge pièces jointes — voir le nombre de fichiers joints
Bannières d'interaction en bas
Des bannières contextuelles apparaissent en bas de l'écran :
- Approbation de plan — quand un agent conversational demande l'approbation pour continuer, approuvez ou rejetez le plan
- Relais en attente — quand l'agent a besoin de votre saisie pour continuer, fournissez une réponse
- Barre de saisie — tapez des messages pour interagir avec l'agent pendant l'exécution
Interaction avec les agents
Quand une carte est dans une colonne active, vous pouvez interagir avec l'agent en cours directement depuis l'écran de détail.
Streaming en direct
La sortie de l'agent est diffusée en temps réel. Des indicateurs visuels vous aident à suivre le travail de l'agent :
- Blocs de réflexion — sections dépliables montrant le raisonnement de l'agent
- Badges d'exécution d'outils — indicateurs inline des appels d'outils (lecture de fichiers, écritures, commandes)
- Pourcentage d'utilisation du contexte — montre la part de la fenêtre de contexte de l'agent consommée
Workflow d'approbation de plan
Dans les colonnes conversational, l'agent opère en mode plan. Quand il produit un plan :
- Une bannière d'approbation de plan apparaît en bas
- Examinez l'approche proposée par l'agent
- Approuvez pour laisser l'agent continuer, ou rejetez pour demander des modifications
Relais et continuation
Quand un agent atteint un point où il a besoin d'une saisie utilisateur :
- Une bannière relais en attente apparaît
- Tapez votre réponse dans la barre de saisie
- L'agent continue avec vos indications
Arrêt et relance
- Arrêter — stoppe immédiatement l'exécution de l'agent. Utilisez ceci si l'agent part dans la mauvaise direction.
- Réessayer — relance l'agent depuis le début avec un contexte frais.
Assistant IA
L'Assistant IA est un chat libre qui n'est lié à aucune carte. Accédez-y en appuyant sur le FAB sur l'écran du board.
- Historique des messages — les messages précédents sont conservés pendant votre session
- Streaming en direct — les réponses arrivent en temps réel avec des indicateurs de réflexion
- Pièces jointes images — joignez des images depuis l'appareil photo ou la galerie (les commandes et skills ne sont pas disponibles en mode assistant)
- Bouton aller en bas — allez rapidement au dernier message
- Réinitialiser la conversation — effacez l'historique du chat et repartez de zéro depuis l'action dans la barre d'application
INFO
L'Assistant IA utilise les mêmes credentials d'API Claude que vos cartes mais fonctionne de manière indépendante — il n'a pas accès au contexte des cartes ni aux fichiers du projet.
Gestion des projets et organisations
Liste des projets
L'écran de liste des projets affiche tous les projets accessibles. Si vous appartenez à plusieurs organisations, un sélecteur d'organisation en menu déroulant apparaît dans la barre de titre pour filtrer les projets par organisation.
Le menu utilisateur dans la barre d'application donne accès à :
- Paramètres — préférences de l'application et credentials
- Organisations — gérer vos organisations
- Déconnexion — se déconnecter (en mode collaboratif)
Créer un projet
- Appuyez sur le bouton créer un projet
- Une bottom sheet de navigation de dossiers apparaît (déplaçable de 50% à 95% de la hauteur de l'écran)
- Parcourez pour sélectionner le dossier du projet — le nom du projet se remplit automatiquement depuis le nom du dossier
- Configurez les paramètres optionnels :
- Description — jusqu'à 200 caractères
- Couleur — choisissez dans la grille du sélecteur de couleurs
- Appuyez sur le bouton flottant valider pour créer
WARNING
Si le dossier sélectionné n'est pas un dépôt Git, un avertissement sera affiché. Stib fonctionne au mieux avec des projets Git pour l'isolation par worktree et le suivi des diffs.
Un overlay de succès confirme la création du projet.
Paramètres du projet
Accédez aux paramètres du projet pour gérer les boards :
- Liste des boards — consultez tous les boards avec leur badge de type et badge par défaut
- Créer un board — définissez un nom, un type de board et un template de colonnes
- Renommer un board — changez le nom du board
- Supprimer un board — supprimez un board (le board par défaut ne peut pas être supprimé)
Gestion des organisations
- Créez une organisation avec un nom
- Renommez ou supprimez des organisations via des actions de dialogue
- Les cartes d'organisation affichent l'avatar, le nom et le nombre de membres
- Votre organisation personnelle est marquée d'un indicateur spécial
Gestion des membres
Au sein d'une organisation :
- Ajoutez des membres par identifiant utilisateur avec attribution d'un rôle
- Changez les rôles via un dialogue radio (Owner, Admin, Member)
- Retirez des membres de l'organisation
- Les badges de rôle sont codés par couleur : owner (accent), admin (actif), member (gris)
Paramètres
Accédez aux paramètres depuis le menu utilisateur dans la barre d'application de la liste des projets.
Apparence
- Sélecteur de thème — choisissez entre les thèmes Système, Sombre et Clair via des chips de sélection
- Bascule contraste élevé — activez un contraste amélioré pour une meilleure lisibilité
Credentials Claude
Gérez vos credentials d'API Claude :
- Chaque credential affiche un point coloré d'utilisation indiquant le niveau de consommation :
| Couleur | Niveau d'utilisation |
|---|---|
| Vert | En dessous de 71% |
| Ambre | 71% – 90% |
| Orange | 91% – 94% |
| Rouge | 95% et plus |
- Appui long sur un credential pour afficher une modale de détails d'utilisation montrant la consommation session et hebdomadaire sous forme de barres de pourcentage
- Appuyez sur un credential pour le définir comme défaut pour les nouvelles cartes
Affichage agent
- Bascule raisonnement — afficher ou masquer les blocs de réflexion de l'agent dans les conversations
- Visibilité des outils — contrôlez quelles catégories d'outils sont visibles dans la sortie de l'agent :
- Tout afficher/masquer — basculez tous les outils d'un coup
- Catégories groupées — dépliez chaque catégorie et basculez les outils individuellement
Scripts
Exécutez les scripts du projet directement depuis l'application mobile.
- Appuyez sur le bouton scripts dans la barre d'application du board
- Une bottom sheet des scripts disponibles liste tous les scripts configurés
- Appuyez sur un script pour le lancer
Sortie en direct
La sortie des scripts est diffusée en temps réel via WebSocket :
- Affichage monospace avec sortie colorée —
stdoutetstderrsont visuellement distincts - Barre de statut en bas affichant l'état d'exécution :
| Statut | Affichage |
|---|---|
| En cours | Animation spinner |
| Terminé | Code de sortie (succès) |
| Échoué | Code de sortie (erreur) |
| Annulé | Indicateur d'annulation |
- Annulez un script en cours depuis l'action dans la barre d'application
Prochaines étapes
TIP
- Nouveau sur l'application mobile ? Commencez par le guide de connexion pour configurer votre lien serveur.
- Explorez le Guide utilisateur pour la documentation détaillée sur l'interface web.