From d1e74864973e7e1c0437f695def6b1e79e839d86 Mon Sep 17 00:00:00 2001
From: David-Alexandre Chanel <Lyptik@users.noreply.github.com>
Date: Thu, 15 Oct 2026 14:38:06 +0200
Subject: [PATCH 1/3] fix(display): move Reset camera to the top of Display

---
 index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 411fbe5..cd0cede 100644
--- a/index.html
+++ b/index.html
@@ -185,15 +185,15 @@ <h1>Augmenta × Three.js</h1>
         </summary>
 
         <div class="panel-content">
+          <div class="panel-actions">
+            <button id="reset-camera" class="text-action" type="button">Reset camera</button>
+          </div>
           <div class="display-world">
             <label for="world-name">World</label>
             <input id="world-name" type="text" value="—" readonly>
           </div>
           <div class="display-scenes">
-            <div class="field-heading">
-              <label for="scenes">Scenes</label>
-              <button id="reset-camera" class="text-action" type="button">Reset camera</button>
-            </div>
+            <label for="scenes">Scenes</label>
             <select id="scenes" disabled>
               <option value="all">All scenes</option>
             </select>

From cad3456e067117295c59318f0d8fb3b7d39e92da Mon Sep 17 00:00:00 2001
From: David-Alexandre Chanel <Lyptik@users.noreply.github.com>
Date: Thu, 15 Oct 2026 14:38:10 +0200
Subject: [PATCH 2/3] style(display): remove obsolete Scenes heading layout

---
 src/styles.css | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 604c634..9fad518 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -724,14 +724,6 @@ button.subtle-button.active {
 
 .display-world,
 .display-scenes { margin-bottom: var(--section-space-relaxed); }
-.field-heading {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: var(--section-space);
-  margin-bottom: 6px;
-}
-.field-heading label { margin: 0; }
 .display-world input,
 .display-scenes select { min-height: 34px; }
 .toggles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

From dec57860ba6359217ab3aaa4a4eb90a5ac63ca3f Mon Sep 17 00:00:00 2001
From: David-Alexandre Chanel <Lyptik@users.noreply.github.com>
Date: Thu, 15 Oct 2026 14:38:12 +0200
Subject: [PATCH 3/3] test(display): keep Reset camera above World and Scenes

---
 tests/ui-contract.test.mjs | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/tests/ui-contract.test.mjs b/tests/ui-contract.test.mjs
index 4614da7..efb80ad 100644
--- a/tests/ui-contract.test.mjs
+++ b/tests/ui-contract.test.mjs
@@ -49,3 +49,14 @@ test('Display shows the current World as a read-only field above Scenes', () =>
   assert.match(sync, /ui\.worldName\.value\s*=/);
   assert.match(sync, /world\.getName\(\)/);
 });
+
+test('Reset camera appears above World and Scenes in the Display panel', () => {
+  const display = indexSource.match(/<details id="display-section"[\s\S]*?<\/details>/)?.[0];
+  assert.ok(display, 'Display panel must exist');
+
+  const panelContent = display.slice(display.indexOf('<div class="panel-content">') + '<div class="panel-content">'.length);
+  assert.match(panelContent, /^\s*<div class="panel-actions">\s*<button id="reset-camera" class="text-action" type="button">Reset camera<\/button>\s*<\/div>/);
+  assert.ok(display.indexOf('id="reset-camera"') < display.indexOf('id="world-name"'));
+  assert.ok(display.indexOf('id="reset-camera"') < display.indexOf('id="scenes"'));
+  assert.match(mainSource, /ui\.resetCamera\.addEventListener\('click', viewer\.resetCamera\)/);
+});