From c198c930a1a84d4c4c28716a653cf9c40d6ccd5f Mon Sep 17 00:00:00 2001
From: Dom <dom@rpa-vision-v3.local>
Date: Sun, 19 Apr 2026 10:28:16 +0200
Subject: [PATCH] =?UTF-8?q?fix(vwb):=20capture=20plein=20=C3=A9cran=20?=
 =?UTF-8?q?=E2=80=94=20retirer=20height:0=20+=20wrapper=20flex?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le conteneur .fullscreen-content avait height:0 + min-height:0
qui écrasait la hauteur du flex child → image minuscule.
Le wrapper inline-block limitait aussi le dimensionnement.

Fix : overflow:hidden sans height forcée, wrapper en flex 100%.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../frontend_v4/src/components/CapturePanel.tsx               | 4 ++--
 visual_workflow_builder/frontend_v4/src/styles.css            | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx b/visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx
index 460ae7c4d..b6d4c2d71 100644
--- a/visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx
+++ b/visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx
@@ -545,14 +545,14 @@ function FullscreenSelector({
         onMouseUp={handleMouseUp}
       >
         {/* Conteneur relatif pour positionner les bboxes et la sélection par rapport à l'image */}
-        <div style={{ position: 'relative', display: 'inline-block', maxWidth: '100%', maxHeight: '100%' }}>
+        <div style={{ position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%', height: '100%' }}>
           <img
             ref={imgRef}
             src={b64ImgSrc(capture.screenshot_base64)}
             alt="Capture plein écran"
             draggable={false}
             onLoad={handleImageLoad}
-            style={{ display: 'block', maxWidth: '100%', maxHeight: 'calc(100vh - 60px)', objectFit: 'contain' }}
+            style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }}
           />
 
           {/* Overlay des éléments détectés — visible dans tous les modes */}
diff --git a/visual_workflow_builder/frontend_v4/src/styles.css b/visual_workflow_builder/frontend_v4/src/styles.css
index b74713c08..8e11244f3 100644
--- a/visual_workflow_builder/frontend_v4/src/styles.css
+++ b/visual_workflow_builder/frontend_v4/src/styles.css
@@ -1083,10 +1083,8 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  overflow: auto;
+  overflow: hidden;
   position: relative;
-  height: 0;
-  min-height: 0;
 }
 
 .fullscreen-content img {