From f31120f67b22c3a7ab98ca83c5839a280191de6f Mon Sep 17 00:00:00 2001
From: OpenClaw Bot <openclaw-bot@friborg.uk>
Date: Sat, 9 May 2026 20:28:26 +0200
Subject: [PATCH] fix: make tab panels immediate on mobile

---
 src/App.tsx | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d196a9a..a09ea19 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -718,6 +718,18 @@ function App() {
         ))}
       </nav>
 
+      <aside className="secondary-nav card" aria-label="Secondary tools">
+        <div>
+          <span className="eyebrow">Local-first cockpit</span>
+          <p>Appwrite sync is infrastructure. Planning still belongs in the four v0.1 tabs.</p>
+        </div>
+        <button type="button" className={activeTab === 'status' ? 'ghost small active-secondary' : 'ghost small'} onClick={() => setActiveTab('status')}>
+          System Status
+        </button>
+      </aside>
+
+      {activeTab === 'feature-plan' && (
+        <>
       <header className="hero-card">
         <div>
           <p className="eyebrow">BuildPulse v0.1</p>
@@ -743,16 +755,6 @@ function App() {
         </div>
       </header>
 
-      <aside className="secondary-nav card" aria-label="Secondary tools">
-        <div>
-          <span className="eyebrow">Local-first cockpit</span>
-          <p>Appwrite sync is infrastructure. Planning still belongs in the four v0.1 tabs.</p>
-        </div>
-        <button type="button" className={activeTab === 'status' ? 'ghost small active-secondary' : 'ghost small'} onClick={() => setActiveTab('status')}>
-          System Status
-        </button>
-      </aside>
-
       <section className="project-card card">
         <div className="section-heading compact">
           <div>
@@ -805,6 +807,8 @@ function App() {
           Export
         </button>
       </div>
+        </>
+      )}
 
       {activeTab === 'status' && (
         <section className="view-stack">