From 2ae7c232f3a1e541819ba1364261aea2538a9ef9 Mon Sep 17 00:00:00 2001
From: root <root@vps1170145.hostsailor.com>
Date: Mon, 16 Feb 2026 12:59:56 +0000
Subject: [PATCH] feat: Collapse all button + home button in header

---
 .../MissionControlDashboard.tsx               | 30 ++++++++++++++-----
 package.json                                  |  2 +-
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/components/mission-control/MissionControlDashboard.tsx b/components/mission-control/MissionControlDashboard.tsx
index bfa59c2..3901447 100644
--- a/components/mission-control/MissionControlDashboard.tsx
+++ b/components/mission-control/MissionControlDashboard.tsx
@@ -102,6 +102,9 @@ export default function MissionControlDashboard() {
     );
   };
 
+  const collapseAll = () => setExpandedCategories([]);
+  const expandAll = () => setExpandedCategories(sidebarCategories.map(c => c.id));
+
   // Render content based on selection
   const renderContent = () => {
     const category = currentItem?.category;
@@ -302,6 +305,9 @@ export default function MissionControlDashboard() {
           <a href="/" className="flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-white/60 hover:bg-white/5 hover:text-white transition">
             🏠 SiteMente Site
           </a>
+          <button onClick={collapseAll} className="w-full flex items-center gap-2 px-3 py-2 rounded-lg text-sm text-white/60 hover:bg-white/5 hover:text-white transition">
+            ⊖ Collapse All
+          </button>
         </div>
       </aside>
 
@@ -309,14 +315,22 @@ export default function MissionControlDashboard() {
       <main className="flex-1 p-6 overflow-y-auto">
         {/* Header */}
         <header className="flex items-center justify-between mb-6 pb-4 border-b border-white/10">
-          <div>
-            <h2 className="text-xl font-bold flex items-center gap-2">
-              <span>{currentItem?.icon}</span>
-              <span>{currentItem?.name}</span>
-            </h2>
-            <p className="text-sm text-white/50">
-              {currentItem?.category === "projects" ? `${progress}% complete` : `${tasks.length} total tasks`}
-            </p>
+          <div className="flex items-center gap-4">
+            <button
+              onClick={() => { setSelectedItem("sitemente"); setExpandedCategories(["projects"]); }}
+              className="w-10 h-10 rounded-xl bg-brand-pink flex items-center justify-center text-xl hover:bg-[#ff7bc0] transition"
+            >
+              👁️
+            </button>
+            <div>
+              <h2 className="text-xl font-bold flex items-center gap-2">
+                <span>{currentItem?.icon}</span>
+                <span>{currentItem?.name}</span>
+              </h2>
+              <p className="text-sm text-white/50">
+                {currentItem?.category === "projects" ? `${progress}% complete` : `${tasks.length} total tasks`}
+              </p>
+            </div>
           </div>
           {currentItem?.category === "projects" && (
             <div className="h-12 w-12 rounded-full border-4 border-brand-pink bg-white/10">
diff --git a/package.json b/package.json
index 4db8c8c..fa9bd02 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -p 1284",
     "build": "next build",
     "start": "next start"
   },