From 266b3ae3d4258ddf51a42e80cb7bc23a42f384a0 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Fri, 27 Mar 2026 14:14:10 -0700
Subject: [PATCH] Add sidebar separator to dashboard

---
 src/gui/src/UI/Dashboard/UIDashboard.js | 6 ++++++
 src/gui/src/css/dashboard.css           | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/src/gui/src/UI/Dashboard/UIDashboard.js b/src/gui/src/UI/Dashboard/UIDashboard.js
index 939b1275e..9bdab0556 100644
--- a/src/gui/src/UI/Dashboard/UIDashboard.js
+++ b/src/gui/src/UI/Dashboard/UIDashboard.js
@@ -56,6 +56,7 @@ const builtinTabs = [
     TabHome,
     TabApps,
     TabFiles,
+    '-',
     TabUsage,
     TabAccount,
     TabSecurity,
@@ -86,6 +87,10 @@ async function UIDashboard (options) {
             h += '<div class="dashboard-sidebar-nav">';
             for ( let i = 0; i < tabs.length; i++ ) {
                 const tab = tabs[i];
+                if ( tab === '-' ) {
+                    h += '<hr class="dashboard-sidebar-separator">';
+                    continue;
+                }
                 const isActive = i === 0 ? ' active' : '';
                 const isBeta = tab.label === 'Apps';
                 h += `<div class="dashboard-sidebar-item${isActive} ${isBeta ? 'beta' : ''}" data-section="${tab.id}">`;
@@ -109,6 +114,7 @@ async function UIDashboard (options) {
         h += '<div class="dashboard-content">';
         for ( let i = 0; i < tabs.length; i++ ) {
             const tab = tabs[i];
+            if ( tab === '-' ) continue;
             const isActive = i === 0 ? ' active' : '';
             h += `<div class="dashboard-section dashboard-section-${tab.id}${isActive}" data-section="${tab.id}">`;
             h += tab.html();
diff --git a/src/gui/src/css/dashboard.css b/src/gui/src/css/dashboard.css
index dce6e19f6..6c6729c91 100644
--- a/src/gui/src/css/dashboard.css
+++ b/src/gui/src/css/dashboard.css
@@ -186,6 +186,12 @@ body {
     flex: 1;
 }
 
+.dashboard-sidebar-separator {
+    border: none;
+    border-top: 1px solid var(--dashboard-border);
+    margin: 8px 16px;
+}
+
 .dashboard-sidebar-item {
     display: flex;
     position: relative;