hide the ChatBox instead of unmount it to prevent lose chat history.

2025-08-12 19:29:32 -07:00
parent f9fc309c91
commit 3534dc7fca
3 changed files with 40 additions and 22 deletions
@@ -61,15 +61,14 @@ function App() {

      {/* Main Display Area containing MainContent, ChatBox, and Settings */}
      <div className="main-display-area">
-        {showSettings ? (
-          <SettingsPanel onClose={() => setShowSettings(false)} />
-        ) : (
+        {showSettings && <SettingsPanel onClose={() => setShowSettings(false)} />}
+        {!showSettings && (
          <>
            {showInstrumentSelection && <InstrumentSelection />}
            <MainContent />
-            {showChatBox && <ChatBox />}
          </>
        )}
+        <ChatBox isVisible={showChatBox && !showSettings} />
      </div>

      {/* Track Control */}