From f34eca20f98ef671a52a73b7f4bfb0866432235b Mon Sep 17 00:00:00 2001
From: Dom <dom@rpa-vision-v3.local>
Date: Sat, 18 Apr 2026 16:49:58 +0200
Subject: [PATCH] fix(vwb): double accolades JSX dans CapturePanel et
 CaptureLibrary
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Corrige les src={{b64ImgSrc(...)}} → src={b64ImgSrc(...)} causés par
le replace_all sur les template literals. Corrige aussi l'appel
b64ImgSrc dans du code JS pur (pas de {} autour).

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

diff --git a/visual_workflow_builder/frontend_v4/src/components/CaptureLibrary.tsx b/visual_workflow_builder/frontend_v4/src/components/CaptureLibrary.tsx
index 389579e7b..ad05e53f0 100644
--- a/visual_workflow_builder/frontend_v4/src/components/CaptureLibrary.tsx
+++ b/visual_workflow_builder/frontend_v4/src/components/CaptureLibrary.tsx
@@ -155,7 +155,7 @@ export default function CaptureLibrary({ currentCapture, onSelectCapture, onCapt
       {!isExpanded && currentCapture && (
         <div className="library-preview">
           <img
-            src={{b64ImgSrc(currentCapture.screenshot_base64)}}
+            src={b64ImgSrc(currentCapture.screenshot_base64)}
             alt="Dernière capture"
             onClick={() => setIsExpanded(true)}
           />
@@ -215,7 +215,7 @@ export default function CaptureLibrary({ currentCapture, onSelectCapture, onCapt
                         className={`library-item ${selectedItems.has(item.id) ? 'selected' : ''}`}
                       >
                         <img
-                          src={{b64ImgSrc(item.capture.screenshot_base64)}}
+                          src={b64ImgSrc(item.capture.screenshot_base64)}
                           alt="Capture"
                           onClick={() => onSelectCapture(item.capture)}
                         />
diff --git a/visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx b/visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx
index 3ffc84bc1..ffebf64e9 100644
--- a/visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx
+++ b/visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx
@@ -112,7 +112,7 @@ export default function CapturePanel({
       try {
         const { detectUIElements } = await import('../services/uiDetection');
         const result = await detectUIElements(
-          {b64ImgSrc(currentCapture.screenshot_base64)},
+          b64ImgSrc(currentCapture.screenshot_base64),
           { threshold: 0.35 }
         );
         setPreviewElements(result.elements);
@@ -217,7 +217,7 @@ export default function CapturePanel({
           <div className="capture-preview-container">
             <img
               ref={previewImgRef}
-              src={{b64ImgSrc(currentCapture.screenshot_base64)}}
+              src={b64ImgSrc(currentCapture.screenshot_base64)}
               alt="Capture"
               onClick={() => setIsFullscreen(true)}
               onLoad={handlePreviewImageLoad}
@@ -280,7 +280,7 @@ export default function CapturePanel({
           {library.slice(0, 4).map(item => (
             <div key={item.id} className="library-item">
               <img
-                src={{b64ImgSrc(item.capture.screenshot_base64)}}
+                src={b64ImgSrc(item.capture.screenshot_base64)}
                 alt="Capture"
                 onClick={() => handleLibrarySelect(item)}
               />
@@ -321,7 +321,7 @@ export default function CapturePanel({
                 }}
               >
                 <img
-                  src={{b64ImgSrc(item.capture.screenshot_base64)}}
+                  src={b64ImgSrc(item.capture.screenshot_base64)}
                   alt="Capture"
                 />
                 <div className="library-gallery-label">
@@ -547,7 +547,7 @@ function FullscreenSelector({
         <div style={{ position: 'relative', display: 'inline-block', maxWidth: '100%', maxHeight: '100%' }}>
           <img
             ref={imgRef}
-            src={{b64ImgSrc(capture.screenshot_base64)}}
+            src={b64ImgSrc(capture.screenshot_base64)}
             alt="Capture plein écran"
             draggable={false}
             onLoad={handleImageLoad}