From 230129e05bcc41d62c56d03d7ff806f80f1609d8 Mon Sep 17 00:00:00 2001
From: oliver <oliver@odoo4projects.com>
Date: Tue, 9 Jun 2026 19:21:14 -0300
Subject: [PATCH] .

---
 app.js     |   2 +-
 index.html | 112 ++++++++++++++++++++++++++++-------------------------
 2 files changed, 61 insertions(+), 53 deletions(-)

diff --git a/app.js b/app.js
index 672884b..8ae77ea 100644
--- a/app.js
+++ b/app.js
@@ -191,7 +191,7 @@ document.querySelectorAll(".nav-item[data-section]").forEach((el) => {
       "coming-soon-firewall": "Firewall",
       "coming-soon-ssl": "SSL / TLS",
       keys: "Keys",
-      dashboards: "Dashboards",
+      sales: "Sales",
     };
     document.getElementById("page-title").textContent = labels[key] || key;
 
diff --git a/index.html b/index.html
index 92a426a..ca0f531 100644
--- a/index.html
+++ b/index.html
@@ -98,6 +98,52 @@
                     </svg>
                     Backup
                 </div>
+
+                <div class="nav-item" data-section="coming-soon-ssl">
+                    <svg
+                        width="16"
+                        height="16"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                    >
+                        <rect x="3" y="11" width="18" height="11" rx="2" />
+                        <path d="M7 11V7a5 5 0 0 1 10 0v4" />
+                    </svg>
+                    SSL / TLS
+                </div>
+
+                <div
+                    class="sidebar-section-label"
+                    style="
+                        margin-top: 28px;
+                        padding-top: 12px;
+                        border-top: 1px solid var(--border);
+                    "
+                >
+                    Dashboards
+                </div>
+                <div class="nav-item" data-section="sales">
+                    <svg
+                        width="16"
+                        height="16"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                    >
+                        <rect x="3" y="3" width="7" height="7" />
+                        <rect x="14" y="3" width="7" height="7" />
+                        <rect x="14" y="14" width="7" height="7" />
+                        <rect x="3" y="14" width="7" height="7" />
+                    </svg>
+                    Sales
+                </div>
                 <div class="nav-item" data-section="servers">
                     <svg
                         width="16"
@@ -116,43 +162,7 @@
                     </svg>
                     Servers
                 </div>
-                <div class="nav-item" data-section="coming-soon-ssl">
-                    <svg
-                        width="16"
-                        height="16"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                    >
-                        <rect x="3" y="11" width="18" height="11" rx="2" />
-                        <path d="M7 11V7a5 5 0 0 1 10 0v4" />
-                    </svg>
-                    SSL / TLS
-                </div>
 
-                <div class="nav-item" data-section="dashboards">
-                    <svg
-                        width="16"
-                        height="16"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                    >
-                        <rect x="3" y="3" width="7" height="7" />
-                        <rect x="14" y="3" width="7" height="7" />
-                        <rect x="14" y="14" width="7" height="7" />
-                        <rect x="3" y="14" width="7" height="7" />
-                    </svg>
-                    Dashboards
-                </div>
-
-                <div class="sidebar-section-label">Commercial</div>
                 <div class="nav-item" data-section="keys">
                     <svg
                         width="16"
@@ -804,13 +814,11 @@
                         </div>
                     </div>
 
-                    <!-- ─── Dashboards Section ─────────────────────────── -->
-                    <div class="section" id="section-dashboards">
+                    <!-- ─── Sales Dashboard ─────────────────────────── -->
+                    <div class="section" id="section-sales">
                         <div class="card">
                             <div class="card-header">
-                                <span class="card-title"
-                                    >Operations Dashboard</span
-                                >
+                                <span class="card-title">Sales Dashboard</span>
                             </div>
                             <div style="padding: 16px 0 0">
                                 <iframe
@@ -822,7 +830,7 @@
                                         border-radius: 6px;
                                         background: #fff;
                                     "
-                                    title="Operations Dashboard"
+                                    title="Sales Dashboard"
                                     allow="clipboard-read; clipboard-write"
                                 ></iframe>
                                 <p
@@ -845,6 +853,16 @@
                         </div>
                     </div>
 
+                    <div class="section" id="section-servers">
+                        <div id="server-tabs-strip" class="server-tabs"></div>
+                        <div id="server-dashboard">
+                            <div class="empty-state">
+                                <div class="spinner"></div>
+                                <p style="margin-top: 12px">Loading servers…</p>
+                            </div>
+                        </div>
+                    </div>
+
                     <!-- ─── Coming-soon placeholders ─────────────────────────── -->
                     <div class="section" id="section-coming-soon-firewall">
                         <div class="card">
@@ -868,16 +886,6 @@
                         </div>
                     </div>
 
-                    <div class="section" id="section-servers">
-                        <div id="server-tabs-strip" class="server-tabs"></div>
-                        <div id="server-dashboard">
-                            <div class="empty-state">
-                                <div class="spinner"></div>
-                                <p style="margin-top: 12px">Loading servers…</p>
-                            </div>
-                        </div>
-                    </div>
-
                     <div class="section" id="section-coming-soon-ssl">
                         <div class="card">
                             <div class="empty-state">