Barre latérale de la maquette + contexte workspace conditionnel

Remaniement de la navigation selon « Loki App.dc.html » : le rail
d'icônes de 60 px et le panneau de sessions laissent place à UNE barre
latérale de 264 px — marque, navigation libellée (Demander, Historique,
Fichiers, Outils), section Configuration, état Ollama avec jauge VRAM et
carte de compte. La marque quitte la barre supérieure, qui ne garde que
le contexte de la conversation.

Les sessions restent accessibles par le sélecteur de la barre
supérieure, et les fichiers par la vue Fichiers.

Performance : l'inventaire du workspace n'est plus injecté à CHAQUE
message, seulement quand la demande touche au code ou qu'un travail de
code est en cours. Un simple « bonjour » partait avec des milliers de
jetons de contexte, d'où une longue phase de traitement avant le premier
jeton.

L'attente avant le premier jeton affiche désormais le modèle en cours de
chargement et le temps écoulé, au lieu de rester figée sur « Connexion à
Ollama… » sans distinguer lenteur et blocage.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SVay7z3y7q2gEe54ByAE6N

frontend/src/components/TopBar.tsx

@@ -1,10 +1,9 @@
 import { useEffect, useState } from "react";
 import { useStore } from "../store/useStore";
 import { getVersion } from "../api/client";
-import { LokiMark } from "./Icon";
 import { SessionMenu } from "./SessionMenu";
 
-/** Barre supérieure sombre : logo, fil d'Ariane, statut Ollama, sélecteur. */
+/** Barre supérieure : conversation courante, ressources, statut Ollama. */
 export function TopBar() {
   const status = useStore((s) => s.status);
   const stats = useStore((s) => s.systemStats);
@@ -17,23 +16,17 @@ export function TopBar() {
 
   return (
     <div className="flex h-[54px] flex-none items-center gap-3.5 border-b border-line bg-bar px-4">
-      <div className="flex items-center gap-2.5">
-        <LokiMark />
-        <div className="font-pixel text-[14px] text-ink">LOKI</div>
-        <div
-          className="text-[13px] leading-none text-on-dark-2"
-          title={version ? `build ${version}` : undefined}
-        >
-          agent local
-          {version && version !== "dev" && (
-            <span className="ml-1.5 text-on-dark-3">· {version.slice(0, 7)}</span>
-          )}
-        </div>
-      </div>
-
-      <div className="h-6 w-[3px] bg-chrome-3" />
-
+      {/* La marque vit désormais dans la barre latérale : on ne garde ici que
+          le contexte de la conversation en cours. */}
       <SessionMenu />
+      {version && version !== "dev" && (
+        <span
+          className="text-[12px] text-muted-3"
+          title={`build ${version}`}
+        >
+          {version.slice(0, 7)}
+        </span>
+      )}
 
       <div className="flex-1" />