From 276a8287cbfb45b7c3774ae88eea4ee2132b2fd7 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 16 Aug 2026 18:15:24 +0000
Subject: [PATCH] =?UTF-8?q?Refonte=20:=20mod=C3=A8le=20charg=C3=A9,=20attr?=
 =?UTF-8?q?ibution,=20ombres,=20fl=C3=A8che,=20favicon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Retours sur la refonte, cinq corrections.

Modèle affiché
  Le sélecteur de l'en-tête ne montrait que le PRESET actif — or un preset n'est
  « actif » que si son empreinte correspond exactement à la configuration. Une
  configuration écrite à la main, héritée de l'image ou modifiée d'un cran depuis
  le dernier preset n'en désigne aucun, et l'en-tête restait muet alors qu'un
  modèle tournait. Il retombe désormais sur le nom du fichier de la
  configuration active (loadCfg le lui donne), et l'infobulle porte le chemin
  complet.

Attribution
  « fork de AJEAN » revient sous le nom de l'app, dans l'en-tête de la barre
  latérale, au lieu du pied de la zone défilante.

Ombres
  Les bulles du fil et la carte de saisie portent une vraie ombre douce
  (--shadow-card), comme la maquette — le filet de 1 px ne les décollait pas du
  fond.

Bouton d'envoi
  Chevron sauge sur fond transparent, à la place de la pastille verte pleine :
  c'est le dessin de la maquette, et il suit alors la même charte que ses
  voisins (dépôt, fichiers).

Favicon
  Carré sauge (#5E7F5A) au lieu du carré noir, aux quatre endroits qui le
  dessinent : favicon SVG, icône d'accueil iOS, icône du .exe (icon.ico) et PNG
  macOS — tous rendus depuis sys_brand_icon.go, seule source du dessin. La
  variante « template » de macOS reste noire : le système ne lit que son alpha.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LPyFxVHNAN9u5pVzSYMwjd
---
 cmd/loki/icon.ico                    | Bin 2730 -> 2850 bytes
 cmd/loki/icon.png                    | Bin 7918 -> 7969 bytes
 internal/loki/sys_brand_icon.go      |  11 ++-
 internal/loki/ui/index.html          | 102 +++++++++++++++++++--------
 internal/loki/ui/src/index.tmpl.html |  15 ++--
 internal/loki/ui/src/js/05-status.js |   3 +
 internal/loki/ui/src/js/18-shell.js  |  62 +++++++++++-----
 internal/loki/ui/src/styles.css      |  22 ++++--
 8 files changed, 152 insertions(+), 63 deletions(-)

diff --git a/cmd/loki/icon.ico b/cmd/loki/icon.ico
index febca2ce4b8f66981dcad5b22074596f1445c081..0d5030ab54a2f10e5d0a091c70d13d32f48d1f60 100644
GIT binary patch
literal 2850
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

literal 2730
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
N+hhr~ng9Ce`aA5;)Ib0L

diff --git a/cmd/loki/icon.png b/cmd/loki/icon.png
index 597bd606e2e3f2798ac36372c61e263ae554398f..31c03993d7f4781406aa17f6bf7092a85670d555 100644
GIT binary patch
literal 7969
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

literal 7918
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
Gy#06lJ_4Ko

diff --git a/internal/loki/sys_brand_icon.go b/internal/loki/sys_brand_icon.go
index 0f75171..4b64058 100644
--- a/internal/loki/sys_brand_icon.go
+++ b/internal/loki/sys_brand_icon.go
@@ -2,12 +2,15 @@ package loki
 
 // sys_brand_icon.go — l'icône de la marque Loki, rendue à la volée.
 //
-// RÉPLIQUE EXACTE du favicon de l'UI web : carré à coins arrondis NOIR + « j »
+// RÉPLIQUE EXACTE du favicon de l'UI web : carré à coins arrondis SAUGE + « j »
 // blanc (rects (6,3) (6,5) (4,7) sur une grille 12x12). Une seule source pour
 // tous les usages — zone de notification Windows, barre de menus macOS, icône du
 // .exe — pour qu'ils ne puissent plus diverger comme quand le favicon est passé
 // au noir en laissant les icônes système en bleu.
 //
+// La sauge est --accent de l'interface (#5E7F5A) : l'icône de l'onglet et celle
+// du bureau portent la couleur de l'app, pas un carré noir anonyme.
+//
 // Aucun asset binaire à committer : tout est dessiné ici, et l'icône du .exe est
 // produite par `go generate ./cmd/loki` (voir tools/gen-icon).
 
@@ -22,6 +25,8 @@ import (
 const trayIconSize = 32
 
 var (
+	// brandSage = --accent du thème clair. Le blanc du « j » s'y lit à 4,9:1.
+	brandSage  = color.RGBA{0x5e, 0x7f, 0x5a, 0xff}
 	brandBlack = color.RGBA{0x00, 0x00, 0x00, 0xff}
 	brandWhite = color.RGBA{0xff, 0xff, 0xff, 0xff}
 	brandClear = color.RGBA{0, 0, 0, 0}
@@ -80,9 +85,9 @@ func encodePNG(img *image.RGBA) []byte {
 	return buf.Bytes()
 }
 
-// BrandIconPNG rend l'icône de marque (noir + « j » blanc) en PNG de n pixels.
+// BrandIconPNG rend l'icône de marque (sauge + « j » blanc) en PNG de n pixels.
 // Exporté pour le générateur d'icône du .exe (tools/gen-icon).
-func BrandIconPNG(n int) []byte { return encodePNG(brandIconImage(n, brandBlack, brandWhite)) }
+func BrandIconPNG(n int) []byte { return encodePNG(brandIconImage(n, brandSage, brandWhite)) }
 
 // brandTemplatePNG rend la variante « template » attendue par macOS : seule la
 // couche alpha compte, le système colore la forme selon le thème de la barre de
diff --git a/internal/loki/ui/index.html b/internal/loki/ui/index.html
index 90672cf..f5825c2 100644
--- a/internal/loki/ui/index.html
+++ b/internal/loki/ui/index.html
@@ -12,8 +12,8 @@
 <!-- Favicon (même marque « loki » que la landing/portail) + icône PWA (écran d'accueil
      iOS). SVG inline pour le favicon, PNG 180×180 en data-URI pour apple-touch-icon
      (iOS n'accepte pas le SVG pour l'icône d'accueil). Aucun fichier externe requis. -->
-<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><rect width='12' height='12' rx='2' ry='2' fill='%23000'/><rect x='6' y='3' width='2' height='2' fill='%23fff'/><rect x='6' y='5' width='2' height='2' fill='%23fff'/><rect x='4' y='7' width='2' height='2' fill='%23fff'/></svg>">
-<link rel="apple-touch-icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAIAAACyr5FlAAABBUlEQVR42u3SAQkAAAwCQfuX3lI4GNxF0E8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIArU2NbcYhDHOIQhzgQB+JAHIgDcSAOxIE4xCEOcYhDHIgDcSAOxIE4EAfiQBziEIc4xCEOcYgDcSAOxIE4EAfiQBziEIc4xCEOcYgDcSAOxIE4EAfiQByIQxziEIc4xIE4EAfiQByIA3EgDsQhDnGIQxziEIc4EAfiQByIAxciDsSBOBAH4kAc4hCHOMQhDnGIA3EgDsSBOBAH4kAc4hCHOMQhDnGIA3EgDsSBOBAH4kAciEMc4hCHOMQBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADfLBHMhi4TnG6EAAAAAElFTkSuQmCC">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><rect width='12' height='12' rx='2' ry='2' fill='%235E7F5A'/><rect x='6' y='3' width='2' height='2' fill='%23fff'/><rect x='6' y='5' width='2' height='2' fill='%23fff'/><rect x='4' y='7' width='2' height='2' fill='%23fff'/></svg>">
+<link rel="apple-touch-icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAADD0lEQVR4nOzdW27aWgBGYag6ylZqh1I6lFZKppmjEylRLlyMsbG9+n3vsP2w8mfDC193d/Dj17ene5zDuv39/bif+4xZDhAwQ8wR+GRvKGJuMVXcN7+JkJnSrWGPfrGQmdPYsL+MeZGYmdvYxq76KxAyS7hmrQcvtJhZyjXtDQpazCxtaIMXgxYzazGkxbNBi5m1udTkyaDFzFqda3PU13awVkeDts6s3alGPwUtZrbiWKuuHKS8C9o6szUfm7XQpLwGbZ3ZqrftWmhSBE3Kc9CuG2zdS8MWmhRBkyJoUvbuz5RYaFIETYqgSRE0KYImRdCkCJoUQZMiaFIETYqgSRE0KYImRdCkCJoUQZMiaFIETYqgSbnLj9ez2/05PCxy7s/D90XOXYqFJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAialK9LP8C9/Tk8LHLuz8P3Rc7911hoUgRNiqBJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgiZl/+PXt6elHwKmYqFJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgibly9/fj/ulHwKm8H/LFpoUQZMiaFKeg3aPZuteGrbQpAialNegXTvYqrftWmhS3gVtpdmaj81aaFI+BW2l2YpjrR5daFGzdqcadeUg5WTQVpq1Otfm2YUWNWtzqcmLVw5RsxZDWhx0hxY1Sxva4OAPhaJmKde0NypSPwXHPYwZ0VFf21lr5ja2sZvDtNZM6daxnGxphc0tpvqvP8vVQdwMMcfV9S53YYGzu9Nnr/8CAAD//xZRk2OJYiOqAAAAAElFTkSuQmCC">
 <!-- Marque le mode PWA AVANT le rendu : la hauteur de coque et le défilement du
      document en dépendent (voir styles.css). ⚠️ On NE PEUT PAS se fier au média
      `display-mode:standalone` : WebKit l'adosse au `display` du MANIFESTE, or cette
@@ -66,7 +66,8 @@ document.documentElement.setAttribute('data-perf',localStorage.getItem('loki-per
   --ok:#5e7f5a;--warn:#a86a2a;--err:#c0503f;--mag:#a86a2a;
   --code-bg:#f4f6f5;--danger-bg:#faeae7;--warn-bg:#f7f0e5;
   --add:#5e7f5a;--add-bg:rgba(94,127,90,.11);--del:#c0503f;--del-bg:rgba(192,80,63,.12);
-  --shadow:0 1px 2px rgba(15,23,42,.05);--shadow-lift:0 4px 16px rgba(15,23,42,.08)}
+  --shadow:0 1px 2px rgba(15,23,42,.05);--shadow-lift:0 4px 16px rgba(15,23,42,.08);
+  --shadow-card:0 2px 10px rgba(15,23,42,.07),0 1px 3px rgba(15,23,42,.05)}
 /* « Deep Dark » : fond #0F172A, cartes #1E293B. */
 [data-theme="dark"]{color-scheme:dark;
   --bg:#0f172a;--panel:#1e293b;--bubble:#1e293b;--border:rgba(148,163,184,.17);
@@ -77,7 +78,8 @@ document.documentElement.setAttribute('data-perf',localStorage.getItem('loki-per
   --ok:#8fb08c;--warn:#d9a55f;--err:#e0705c;--mag:#d9a55f;
   --code-bg:#131c2f;--danger-bg:#3a1f1c;--warn-bg:#33291b;
   --add:#8fb08c;--add-bg:rgba(143,176,140,.16);--del:#e0705c;--del-bg:rgba(224,112,92,.16);
-  --shadow:none;--shadow-lift:0 4px 16px rgba(0,0,0,.35)}
+  --shadow:none;--shadow-lift:0 4px 16px rgba(0,0,0,.35);
+  --shadow-card:0 2px 12px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.22)}
 /* Safari iOS peint un rectangle gris/noir sur TOUT élément touché (bouton, lien,
    résumé de section, bulle repliable…). C'est un retour tactile par défaut, hors
    de notre charte et impossible à styler : on le coupe. Nos états :active/:focus
@@ -1601,12 +1603,12 @@ button:active:not(:disabled){transform:translateY(1px)}
    nu flotte sans ancrage, et la frontière entre deux réponses se perd. */
 #chat{padding-top:22px}
 #chat .msg.assistant{background:var(--bubble);border:1px solid var(--border);
-  border-radius:16px;padding:14px 18px;max-width:100%;box-shadow:var(--shadow)}
+  border-radius:16px;padding:14px 18px;max-width:100%;box-shadow:var(--shadow-card)}
 #chat .msg.assistant.errmsg{background:var(--danger-bg);border-color:color-mix(in srgb,var(--err) 45%,transparent)}
 /* Question : aplat de sauge, coin bas-droit rentré. --on-accent garantit le
    contraste dans les DEUX variantes. */
 #chat .msg.user{background:var(--accent);color:var(--on-accent);border-radius:18px 18px 6px 18px;
-  padding:11px 16px;max-width:75%}
+  padding:11px 16px;max-width:75%;box-shadow:var(--shadow-card)}
 #chat .msg.user .label{color:var(--on-accent);opacity:.75}
 #chat .msg.user .body a{color:var(--on-accent);text-decoration:underline}
 #chat .msg.user code{background:rgba(255,255,255,.18);color:inherit}
@@ -1623,13 +1625,16 @@ button:active:not(:disabled){transform:translateY(1px)}
 #send,#stop{width:34px;height:34px;min-height:34px;padding:0;border-radius:999px;
   display:inline-flex;align-items:center;justify-content:center;flex:none}
 #send svg,#stop svg{display:block}
-#send:hover:not(:disabled){opacity:1;transform:none;background:color-mix(in srgb,var(--accent) 85%,var(--text))}
+#send{background:transparent;border-color:transparent;color:var(--accent)}
+#send:hover:not(:disabled){opacity:1;transform:none;background:var(--accent-bg);color:var(--accent)}
 #send:active:not(:disabled){transform:scale(.92)}
-#stop:hover{opacity:1;background:color-mix(in srgb,var(--err) 85%,var(--text))}
+#send:disabled{background:transparent;color:var(--dim)}
+#stop{background:transparent;border-color:transparent;color:var(--err)}
+#stop:hover{opacity:1;background:var(--danger-bg);color:var(--err)}
 /* Les outils de la saisie (joindre, fichiers, envoyer) montent DANS la pilule,
    à droite du texte : c'est là qu'on les cherche, et le pied de carte redevient
    ce qu'il doit être — une jauge de contexte, rien d'autre. */
-#inputbar{align-items:flex-end;padding:8px 8px 8px 18px;gap:4px;box-shadow:var(--shadow)}
+#inputbar{align-items:flex-end;padding:8px 8px 8px 18px;gap:4px;box-shadow:var(--shadow-card)}
 #composer:focus-within #inputbar,#composer:focus-within #ctxmeta{border-color:var(--accent-soft)}
 #inputbar #attach,#inputbar #files-btn{width:34px;height:34px;min-height:34px;border-radius:999px;
   align-self:center}
@@ -1701,6 +1706,9 @@ button:active:not(:disabled){transform:translateY(1px)}
    garde-fou de largeur (contrairement à .pe-row-c) : une valeur très longue —
    un chemin de destination, par exemple — débordait sous l'intitulé. */
 .pe-row>.pe-selc{max-width:62%}
+/* Marque et attribution du fork empilées, pastille d'état à leur droite. */
+.sidebrand{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
+.sidebrand .brand-fork{margin:0;font-size:10px;line-height:1.3}
 </style></head><body>
 <button id="menubtn" onclick="toggleSide()">☰</button>
 <!-- Installation d'un moteur en cours : le détail vit dans le panneau, qui est
@@ -1713,7 +1721,12 @@ button:active:not(:disabled){transform:translateY(1px)}
        C'est ce découpage qui garde les jauges visibles quel que soit le nombre
        de discussions — elles les poussaient auparavant hors de l'écran. -->
   <div class="sidehead">
+    <div class="sidebrand">
     <h1 id="brand" aria-label="loki" title="Loki — fork d'AJEAN (github.com/nathaninline/ajean, MIT)"><span id="brand-a"><svg viewBox="0 0 4 5" shape-rendering="crispEdges" fill="currentColor"><rect x="0" y="0" width="1" height="5"/><rect x="1" y="4" width="3" height="1"/></svg></span><span id="brand-word"><svg viewBox="0 0 11 5" shape-rendering="crispEdges" fill="currentColor"><rect x="0" y="0" width="3" height="1"/><rect x="0" y="1" width="1" height="3"/><rect x="2" y="1" width="1" height="3"/><rect x="0" y="4" width="3" height="1"/><rect x="4" y="0" width="1" height="5"/><rect x="6" y="0" width="1" height="2"/><rect x="5" y="2" width="1" height="1"/><rect x="6" y="3" width="1" height="2"/><rect x="8" y="0" width="3" height="1"/><rect x="9" y="1" width="1" height="3"/><rect x="8" y="4" width="3" height="1"/></svg></span><span id="ver"></span></h1>
+    <!-- Attribution du fork (licence MIT de l'amont) : sous le nom de l'app,
+         là où elle a toujours vécu. -->
+    <div class="brand-fork">fork de <a href="https://github.com/nathaninline/ajean" target="_blank" rel="noopener noreferrer" title="AJEAN par nathaninline — licence MIT">AJEAN</a></div>
+    </div><!-- /.sidebrand -->
     <span id="status-svc" class="statuspill" onclick="toggleSvcLog()" title="voir le journal du moteur">…</span>
   </div>
   <div id="side-scroll">
@@ -2009,10 +2022,6 @@ button:active:not(:disabled){transform:translateY(1px)}
   </details>
   </div><!-- /sidegroup -->
   </details><!-- /#side-settings -->
-  <!-- Attribution du fork (licence MIT de l'amont) : en pied de la zone
-       défilante, sous les réglages. Elle a quitté l'en-tête, que la refonte
-       réduit à la marque et à l'état du moteur, mais elle reste affichée. -->
-  <div class="brand-fork">fork de <a href="https://github.com/nathaninline/ajean" target="_blank" rel="noopener noreferrer" title="AJEAN par nathaninline — licence MIT">AJEAN</a></div>
   </div><!-- /#side-scroll -->
   <!-- Moniteur machine : charge GPU, VRAM et mémoire vive. Posé en pied, en
        jauges fines — visible en permanence sans jamais disputer la place au
@@ -2089,7 +2098,7 @@ button:active:not(:disabled){transform:translateY(1px)}
            reste porté par aria-label et l'infobulle — l'action garde son nom
            pour un lecteur d'écran, elle ne l'affiche simplement plus. -->
       <button id="send" onclick="send()" title="Envoyer" aria-label="Envoyer">
-        <svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12h15"/><path d="m13 6 6 6-6 6"/></svg>
+        <svg viewBox="0 0 24 24" width="19" height="19" fill="currentColor" stroke="none" aria-hidden="true"><path d="M3.2 20.6 21.5 12 3.2 3.4l.02 6.69L16 12 3.22 13.9z"/></svg>
       </button>
       <button id="stop" onclick="stopGen()" style="display:none" title="Arrêter la génération" aria-label="Arrêter la génération">
         <svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor" stroke="none" aria-hidden="true"><rect x="6" y="6" width="12" height="12" rx="2"/></svg>
@@ -3030,6 +3039,9 @@ async function loadCfg(){
     else v='llama.cpp personnalisé : '+c.BIN;
     rows.push(row('MOTEUR', v, c.BIN));
   }
+  // Le modèle chargé alimente aussi le sélecteur de l'en-tête : c'est la seule
+  // source qui le connaisse quand aucun preset ne correspond à la configuration.
+  if(typeof setLoadedModel === 'function') setLoadedModel(c.MODEL || '');
   ['MODEL','CTX','BATCH','UBATCH','NGL'].filter(k=>c[k]).forEach(k=>{
     let v=c[k]; if(k==='MODEL') v=v.split('/').pop();
     rows.push(row(k, v));
@@ -6774,33 +6786,63 @@ function onModelSwitch(sel){
   switchTo(n, name);
 }
 
-// Remplit le sélecteur à partir de la liste de presets déjà chargée par
-// loadPresets() — aucun appel réseau supplémentaire.
+// Le sélecteur affiche LE MODÈLE CHARGÉ, pas seulement le preset actif.
+//
+// Les deux ne coïncident pas toujours : un preset n'est « actif » que si son
+// empreinte correspond exactement à la configuration courante. Une configuration
+// écrite à la main, héritée d'une image, ou modifiée d'un cran depuis le dernier
+// preset ne correspond à AUCUN d'entre eux — et l'en-tête n'affichait alors rien
+// alors qu'un modèle était bel et bien chargé. On retombe donc sur le nom du
+// fichier de la configuration active.
+//
+// Deux sources, deux moments : loadPresets() donne la liste, loadCfg() donne le
+// modèle. Chacune dépose ce qu'elle sait et redemande le dessin — elles partent
+// en parallèle (loadAll), aucun ordre n'est garanti.
+let MS_PRESETS = [], MS_ACTIVE = null, MS_MODEL = '';
+
 function renderModelSwitch(presets, active){
+  MS_PRESETS = presets || []; MS_ACTIVE = active || null;
+  paintModelSwitch();
+}
+// Appelé par loadCfg avec la valeur MODEL de la configuration active.
+function setLoadedModel(name){
+  MS_MODEL = (name || '').trim();
+  paintModelSwitch();
+}
+// Nom lisible d'un fichier de modèle : sans dossier ni extension. Un .gguf
+// s'appelle « Qwen3-14B-Instruct-Q4_K_M.gguf » — le chemin et le suffixe
+// n'apprennent rien et mangent toute la place.
+function modelLabel(path){
+  const base = path.split(/[\\/]/).pop();
+  return base.replace(/\.gguf$/i, '');
+}
+function paintModelSwitch(){
   const sel = document.getElementById('model-switch');
   if(!sel) return;
+  const prev = sel.value;
   sel.textContent = '';
-  if(!presets || !presets.length){
+  // Ligne de tête : ce qui est RÉELLEMENT chargé, quand aucun preset ne le
+  // revendique. Value vide → onModelSwitch l'ignore, elle ne bascule rien.
+  if(!MS_ACTIVE){
     const o = document.createElement('option');
-    o.textContent = 'aucun preset'; o.value = '';
-    sel.appendChild(o); sel.disabled = true;
-    return;
+    o.value = '';
+    o.textContent = MS_MODEL ? modelLabel(MS_MODEL) : (MS_PRESETS.length ? 'aucun modèle actif' : 'aucun preset');
+    o.selected = true;
+    sel.appendChild(o);
   }
-  sel.disabled = false;
-  presets.forEach((p, i) => {
+  MS_PRESETS.forEach((p, i) => {
     const o = document.createElement('option');
     o.value = String(i + 1);
     o.textContent = p.name;
-    if(active && p.id === active.id) o.selected = true;
+    if(MS_ACTIVE && p.id === MS_ACTIVE.id) o.selected = true;
     sel.appendChild(o);
   });
-  // Aucun preset actif (configuration modifiée à la main) : on le dit, plutôt
-  // que de laisser le premier de la liste passer pour le modèle chargé.
-  if(!active){
-    const o = document.createElement('option');
-    o.value = ''; o.textContent = 'configuration hors preset'; o.selected = true;
-    sel.insertBefore(o, sel.firstChild);
-  }
+  sel.disabled = !MS_PRESETS.length;
+  sel.title = MS_MODEL
+    ? 'modèle chargé : ' + MS_MODEL + ' — changer de preset relance le moteur'
+    : 'aucun modèle configuré';
+  // Une bascule en cours ne doit pas voir sa sélection sauter sous la souris.
+  if(prev && [...sel.options].some(o => o.value === prev)) sel.value = prev;
 }
 
 // État initial des libellés (le CSS, lui, est déjà appliqué par le <head>).
diff --git a/internal/loki/ui/src/index.tmpl.html b/internal/loki/ui/src/index.tmpl.html
index 557df10..75daca3 100644
--- a/internal/loki/ui/src/index.tmpl.html
+++ b/internal/loki/ui/src/index.tmpl.html
@@ -12,8 +12,8 @@
 <!-- Favicon (même marque « loki » que la landing/portail) + icône PWA (écran d'accueil
      iOS). SVG inline pour le favicon, PNG 180×180 en data-URI pour apple-touch-icon
      (iOS n'accepte pas le SVG pour l'icône d'accueil). Aucun fichier externe requis. -->
-<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><rect width='12' height='12' rx='2' ry='2' fill='%23000'/><rect x='6' y='3' width='2' height='2' fill='%23fff'/><rect x='6' y='5' width='2' height='2' fill='%23fff'/><rect x='4' y='7' width='2' height='2' fill='%23fff'/></svg>">
-<link rel="apple-touch-icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAIAAACyr5FlAAABBUlEQVR42u3SAQkAAAwCQfuX3lI4GNxF0E8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIArU2NbcYhDHOIQhzgQB+JAHIgDcSAOxIE4xCEOcYhDHIgDcSAOxIE4EAfiQBziEIc4xCEOcYgDcSAOxIE4EAfiQBziEIc4xCEOcYgDcSAOxIE4EAfiQByIQxziEIc4xIE4EAfiQByIA3EgDsQhDnGIQxziEIc4EAfiQByIAxciDsSBOBAH4kAc4hCHOMQhDnGIA3EgDsSBOBAH4kAc4hCHOMQhDnGIA3EgDsSBOBAH4kAciEMc4hCHOMQBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADfLBHMhi4TnG6EAAAAAElFTkSuQmCC">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><rect width='12' height='12' rx='2' ry='2' fill='%235E7F5A'/><rect x='6' y='3' width='2' height='2' fill='%23fff'/><rect x='6' y='5' width='2' height='2' fill='%23fff'/><rect x='4' y='7' width='2' height='2' fill='%23fff'/></svg>">
+<link rel="apple-touch-icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAADD0lEQVR4nOzdW27aWgBGYag6ylZqh1I6lFZKppmjEylRLlyMsbG9+n3vsP2w8mfDC193d/Dj17ene5zDuv39/bif+4xZDhAwQ8wR+GRvKGJuMVXcN7+JkJnSrWGPfrGQmdPYsL+MeZGYmdvYxq76KxAyS7hmrQcvtJhZyjXtDQpazCxtaIMXgxYzazGkxbNBi5m1udTkyaDFzFqda3PU13awVkeDts6s3alGPwUtZrbiWKuuHKS8C9o6szUfm7XQpLwGbZ3ZqrftWmhSBE3Kc9CuG2zdS8MWmhRBkyJoUvbuz5RYaFIETYqgSRE0KYImRdCkCJoUQZMiaFIETYqgSRE0KYImRdCkCJoUQZMiaFIETYqgSbnLj9ez2/05PCxy7s/D90XOXYqFJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAiaFEGTImhSBE2KoEkRNCmCJkXQpAialK9LP8C9/Tk8LHLuz8P3Rc7911hoUgRNiqBJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgiZl/+PXt6elHwKmYqFJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgiZF0KQImhRBkyJoUgRNiqBJETQpgibly9/fj/ulHwKm8H/LFpoUQZMiaFKeg3aPZuteGrbQpAialNegXTvYqrftWmhS3gVtpdmaj81aaFI+BW2l2YpjrR5daFGzdqcadeUg5WTQVpq1Otfm2YUWNWtzqcmLVw5RsxZDWhx0hxY1Sxva4OAPhaJmKde0NypSPwXHPYwZ0VFf21lr5ja2sZvDtNZM6daxnGxphc0tpvqvP8vVQdwMMcfV9S53YYGzu9Nnr/8CAAD//xZRk2OJYiOqAAAAAElFTkSuQmCC">
 <!-- Marque le mode PWA AVANT le rendu : la hauteur de coque et le défilement du
      document en dépendent (voir styles.css). ⚠️ On NE PEUT PAS se fier au média
      `display-mode:standalone` : WebKit l'adosse au `display` du MANIFESTE, or cette
@@ -42,7 +42,12 @@ document.documentElement.setAttribute('data-perf',localStorage.getItem('loki-per
        C'est ce découpage qui garde les jauges visibles quel que soit le nombre
        de discussions — elles les poussaient auparavant hors de l'écran. -->
   <div class="sidehead">
+    <div class="sidebrand">
     <h1 id="brand" aria-label="loki" title="Loki — fork d'AJEAN (github.com/nathaninline/ajean, MIT)"><span id="brand-a"><svg viewBox="0 0 4 5" shape-rendering="crispEdges" fill="currentColor"><rect x="0" y="0" width="1" height="5"/><rect x="1" y="4" width="3" height="1"/></svg></span><span id="brand-word"><svg viewBox="0 0 11 5" shape-rendering="crispEdges" fill="currentColor"><rect x="0" y="0" width="3" height="1"/><rect x="0" y="1" width="1" height="3"/><rect x="2" y="1" width="1" height="3"/><rect x="0" y="4" width="3" height="1"/><rect x="4" y="0" width="1" height="5"/><rect x="6" y="0" width="1" height="2"/><rect x="5" y="2" width="1" height="1"/><rect x="6" y="3" width="1" height="2"/><rect x="8" y="0" width="3" height="1"/><rect x="9" y="1" width="1" height="3"/><rect x="8" y="4" width="3" height="1"/></svg></span><span id="ver"></span></h1>
+    <!-- Attribution du fork (licence MIT de l'amont) : sous le nom de l'app,
+         là où elle a toujours vécu. -->
+    <div class="brand-fork">fork de <a href="https://github.com/nathaninline/ajean" target="_blank" rel="noopener noreferrer" title="AJEAN par nathaninline — licence MIT">AJEAN</a></div>
+    </div><!-- /.sidebrand -->
     <span id="status-svc" class="statuspill" onclick="toggleSvcLog()" title="voir le journal du moteur">…</span>
   </div>
   <div id="side-scroll">
@@ -338,10 +343,6 @@ document.documentElement.setAttribute('data-perf',localStorage.getItem('loki-per
   </details>
   </div><!-- /sidegroup -->
   </details><!-- /#side-settings -->
-  <!-- Attribution du fork (licence MIT de l'amont) : en pied de la zone
-       défilante, sous les réglages. Elle a quitté l'en-tête, que la refonte
-       réduit à la marque et à l'état du moteur, mais elle reste affichée. -->
-  <div class="brand-fork">fork de <a href="https://github.com/nathaninline/ajean" target="_blank" rel="noopener noreferrer" title="AJEAN par nathaninline — licence MIT">AJEAN</a></div>
   </div><!-- /#side-scroll -->
   <!-- Moniteur machine : charge GPU, VRAM et mémoire vive. Posé en pied, en
        jauges fines — visible en permanence sans jamais disputer la place au
@@ -418,7 +419,7 @@ document.documentElement.setAttribute('data-perf',localStorage.getItem('loki-per
            reste porté par aria-label et l'infobulle — l'action garde son nom
            pour un lecteur d'écran, elle ne l'affiche simplement plus. -->
       <button id="send" onclick="send()" title="Envoyer" aria-label="Envoyer">
-        <svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12h15"/><path d="m13 6 6 6-6 6"/></svg>
+        <svg viewBox="0 0 24 24" width="19" height="19" fill="currentColor" stroke="none" aria-hidden="true"><path d="M3.2 20.6 21.5 12 3.2 3.4l.02 6.69L16 12 3.22 13.9z"/></svg>
       </button>
       <button id="stop" onclick="stopGen()" style="display:none" title="Arrêter la génération" aria-label="Arrêter la génération">
         <svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor" stroke="none" aria-hidden="true"><rect x="6" y="6" width="12" height="12" rx="2"/></svg>
diff --git a/internal/loki/ui/src/js/05-status.js b/internal/loki/ui/src/js/05-status.js
index 8ac15a5..de49932 100644
--- a/internal/loki/ui/src/js/05-status.js
+++ b/internal/loki/ui/src/js/05-status.js
@@ -205,6 +205,9 @@ async function loadCfg(){
     else v='llama.cpp personnalisé : '+c.BIN;
     rows.push(row('MOTEUR', v, c.BIN));
   }
+  // Le modèle chargé alimente aussi le sélecteur de l'en-tête : c'est la seule
+  // source qui le connaisse quand aucun preset ne correspond à la configuration.
+  if(typeof setLoadedModel === 'function') setLoadedModel(c.MODEL || '');
   ['MODEL','CTX','BATCH','UBATCH','NGL'].filter(k=>c[k]).forEach(k=>{
     let v=c[k]; if(k==='MODEL') v=v.split('/').pop();
     rows.push(row(k, v));
diff --git a/internal/loki/ui/src/js/18-shell.js b/internal/loki/ui/src/js/18-shell.js
index bd1a322..f8fff11 100644
--- a/internal/loki/ui/src/js/18-shell.js
+++ b/internal/loki/ui/src/js/18-shell.js
@@ -67,33 +67,63 @@ function onModelSwitch(sel){
   switchTo(n, name);
 }
 
-// Remplit le sélecteur à partir de la liste de presets déjà chargée par
-// loadPresets() — aucun appel réseau supplémentaire.
+// Le sélecteur affiche LE MODÈLE CHARGÉ, pas seulement le preset actif.
+//
+// Les deux ne coïncident pas toujours : un preset n'est « actif » que si son
+// empreinte correspond exactement à la configuration courante. Une configuration
+// écrite à la main, héritée d'une image, ou modifiée d'un cran depuis le dernier
+// preset ne correspond à AUCUN d'entre eux — et l'en-tête n'affichait alors rien
+// alors qu'un modèle était bel et bien chargé. On retombe donc sur le nom du
+// fichier de la configuration active.
+//
+// Deux sources, deux moments : loadPresets() donne la liste, loadCfg() donne le
+// modèle. Chacune dépose ce qu'elle sait et redemande le dessin — elles partent
+// en parallèle (loadAll), aucun ordre n'est garanti.
+let MS_PRESETS = [], MS_ACTIVE = null, MS_MODEL = '';
+
 function renderModelSwitch(presets, active){
+  MS_PRESETS = presets || []; MS_ACTIVE = active || null;
+  paintModelSwitch();
+}
+// Appelé par loadCfg avec la valeur MODEL de la configuration active.
+function setLoadedModel(name){
+  MS_MODEL = (name || '').trim();
+  paintModelSwitch();
+}
+// Nom lisible d'un fichier de modèle : sans dossier ni extension. Un .gguf
+// s'appelle « Qwen3-14B-Instruct-Q4_K_M.gguf » — le chemin et le suffixe
+// n'apprennent rien et mangent toute la place.
+function modelLabel(path){
+  const base = path.split(/[\\/]/).pop();
+  return base.replace(/\.gguf$/i, '');
+}
+function paintModelSwitch(){
   const sel = document.getElementById('model-switch');
   if(!sel) return;
+  const prev = sel.value;
   sel.textContent = '';
-  if(!presets || !presets.length){
+  // Ligne de tête : ce qui est RÉELLEMENT chargé, quand aucun preset ne le
+  // revendique. Value vide → onModelSwitch l'ignore, elle ne bascule rien.
+  if(!MS_ACTIVE){
     const o = document.createElement('option');
-    o.textContent = 'aucun preset'; o.value = '';
-    sel.appendChild(o); sel.disabled = true;
-    return;
+    o.value = '';
+    o.textContent = MS_MODEL ? modelLabel(MS_MODEL) : (MS_PRESETS.length ? 'aucun modèle actif' : 'aucun preset');
+    o.selected = true;
+    sel.appendChild(o);
   }
-  sel.disabled = false;
-  presets.forEach((p, i) => {
+  MS_PRESETS.forEach((p, i) => {
     const o = document.createElement('option');
     o.value = String(i + 1);
     o.textContent = p.name;
-    if(active && p.id === active.id) o.selected = true;
+    if(MS_ACTIVE && p.id === MS_ACTIVE.id) o.selected = true;
     sel.appendChild(o);
   });
-  // Aucun preset actif (configuration modifiée à la main) : on le dit, plutôt
-  // que de laisser le premier de la liste passer pour le modèle chargé.
-  if(!active){
-    const o = document.createElement('option');
-    o.value = ''; o.textContent = 'configuration hors preset'; o.selected = true;
-    sel.insertBefore(o, sel.firstChild);
-  }
+  sel.disabled = !MS_PRESETS.length;
+  sel.title = MS_MODEL
+    ? 'modèle chargé : ' + MS_MODEL + ' — changer de preset relance le moteur'
+    : 'aucun modèle configuré';
+  // Une bascule en cours ne doit pas voir sa sélection sauter sous la souris.
+  if(prev && [...sel.options].some(o => o.value === prev)) sel.value = prev;
 }
 
 // État initial des libellés (le CSS, lui, est déjà appliqué par le <head>).
diff --git a/internal/loki/ui/src/styles.css b/internal/loki/ui/src/styles.css
index c932e3c..095eebb 100644
--- a/internal/loki/ui/src/styles.css
+++ b/internal/loki/ui/src/styles.css
@@ -35,7 +35,8 @@
   --ok:#5e7f5a;--warn:#a86a2a;--err:#c0503f;--mag:#a86a2a;
   --code-bg:#f4f6f5;--danger-bg:#faeae7;--warn-bg:#f7f0e5;
   --add:#5e7f5a;--add-bg:rgba(94,127,90,.11);--del:#c0503f;--del-bg:rgba(192,80,63,.12);
-  --shadow:0 1px 2px rgba(15,23,42,.05);--shadow-lift:0 4px 16px rgba(15,23,42,.08)}
+  --shadow:0 1px 2px rgba(15,23,42,.05);--shadow-lift:0 4px 16px rgba(15,23,42,.08);
+  --shadow-card:0 2px 10px rgba(15,23,42,.07),0 1px 3px rgba(15,23,42,.05)}
 /* « Deep Dark » : fond #0F172A, cartes #1E293B. */
 [data-theme="dark"]{color-scheme:dark;
   --bg:#0f172a;--panel:#1e293b;--bubble:#1e293b;--border:rgba(148,163,184,.17);
@@ -46,7 +47,8 @@
   --ok:#8fb08c;--warn:#d9a55f;--err:#e0705c;--mag:#d9a55f;
   --code-bg:#131c2f;--danger-bg:#3a1f1c;--warn-bg:#33291b;
   --add:#8fb08c;--add-bg:rgba(143,176,140,.16);--del:#e0705c;--del-bg:rgba(224,112,92,.16);
-  --shadow:none;--shadow-lift:0 4px 16px rgba(0,0,0,.35)}
+  --shadow:none;--shadow-lift:0 4px 16px rgba(0,0,0,.35);
+  --shadow-card:0 2px 12px rgba(0,0,0,.30),0 1px 3px rgba(0,0,0,.22)}
 /* Safari iOS peint un rectangle gris/noir sur TOUT élément touché (bouton, lien,
    résumé de section, bulle repliable…). C'est un retour tactile par défaut, hors
    de notre charte et impossible à styler : on le coupe. Nos états :active/:focus
@@ -1570,12 +1572,12 @@ button:active:not(:disabled){transform:translateY(1px)}
    nu flotte sans ancrage, et la frontière entre deux réponses se perd. */
 #chat{padding-top:22px}
 #chat .msg.assistant{background:var(--bubble);border:1px solid var(--border);
-  border-radius:16px;padding:14px 18px;max-width:100%;box-shadow:var(--shadow)}
+  border-radius:16px;padding:14px 18px;max-width:100%;box-shadow:var(--shadow-card)}
 #chat .msg.assistant.errmsg{background:var(--danger-bg);border-color:color-mix(in srgb,var(--err) 45%,transparent)}
 /* Question : aplat de sauge, coin bas-droit rentré. --on-accent garantit le
    contraste dans les DEUX variantes. */
 #chat .msg.user{background:var(--accent);color:var(--on-accent);border-radius:18px 18px 6px 18px;
-  padding:11px 16px;max-width:75%}
+  padding:11px 16px;max-width:75%;box-shadow:var(--shadow-card)}
 #chat .msg.user .label{color:var(--on-accent);opacity:.75}
 #chat .msg.user .body a{color:var(--on-accent);text-decoration:underline}
 #chat .msg.user code{background:rgba(255,255,255,.18);color:inherit}
@@ -1592,13 +1594,16 @@ button:active:not(:disabled){transform:translateY(1px)}
 #send,#stop{width:34px;height:34px;min-height:34px;padding:0;border-radius:999px;
   display:inline-flex;align-items:center;justify-content:center;flex:none}
 #send svg,#stop svg{display:block}
-#send:hover:not(:disabled){opacity:1;transform:none;background:color-mix(in srgb,var(--accent) 85%,var(--text))}
+#send{background:transparent;border-color:transparent;color:var(--accent)}
+#send:hover:not(:disabled){opacity:1;transform:none;background:var(--accent-bg);color:var(--accent)}
 #send:active:not(:disabled){transform:scale(.92)}
-#stop:hover{opacity:1;background:color-mix(in srgb,var(--err) 85%,var(--text))}
+#send:disabled{background:transparent;color:var(--dim)}
+#stop{background:transparent;border-color:transparent;color:var(--err)}
+#stop:hover{opacity:1;background:var(--danger-bg);color:var(--err)}
 /* Les outils de la saisie (joindre, fichiers, envoyer) montent DANS la pilule,
    à droite du texte : c'est là qu'on les cherche, et le pied de carte redevient
    ce qu'il doit être — une jauge de contexte, rien d'autre. */
-#inputbar{align-items:flex-end;padding:8px 8px 8px 18px;gap:4px;box-shadow:var(--shadow)}
+#inputbar{align-items:flex-end;padding:8px 8px 8px 18px;gap:4px;box-shadow:var(--shadow-card)}
 #composer:focus-within #inputbar,#composer:focus-within #ctxmeta{border-color:var(--accent-soft)}
 #inputbar #attach,#inputbar #files-btn{width:34px;height:34px;min-height:34px;border-radius:999px;
   align-self:center}
@@ -1670,3 +1675,6 @@ button:active:not(:disabled){transform:translateY(1px)}
    garde-fou de largeur (contrairement à .pe-row-c) : une valeur très longue —
    un chemin de destination, par exemple — débordait sous l'intitulé. */
 .pe-row>.pe-selc{max-width:62%}
+/* Marque et attribution du fork empilées, pastille d'état à leur droite. */
+.sidebrand{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
+.sidebrand .brand-fork{margin:0;font-size:10px;line-height:1.3}