Apparence et clavier
L’interface web a un thème sombre et un thème clair, une taille de texte modifiable, une pastille d’état qui indique si le relais répond, et une disposition qui passe d’une barre latérale ancrée à un tiroir. Tout cela est conservé dans votre navigateur : chaque appareil a donc son propre aspect. Cette page liste aussi les raccourcis clavier.
Thème #
Ouvrez Settings → General (Réglages → Général) et choisissez Dark (Sombre) ou Light (Clair) sous Theme (Thème). Le thème sombre est celui par défaut. Le choix est enregistré dans le navigateur que vous utilisez : un autre navigateur ou appareil garde le sien. Aucune option ne permet de suivre le réglage du système.
L’app installée suit aussi le thème. En Light, l’icône de l’app, l’icône de l’onglet du navigateur et le logo de l’interface passent au jeu clair, et le fond de lancement et la couleur de la barre d’outils de l’app deviennent blancs.
Le menu ⋯ propose le même interrupteur sous forme d’une entrée, ☀️ Day mode (Mode Jour) ou 🌙 Night
mode (Mode Nuit), nommée d’après le mode vers lequel vous basculez. Ajouté en 0.9.11 Elle est présente
dès que vous êtes connecté, qu’une conversation soit ouverte ou non. Dans la
vue partagée en lecture seule, qui n’a pas
de Settings, c’est la seule entrée du menu.
Taille du texte #
Text scaling (Mise à l’échelle du texte) sous Settings → General met à l’échelle tout le texte de l’interface, y compris le fil de la conversation. Il propose de 50 % à 150 % par pas de 10 %. La valeur par défaut est 100 %.
Deux gestes la règlent également, dans la même plage de 50 % à 150 % :
- Maintenez Ctrl (ou Cmd sur un Mac) et tournez la molette de la souris. Un tour lent change la taille de 1 %, une rotation rapide davantage.
- Pincez avec deux doigts sur un écran tactile.
Un petit badge avec le pourcentage s’affiche pendant le geste. Après un geste,
la liste déroulante affiche la valeur intermédiaire, comme 73%. Les deux
gestes sont ignorés au-dessus d’une image dans la visionneuse de fichiers, où ils zooment
sur l’image. La valeur est enregistrée par navigateur. Pendant que vous la
changez, le message que vous lisiez reste en place.
La pastille d’état du relais #
La pastille se trouve en haut de la liste des conversations, avec le texte CLI online (CLI en ligne) ou CLI offline (CLI hors ligne) à côté. Survolez-la pour afficher une info-bulle. Sur un téléphone, la liste est un tiroir généralement fermé : les barres du bouton ☰ prennent donc la même couleur.
| Couleur | Info-bulle | Signification |
|---|---|---|
| Gris | Web relay unreachable (Relais web injoignable) |
Le navigateur n’a pas de connexion au relais. |
| Vert | Web relay reachable (Relais web joignable) |
Le relais répond. |
| Vert | Web relay reachable; CLI offline |
Le relais répond, mais son côté agent est hors ligne. Une bannière indique « CLI is offline — messages will queue until it reconnects » (La CLI est hors ligne — les messages attendent dans la file jusqu’à sa reconnexion). |
| Ambre | Web relay reachable via Cloudflare Tunnel (Relais web joignable via Cloudflare Tunnel) |
Le relais répond et il est aussi joignable depuis Internet par son tunnel Cloudflare. |
| Vert | Web relay reachable; Cloudflare tunnel disconnected (Relais web joignable ; tunnel Cloudflare déconnecté) |
Le tunnel est configuré mais pas connecté. La pastille reste verte, car le relais lui-même répond. L’info-bulle ajoute l’erreur s’il y en a une. |
| Vert | Web relay reachable; Cloudflare tunnel off: cloudflared is not installed |
Le tunnel est configuré, mais cloudflared manque. Le texte d’erreur du relais lui-même peut remplacer la dernière partie. |
Quand la CLI est en ligne, l’info-bulle se termine par le nombre de workers de
session en cours de traitement, dégradés ou en attente d’une question, dans cet
ordre de priorité : par exemple 2 session workers processing. Les info-bulles
« CLI offline » du tableau gardent la couleur de la pastille, si bien que la
pastille est ambre quand le tunnel est connecté.
Disposition #
Ordinateur #
La liste des conversations est ancrée à gauche. Le bouton ☰, Toggle conversations sidebar (Afficher ou masquer la barre latérale des conversations), la replie et l’ouvre, et le navigateur s’en souvient. Faites glisser le séparateur entre la liste et le chat pour la redimensionner, de 10 % à 50 % de la largeur de la fenêtre. La largeur est mémorisée séparément pour les fenêtres en portrait et en paysage.
Téléphone #
À 680 pixels de largeur de fenêtre ou moins, la liste devient un tiroir au-dessus du chat, qui occupe 92 % de la largeur. ☰ l’ouvre, et un appui sur la zone assombrie à l’extérieur le ferme. La taille du texte suit la largeur de l’écran dans une plage fixe, et votre Text scaling la multiplie.
Différences en dessous de 680 pixels :
- La touche Entrée du clavier virtuel ajoute une ligne. Vous envoyez avec le bouton Send (Envoyer).
- Après un envoi, la zone de saisie libère le clavier. Sur un écran plus large, elle garde le focus.
En paysage sur un téléphone (un écran tactile d’une hauteur de 500 pixels ou moins), la taille du texte se base sur le petit côté de l’écran, si bien que le clavier virtuel ne réduit pas le texte.
Clavier #
Sur un Mac, Cmd remplace Ctrl. Aucun de ces raccourcis ne peut être réassigné.
| Où | Touche | Ce qu’elle fait |
|---|---|---|
| Zone de saisie | Ctrl+Enter | Envoie le message. |
| Zone de saisie | Enter, Shift+Enter | Ajoute une nouvelle ligne. |
Menus / et @ |
↑, ↓ | Déplacent la sélection. ↑ sur la première ligne la retire. |
Menus / et @ |
Tab | Accepte la ligne sélectionnée, ou la première. |
Menus / et @ |
Enter | Accepte une ligne atteinte avec les flèches. Sinon, c’est une nouvelle ligne. |
Menus / et @ |
Esc | Ferme le menu. |
| Carte de question, champ de texte | Ctrl+Enter | Envoie la réponse. |
| Filtre de la liste des conversations | Esc | Efface le filtre. |
| Recherche dans les messages | Enter | Lance la recherche. |
| Recherche dans les messages | Esc | Ferme la recherche. |
| Modification du titre | Enter | Enregistre le titre. |
| Modification du titre | Esc | Annule. |
| Explorateur de fichiers, renommage ou nouveau dossier | Enter | Confirme le nom. |
| Explorateur de fichiers, renommage ou nouveau dossier | Esc | Annule. |
| Explorateur de fichiers, confirmation de suppression | Enter | Confirme la suppression. |
| Menu Change CWD (Changer le dossier de travail) | ↑, ↓, Home, End | Déplacent la sélection. |
| Menu Change CWD | Enter, Space | Ouvrent le menu, ou choisissent le dossier sélectionné. |
| Menu Change CWD | Esc, Alt+↑, Tab | Ferment le menu sans choisir. Les touches de lettres sautent à un dossier correspondant. |
| Champs de dépôt et de branche cloud (nouvelle conversation) | ↑, ↓, Enter, Esc | Parcourent les suggestions, prennent celle qui est sélectionnée, ferment la liste. |
| Ligne de subagent dans le fil de la conversation | Enter, Space | La replient ou la déplient (quand la ligne a le focus). |
| Visionneuse de fichiers | →, ← | Fichier suivant ou précédent de la galerie. |
| Visionneuse de fichiers | Esc | Ferme la visionneuse. |
| Onglets des réglages | ←, →, ↑, ↓, Home, End | Passent à un autre onglet et l’ouvrent. |
| Menus du clic droit | ↑, ↓, Esc | Parcourent les entrées, ou ferment le menu. |
Menu ⋯ |
Esc | Le ferme. |
| Autres fenêtres | Esc | Ferme celle du dessus : la visionneuse de fichiers, la visionneuse de subagent, la fenêtre des modifications Git et son diff, l’éditeur d’images, le sélecteur d’emoji, l’explorateur de fichiers et les boîtes de dialogue comme Suspend host (Mettre l’hôte en veille). |
Le détail des touches de la zone de saisie se trouve dans La zone de saisie. Pour les cartes de question, voir Cartes de question, et pour la recherche, Le fil de la conversation.
Langue #
L’interface web est en anglais. Elle n’a pas de réglage de langue.