Jauge de contexte, espace disque sur partage agrégé, panneau Fichiers

Trois défauts sans rapport entre eux, tous visibles à l'écran.

Jauge de contexte bloquée à « 0 / N (0 %) » : le comptage exact vient de
usage.prompt_tokens (include_usage), qu'un llama-server récent a cessé de
renvoyer. On note désormais si l'usage est arrivé ; sinon la fin de tour
publie l'estimation qui pilote déjà la compaction — approximative, mais
jamais absente. Et la souscription envoie la valeur courante juste après
le rattrapage : une page rechargée affichait zéro sur une discussion
pourtant pleine, faute d'événement ctx_used dans la fenêtre rejouée.

Espace disque : « il ne reste que 11,9 Go » sur un partage Unraid qui en
a des centaines. /mnt/user est servi par shfs, un FUSE qui agrège
plusieurs disques — statfs y renvoie l'espace d'un seul, et ce chiffre
REFUSAIT l'installation du modèle. Les systèmes de fichiers qui
approximent (FUSE, overlay, NFS, CIFS, Ceph, Gluster) sont reconnus par
leur magie : leur chiffre reste affiché, précédé d'un « ~ », mais ne
bloque plus rien.

Panneau Fichiers : le panneau entier défilait, emportant vers le haut
l'en-tête, le fil d'Ariane et le pied (occupation disque, bouton .zip)
dès qu'il y avait quelques fichiers. Seule la liste défile maintenant ;
le pied reste en bas et l'état vide se centre.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

internal/loki/ui/src/styles.css

@@ -1461,26 +1461,36 @@ button:hover{border-color:var(--dim);color:var(--text)}
    la place qui reste — le fil se resserre, il ne passe pas dessous.
    Le panneau est retiré du flux quand il est fermé (et non simplement décalé) :
    sinon il conserverait sa gouttière et le fil resterait décentré. */
+/* Le panneau ne défile PAS en entier : seule la liste le fait. Avec un
+   overflow sur le panneau, l'en-tête, le fil d'Ariane et le pied (occupation
+   disque, bouton .zip) s'en allaient vers le haut dès qu'il y avait quelques
+   fichiers — on perdait les repères et les actions en même temps. */
 #files{display:none;width:320px;flex-shrink:0;border-left:1px solid var(--border);
   background:var(--panel);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));
-  overflow-y:auto;flex-direction:column;gap:10px}
+  overflow:hidden;flex-direction:column;gap:10px}
 html[data-files="1"] #files{display:flex}
 #files-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:14}
-.files-head{display:flex;align-items:center;gap:8px}
+.files-head{display:flex;align-items:center;gap:8px;flex:none}
 .files-head .stitle{flex:1}
 #files-refresh,#files-close{margin:0;padding:2px 8px;min-height:0;font-size:12px;
   background:transparent;border:1px solid transparent;color:var(--dim);border-radius:4px}
 #files-refresh:hover,#files-close:hover{border-color:var(--border);color:var(--text)}
 /* Fil d'Ariane : il doit pouvoir revenir à la ligne — un identifiant de
    discussion dans le chemin dépasse largement 320 px. */
-.files-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:11px}
+.files-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:11px;flex:none}
 .files-crumb-b{margin:0;padding:2px 6px;min-height:0;font-size:11px;border:0;border-radius:3px;
   background:transparent;color:var(--dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .files-crumb-b:hover:not(:disabled){background:var(--row-bg-on);color:var(--text)}
 .files-crumb-b.on{color:var(--text);cursor:default}
 .files-crumb-s{color:var(--dim);opacity:.5}
-.files-list{display:flex;flex-direction:column;flex:1;min-height:0}
-.files-empty{font-size:12px;line-height:1.5;padding:10px 2px}
+.files-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
+  /* La barre de défilement ne doit pas décoller les lignes du bord : on lui
+     rend la gouttière plutôt que d'ajouter une marge que le panneau sans
+     défilement paierait aussi. */
+  scrollbar-gutter:stable}
+/* État vide : centré dans la hauteur disponible plutôt que collé en haut d'un
+   grand vide — c'est le cas le plus fréquent à l'ouverture d'une discussion. */
+.files-empty{font-size:12px;line-height:1.5;padding:24px 2px;text-align:center;margin:auto 0}
 /* Une ligne = pastille, nom + méta, actions. Les actions n'apparaissent qu'au
    survol : au repos on veut lire des noms de fichiers, pas une grille de
    boutons. Sur écran tactile (pas de survol) elles restent visibles. */
@@ -1497,8 +1507,8 @@ html[data-files="1"] #files{display:flex}
 .files-acts .iconbtn{font-size:11px;line-height:1;padding:4px 6px;background:transparent;
   border:1px solid transparent;border-radius:3px;color:var(--dim);cursor:pointer;margin:0;min-height:0}
 .files-acts .iconbtn:hover{border-color:var(--border);color:var(--text)}
-.files-foot{font-family:var(--mono);font-size:10px;padding-top:2px;border-top:1px solid var(--border);
-  display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+.files-foot{font-family:var(--mono);font-size:10px;padding-top:6px;border-top:1px solid var(--border);
+  display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none;margin-top:auto}
 /* Détour « hors discussion » : discret, en pied de panneau — c'est une sortie de
    secours pour les fichiers d'avant le rangement par discussion, pas une vue
    qu'on propose au même rang que la discussion ouverte. */