Interface utilisateur

Layout

┌─────────────────────────────────────────────────────────────┐
│  TopBar : réseau actif + topic + actions (notifs, settings) │
├──────────────┬──────────────────────────────┬───────────────┤
│              │                              │               │
│  Sidebar     │   Zone de messages           │  Sidebar      │
│  gauche      │                              │  droite       │
│              │   [historique + nouveaux]    │  (membres     │
│  Réseaux     │                              │   ou Whois)   │
│  Channels    │                              │               │
│  DMs         │   [Input + Fichier + Emoji]  │               │
│              │                              │               │
└──────────────┴──────────────────────────────┴───────────────┘

Sur mobile : navigation par onglets en bas (Réseaux / Chat / Membres / Paramètres).

Sidebar gauche

Réseaux IRC : dot coloré (vert connecté, orange connexion, rouge déconnecté)
Channels : gras si non-lus, badge rouge si mentions
Entrées spéciales : [Console] (messages serveur IRC), [Highlights] (toutes les mentions)
DMs : épinglables, fermeture possible (réapparaissent à nouveau message)
Clic droit sur un channel/DM → menu contextuel

Zone de messages

Types de messages :

Normal : avatar + nick + texte
Action /me : italique indentée * nick fait quelque chose
Notice : fond ambre, préfixe [nick]
Système : centré, italique (JOIN/PART/QUIT/TOPIC/KICK)
Séparateur "Nouveaux messages" entre historique et nouveaux

Interactions :

#channel dans un message → cliquable → JOIN automatique
URL HTTPS → lien cliquable
Image URL → préview inline, hover ou désactivée (configurable)
Bouton "Charger plus" en haut (pagination before=)

Zone de saisie

Raccourcis clavier

Touche	Action
`Enter`	Envoyer
`Shift+Enter`	Saut de ligne
`Tab`	Complétion nick (cycle sur plusieurs correspondances)
`↑` / `↓`	Historique des commandes
`Escape`	Fermer le picker emoji
`Ctrl+V` (image)	Upload automatique

Boutons

Fichier (📎) → FilePicker modal : grille des fichiers existants + upload nouveau fichier avec barre de progression
Emoji (😀) → Picker : ~300 emojis, 8 catégories, champ de recherche

Commandes slash

Commande	Description
`/join #channel`	Rejoindre un channel
`/part [#channel]`	Quitter le channel actif ou spécifié
`/msg <nick> <texte>`	Message privé
`/me <texte>`	Action IRC
`/nick <nouveau>`	Changer de pseudo
`/topic <texte>`	Modifier le topic
`/kick <nick> [raison]`	Kicker
`/mode <modes>`	Changer les modes
`/ignore <nick>`	Ignorer côté client
`/unignore <nick>`	Ne plus ignorer
`/` + autre	Envoyée en RAW au serveur IRC

Sidebar droite

Sur un channel — liste des membres :

Groupes : @ Opérateurs, % Half-ops, + Voiced, Membres
Coloration par genre optionnelle
Clic → panneau Whois + bouton MP
Clic droit → MP, surveiller, ignorer
Ignorés : barrés et transparents

Sur un DM — panneau Whois :

Username, hostname, realname
Channels en commun (cliquables → JOIN)
Bouton Ignorer / Ne plus ignorer
Bouton Surveiller (notification de présence)

Paramètres

Section	Contenu
Profil	Username, email, realname, mot de passe
Apparence	Thème, couleurs, police, préview images, coloration par genre
Notifications	Push, sons (volume + test), mots-clés, toasts
Réseaux	Connexions IRC
Fichiers	Bibliothèque uploads, provider de stockage préféré
Scripts	Éditeur NoxScript avec test dry-run
Plugins	Marketplace, installés, activer/désactiver

Préférences synchronisées entre appareils

Thème actif et surcharges CSS
Nicks ignorés, épinglés, surveillés
DMs épinglés / fermés
Provider de stockage préféré
Préférences de notifications et d'apparence

Synchronisées à la connexion (serveur prioritaire) et sauvegardées avec un délai de 1,5s après modification.