ui aanpassing, debug scherm weg

app/templates/index.html

@@ -47,31 +47,29 @@
       </section>
 
       <section class="panel" id="panelSelectedFiles">
-        <h2>4. Selected Files</h2>
+        <div class="panel-head">
+          <h2>4. Selected Files</h2>
+          <button id="selectFilesBtn" class="secondary">Select Files</button>
+        </div>
         <div class="stack">
           <div id="fileMeta" class="muted"></div>
           <div class="linked-list-wrap">
             <ul id="selectedFilesList" class="list linked-list"></ul>
           </div>
           <div class="panel-footer">
-            <button id="selectFilesBtn">Select Files</button>
-            <button id="refreshSelectedFilesBtn" class="secondary">Refresh</button>
+            <button id="refreshSelectedFilesBtn">Refresh</button>
             <button id="fileUpBtn" class="secondary">Up</button>
             <button id="fileDownBtn" class="secondary">Down</button>
             <button id="fileRemoveBtn" class="secondary">Remove</button>
             <button id="clearSelectedFilesBtn">Clear</button>
+          </div>
+          <div class="row panel-actions">
             <button id="renameExecuteBtn">Rename Execute (confirm=true)</button>
-            <button id="filenamePreviewBtn" class="secondary">Filename Preview (Debug)</button>
           </div>
         </div>
       </section>
     </main>
 
-    <details class="debug-box">
-      <summary>Debug Output</summary>
-      <pre id="outputBox"></pre>
-    </details>
-
     <div id="fileModal" class="modal hidden" aria-hidden="true">
       <div class="modal-card">
         <div class="row modal-head">