dash

app.js

@@ -191,6 +191,7 @@ document.querySelectorAll(".nav-item[data-section]").forEach((el) => {
       "coming-soon-firewall": "Firewall",
       "coming-soon-ssl": "SSL / TLS",
       keys: "Keys",
+      dashboards: "Dashboards",
     };
     document.getElementById("page-title").textContent = labels[key] || key;
 

index.html

@@ -133,6 +133,25 @@
                     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
@@ -785,6 +804,47 @@
                         </div>
                     </div>
 
+                    <!-- ─── Dashboards Section ─────────────────────────── -->
+                    <div class="section" id="section-dashboards">
+                        <div class="card">
+                            <div class="card-header">
+                                <span class="card-title"
+                                    >Operations Dashboard</span
+                                >
+                            </div>
+                            <div style="padding: 16px 0 0">
+                                <iframe
+                                    src="https://derez.ai/operations.html"
+                                    style="
+                                        width: 100%;
+                                        height: 80vh;
+                                        border: none;
+                                        border-radius: 6px;
+                                        background: #fff;
+                                    "
+                                    title="Operations Dashboard"
+                                    allow="clipboard-read; clipboard-write"
+                                ></iframe>
+                                <p
+                                    style="
+                                        font-size: 12px;
+                                        color: var(--text-muted);
+                                        margin-top: 10px;
+                                        text-align: center;
+                                    "
+                                >
+                                    <a
+                                        href="https://derez.ai/operations.html"
+                                        target="_blank"
+                                        style="color: var(--accent)"
+                                    >
+                                        Open in new tab ↗
+                                    </a>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+
                     <!-- ─── Coming-soon placeholders ─────────────────────────── -->
                     <div class="section" id="section-coming-soon-firewall">
                         <div class="card">