From cb82b3165bb1ce6d712d4c32eea6b9ee3e3820f4 Mon Sep 17 00:00:00 2001
From: Kantin-Petit <kantin.petit@fidelilium.com>
Date: Tue, 23 Jun 2026 23:57:02 +0200
Subject: [PATCH] =?UTF-8?q?fix(web):=20hauteur=20layout=20chat=20=E2=80=94?=
 =?UTF-8?q?=20h-dvh,=20barre/sidebar=20pleine=20hauteur=20(v0.36.2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Shell passe en h-dvh (hauteur définie) au lieu de min-h-dvh : h-full des
enfants résout, barre de saisie pinned en bas de page et sidebar pleine
hauteur. Header shrink-0, root overflow-hidden.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016w5jRe87MGdd6AMvXQcHNi
---
 CHANGELOG.md    | 7 +++++++
 web/src/App.tsx | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3e18983..ba00874 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,13 @@ incompatibles. Chaque ligne renvoie à un commit dédié (un artefact = un commi
 
 ## [Unreleased]
 
+## [0.36.2] — 2026-06-23  — fix hauteur layout chat (sidebar + barre de saisie)
+### Fixed
+- Shell en **`h-dvh`** (hauteur définie) au lieu de `min-h-dvh` : `h-full` des
+  enfants résout enfin → la barre de saisie est **pinned en bas de page**, la
+  **sidebar conversations** descend jusqu'en bas. Header `shrink-0` + root
+  `overflow-hidden`.
+
 ## [0.36.1] — 2026-06-23  — fix DELETE conversation (body vide)
 ### Fixed
 - Client web `req()` : `content-type: application/json` n'est plus envoyé sur
diff --git a/web/src/App.tsx b/web/src/App.tsx
index 624cdd9..27cdd59 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -13,8 +13,8 @@ function Shell() {
     `flex items-center gap-1.5 px-3 py-2 rounded-md text-sm ${isActive ? "bg-surface-2 text-accent" : "text-muted hover:text-fg"}`;
 
   return (
-    <div className="min-h-dvh flex flex-col">
-      <header className="flex flex-wrap items-center gap-x-2 gap-y-1 border-b border-border bg-surface px-3 sm:px-4 py-2">
+    <div className="h-dvh flex flex-col overflow-hidden">
+      <header className="flex shrink-0 flex-wrap items-center gap-x-2 gap-y-1 border-b border-border bg-surface px-3 sm:px-4 py-2">
         <span className="font-bold tracking-wide text-accent glow mr-1 sm:mr-2">CHLOVA</span>
         <nav className="flex gap-1">
           <NavLink to="/chat" className={link}>