diff --git a/frontend/templates/index.html b/frontend/templates/index.html
index 20671cb..2525998 100644
--- a/frontend/templates/index.html
+++ b/frontend/templates/index.html
@@ -10,110 +10,137 @@
   <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js"></script>
 </head>
 <body class="bg-base-200 min-h-screen">
-  <!-- Navbar -->
-  <div class="navbar bg-base-100 shadow-md px-6 mb-2">
-    <div class="flex-1">
-      <span class="text-xl font-bold tracking-tight">☁️ PointCloud Viewer</span>
-    </div>
-    <div class="flex-none gap-4 items-center">
-      <div
-        id="health-indicator"
-        hx-get="/health-check"
-        hx-trigger="load"
-        hx-swap="innerHTML"
-        class="text-sm text-base-content/50"
-      >vérification…</div>
-    </div>
+
+<!-- Navbar -->
+<div class="navbar bg-base-100 shadow-md px-6 mb-2">
+  <div class="flex-1">
+    <span class="text-xl font-bold tracking-tight">☁️ PointCloud Viewer</span>
   </div>
-
-  <div role="tablist" class="tabs tabs-boxed mb-6 w-fit ml-4">
-    <a
-      role="tab"
-      class="tab {% if active_tab == 'upload' %}tab-active{% endif %}"
-      hx-get="/upload"
-      hx-target="#main-content"
-      hx-push-url="/"
-    >📤 Upload</a>
-    <a
-      role="tab"
-      class="tab {% if active_tab == 'admin' %}tab-active{% endif %}"
-      hx-get="/viewer/list"
-      hx-target="#main-content"
-      hx-push-url="/viewer"
-    >🗂️ Admin</a>
+  <div class="flex-none gap-4 items-center">
+    <div
+      id="health-indicator"
+      hx-get="/health-check"
+      hx-trigger="load"
+      hx-swap="innerHTML"
+      class="text-sm text-base-content/50"
+    >vérification…</div>
   </div>
+</div>
 
-  <div id="main-content" class="container mx-auto px-4 mt-6 max-w-7xl pb-10">
-    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+<div role="tablist" class="tabs tabs-boxed mb-6 w-fit ml-4">
+  <a
+    role="tab"
+    class="tab {% if active_tab == 'upload' %}tab-active{% endif %}"
+    hx-get="/upload"
+    hx-target="#main-content"
+    hx-push-url="/"
+  >📤 Upload</a>
+  <a
+    role="tab"
+    class="tab {% if active_tab == 'admin' %}tab-active{% endif %}"
+    hx-get="/viewer/list"
+    hx-target="#main-content"
+    hx-push-url="/viewer"
+  >🗂️ Admin</a>
+</div>
 
-      <!-- Colonne gauche : upload -->
-      <div class="lg:col-span-1 flex flex-col gap-4">
-        <!-- Configuration Backend -->
-        <div id="backend-config-panel" hx-get="/admin/backend-config" hx-target="#backend-config-panel" hx-swap="innerHTML">
-          {% include "partials/backend_config.html" %}
-        </div>
-        
-        <div class="card bg-base-100 shadow">
-          <div class="card-body">
-            <h2 class="card-title text-base mb-2">📤 Upload</h2>
-            <p class="text-sm text-base-content/60 mb-3">
-              Formats acceptés : LAS, LAZ, PLY, XYZ, PTS
-            </p>
-            <form
-              hx-post="/upload"
-              hx-target="#upload-result"
-              hx-swap="innerHTML"
-              hx-encoding="multipart/form-data"
-              hx-indicator="#upload-spinner"
+<div id="main-content" class="container mx-auto px-4 mt-6 max-w-7xl pb-10">
+  <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+
+    <!-- Colonne gauche : upload -->
+    <div class="lg:col-span-1 flex flex-col gap-4">
+      <!-- ✅ FIX 404 : la route est /backend-config (pas /admin/backend-config) -->
+      <div id="backend-config-panel"
+           hx-get="/backend-config"
+           hx-target="#backend-config-panel"
+           hx-swap="innerHTML"
+           hx-trigger="load">
+        {% include "partials/backend_config.html" %}
+      </div>
+
+      <div class="card bg-base-100 shadow">
+        <div class="card-body">
+          <h2 class="card-title text-base mb-2">📤 Upload</h2>
+          <p class="text-sm text-base-content/60 mb-3">
+            Formats acceptés : LAS, LAZ, PLY, XYZ, PTS
+          </p>
+          <form
+            hx-post="/upload"
+            hx-target="#upload-result"
+            hx-swap="innerHTML"
+            hx-encoding="multipart/form-data"
+            hx-indicator="#upload-spinner"
+          >
+            <input
+              type="file"
+              name="file"
+              accept=".las,.laz,.ply,.xyz,.pts"
+              class="file-input file-input-bordered w-full mb-4"
+              required
             >
-              <input
-                type="file"
-                name="file"
-                accept=".las,.laz,.ply,.xyz,.pts"
-                class="file-input file-input-bordered w-full mb-4"
-                required
-              >
-              <div class="flex items-center gap-3">
-                <button
-                  type="submit"
-                  class="btn"
-                  hx_indicator="#upload-spinner"
-                >
-                  📤 Uploader & convertir
-                </button>
-                <div id="upload-spinner" class="loading loading-spinner loading-sm"></div>
-              </div>
-            </form>
+            <div class="flex items-center gap-3">
+              <button type="submit" class="btn">
+                📤 Uploader & convertir
+              </button>
+              <div id="upload-spinner" class="loading loading-spinner loading-sm htmx-indicator"></div>
+            </div>
+          </form>
+        </div>
+      </div>
+
+      <div id="upload-result"></div>
+    </div>
+
+    <!-- Colonne droite : viewer + liste + crop -->
+    <div class="lg:col-span-2 flex flex-col gap-4">
+
+      <div
+        id="viewer-container"
+        class="card bg-base-100 shadow min-h-[600px] flex items-center justify-center"
+      >
+        <p class="text-base-content/40 text-sm">
+          Uploadez un fichier pour lancer la visualisation
+        </p>
+      </div>
+
+      <!-- ✅ FIX DUPLICATION : viewer-panel charge au démarrage dans #cloud-list-body,
+           pas dans #viewer-panel lui-même (évite de réécrire la card entière) -->
+      <div id="viewer-panel" class="card bg-base-100 shadow">
+        <div class="card-body">
+          <h2 class="card-title text-base mb-2">🗂️ Nuages de points</h2>
+          <div class="flex justify-between items-center mb-4">
+            <button
+              type="button"
+              class="btn btn-ghost btn-sm"
+              hx-get="/viewer/list"
+              hx-target="#cloud-list-body"
+              hx-swap="innerHTML"
+              hx-indicator="#cloud-list-spinner"
+            >
+              🔄 Actualiser
+            </button>
+            <span id="cloud-list-spinner" class="loading loading-spinner loading-sm htmx-indicator"></span>
+          </div>
+          <!-- ✅ Seul ce div est rechargé par HTMX -->
+          <div
+            id="cloud-list-body"
+            hx-get="/viewer/list"
+            hx-target="#cloud-list-body"
+            hx-swap="innerHTML"
+            hx-trigger="load"
+          >
+            {% include "partials/cloud_list_body.html" %}
           </div>
         </div>
-
-        <div id="upload-result"></div>
       </div>
 
-      <!-- Colonne droite : viewer -->
-      <div class="lg:col-span-2">
-        <div
-          id="viewer-container"
-          class="card bg-base-100 shadow min-h-[600px] flex items-center justify-center"
-        >
-          <p class="text-base-content/40 text-sm">
-            Uploadez un fichier pour lancer la visualisation
-          </p>
-        </div>
-        <div
-          id="viewer-panel"
-          class="card bg-base-100 shadow mt-4"
-          hx-get="/viewer/list"
-          hx-target="#viewer-panel"
-          hx-swap="innerHTML"
-          hx-trigger="load"
-        >
-          {% include "partials/cloud_list.html" %}
-        </div>
-      </div>
+      <!-- ✅ CROP PANEL : en dehors de viewer-panel, jamais écrasé par l'actualisation -->
+      <div id="crop-panel"></div>
 
     </div>
+
   </div>
+</div>
 
 </body>
-</html>
+</html>
\ No newline at end of file
