From add05dea1296afc9a17c354bc61fbf74db5d9bcd Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Wed, 24 Dec 2025 11:20:05 +1100
Subject: [PATCH] Reorder admin sections

---
 templates/admin.html | 130 ++++++++++++++++++++++---------------------
 1 file changed, 66 insertions(+), 64 deletions(-)

diff --git a/templates/admin.html b/templates/admin.html
index e8dc5d5..136a303 100644
--- a/templates/admin.html
+++ b/templates/admin.html
@@ -454,6 +454,72 @@
             </div>
         </div>
 
+
+        <!-- Root Terminal -->
+        <section id="root-terminal" class="station" data-label="[ STATION: ROOT_TERMINAL ]">
+            <div class="station-header">
+                <h2>Server Shell Access</h2>
+                <a href="#top" class="back-to-top">[^ BACK_TO_TOP]</a>
+            </div>
+
+            <div class="panel terminal-box" style="margin-top: 0; border-color: #ff555566;">
+                <div class="terminal-header" style="border-bottom-color: #ff555566;">
+                    <div class="terminal-label" style="color: #ff5555;">ROOT@DOKKU:~$</div>
+                    <button class="copy-btn" onclick="copyLogs('terminal-output')"
+                        style="border-color: #ff555566; color: #ff5555;">COPY BUFFER</button>
+                </div>
+                <div id="terminal-output" class="terminal-body"
+                    style="height: 400px; font-size: 13px; background: #000;">
+                    <div class="log-line log-info">Dokku Terminal initialized. Ready for commands.</div>
+                </div>
+                <div style="display: flex; background: #000; padding: 10px; border-top: 1px solid #ff555566;">
+                    <span style="color: #00ff88; font-weight: 700; margin-right: 10px;">$</span>
+                    <input type="text" id="terminal-input" placeholder="Enter command..." spellcheck="false"
+                        autocomplete="off"
+                        style="background: transparent; color: #c9d1d9; border: none; outline: none; flex: 1; font-family: inherit; font-size: 13px;"
+                        onkeydown="if(event.key === 'Enter') runCommand()">
+                </div>
+            </div>
+        </section>
+
+        <!-- SQL Command Center -->
+        <section id="sql-center" class="station" data-label="[ STATION: SQL_COMMAND_CENTER ]">
+            <div class="station-header">
+                <h2>SQL Query Interface</h2>
+                <a href="#top" class="back-to-top">[^ BACK_TO_TOP]</a>
+            </div>
+
+            <div class="grid" style="grid-template-columns: 1fr;">
+                <div class="panel">
+                    <div class="panel-title">Query Console</div>
+                    <div style="display: flex; gap: 10px; margin-bottom: 15px;">
+                        <select id="sql-db-select"
+                            style="background: #000; color: #00ff88; border: 1px solid #30363d; padding: 8px; font-family: inherit; font-size: 12px; flex: 1;">
+                            <option value="">-- SELECT DATABASE CONTAINER --</option>
+                            {% for db in data.databases %}
+                            <option value="{{ db.name }}">{{ db.name }} [{{ db.type|upper }}]</option>
+                            {% endfor %}
+                        </select>
+                        <button onclick="runQuery()"
+                            style="background: #00ff8822; color: #00ff88; border: 1px solid #00ff88; padding: 0 20px; font-family: inherit; font-size: 11px; font-weight: 700; cursor: pointer;">EXECUTE_QUERY</button>
+                    </div>
+                    <textarea id="sql-editor" spellcheck="false" placeholder="SELECT * FROM table_name LIMIT 10;"
+                        style="width: 100%; height: 120px; background: #000; color: #c9d1d9; border: 1px solid #30363d; padding: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; resize: vertical;"></textarea>
+                </div>
+
+                <div id="sql-results-panel" class="panel" style="display: none;">
+                    <div class="panel-title">Query Results</div>
+                    <div id="sql-status" style="font-size: 11px; margin-bottom: 10px; color: #8b949e;"></div>
+                    <div style="overflow-x: auto; max-height: 500px;">
+                        <table id="sql-results-table" style="width: 100%; border-collapse: collapse; font-size: 11px;">
+                            <thead id="sql-thead"></thead>
+                            <tbody id="sql-tbody"></tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <!-- Navigation Grid -->
         <div class="nav-grid-container">
             <div class="nav-grid">
@@ -554,70 +620,6 @@
         </section>
         {% endfor %}
 
-        <!-- SQL Command Center -->
-        <section id="sql-center" class="station" data-label="[ STATION: SQL_COMMAND_CENTER ]">
-            <div class="station-header">
-                <h2>SQL Query Interface</h2>
-                <a href="#top" class="back-to-top">[^ BACK_TO_TOP]</a>
-            </div>
-
-            <div class="grid" style="grid-template-columns: 1fr;">
-                <div class="panel">
-                    <div class="panel-title">Query Console</div>
-                    <div style="display: flex; gap: 10px; margin-bottom: 15px;">
-                        <select id="sql-db-select"
-                            style="background: #000; color: #00ff88; border: 1px solid #30363d; padding: 8px; font-family: inherit; font-size: 12px; flex: 1;">
-                            <option value="">-- SELECT DATABASE CONTAINER --</option>
-                            {% for db in data.databases %}
-                            <option value="{{ db.name }}">{{ db.name }} [{{ db.type|upper }}]</option>
-                            {% endfor %}
-                        </select>
-                        <button onclick="runQuery()"
-                            style="background: #00ff8822; color: #00ff88; border: 1px solid #00ff88; padding: 0 20px; font-family: inherit; font-size: 11px; font-weight: 700; cursor: pointer;">EXECUTE_QUERY</button>
-                    </div>
-                    <textarea id="sql-editor" spellcheck="false" placeholder="SELECT * FROM table_name LIMIT 10;"
-                        style="width: 100%; height: 120px; background: #000; color: #c9d1d9; border: 1px solid #30363d; padding: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; resize: vertical;"></textarea>
-                </div>
-
-                <div id="sql-results-panel" class="panel" style="display: none;">
-                    <div class="panel-title">Query Results</div>
-                    <div id="sql-status" style="font-size: 11px; margin-bottom: 10px; color: #8b949e;"></div>
-                    <div style="overflow-x: auto; max-height: 500px;">
-                        <table id="sql-results-table" style="width: 100%; border-collapse: collapse; font-size: 11px;">
-                            <thead id="sql-thead"></thead>
-                            <tbody id="sql-tbody"></tbody>
-                        </table>
-                    </div>
-                </div>
-            </div>
-        </section>
-
-        <!-- Root Terminal -->
-        <section id="root-terminal" class="station" data-label="[ STATION: ROOT_TERMINAL ]">
-            <div class="station-header">
-                <h2>Server Shell Access</h2>
-                <a href="#top" class="back-to-top">[^ BACK_TO_TOP]</a>
-            </div>
-
-            <div class="panel terminal-box" style="margin-top: 0; border-color: #ff555566;">
-                <div class="terminal-header" style="border-bottom-color: #ff555566;">
-                    <div class="terminal-label" style="color: #ff5555;">ROOT@DOKKU:~$</div>
-                    <button class="copy-btn" onclick="copyLogs('terminal-output')"
-                        style="border-color: #ff555566; color: #ff5555;">COPY BUFFER</button>
-                </div>
-                <div id="terminal-output" class="terminal-body"
-                    style="height: 400px; font-size: 13px; background: #000;">
-                    <div class="log-line log-info">Dokku Terminal initialized. Ready for commands.</div>
-                </div>
-                <div style="display: flex; background: #000; padding: 10px; border-top: 1px solid #ff555566;">
-                    <span style="color: #00ff88; font-weight: 700; margin-right: 10px;">$</span>
-                    <input type="text" id="terminal-input" placeholder="Enter command..." spellcheck="false"
-                        autocomplete="off"
-                        style="background: transparent; color: #c9d1d9; border: none; outline: none; flex: 1; font-family: inherit; font-size: 13px;"
-                        onkeydown="if(event.key === 'Enter') runCommand()">
-                </div>
-            </div>
-        </section>
     </div>
 
     <script>