Refactor session state management in SessionBar and streamline layout rendering in GenerativeContent

Author: Creylay

DashAI/front/src/components/generative/SessionBar.jsx

@@ -47,16 +47,16 @@ export default function SessionBar({ onToggle }) {
         ),
       ),
     ];
-    const initialOpenState = {};
-    uniqueDisplayNames.forEach((displayName) => {
-      initialOpenState[displayName] = false;
-    });
     setOpenSections((prev) => {
-      // Only update if display names have changed
       const prevKeys = Object.keys(prev).sort().join(",");
-      const newKeys = Object.keys(initialOpenState).sort().join(",");
+      const newKeys = uniqueDisplayNames.slice().sort().join(",");
       if (prevKeys === newKeys) return prev;
-      return initialOpenState;
+      // Preserve existing open/close state; initialize new keys as closed
+      const merged = {};
+      uniqueDisplayNames.forEach((displayName) => {
+        merged[displayName] = displayName in prev ? prev[displayName] : false;
+      });
+      return merged;
     });
   }, [sessions, tasks]);
 

DashAI/front/src/pages/generative/GenerativeContent.jsx

@@ -97,23 +97,19 @@ export default function GenerativeContent() {
     return <ParamsBar onToggle={threePanelLayout.handleToggleRight} />;
   };
 
-  const layout = (
-    <ThreePanelLayoutContext.Provider value={threePanelLayout}>
-      <ModuleContainer>
-        <LeftPanel data-tour="sessions-left-panel">
-          <SessionBar onToggle={threePanelLayout.handleToggleLeft} />
-        </LeftPanel>
-        <CenterPanel>{renderCenter()}</CenterPanel>
-        <RightPanel toggleButtonTop="50%" data-tour="parameters-right-panel">
-          {renderRight()}
-        </RightPanel>
-      </ModuleContainer>
-    </ThreePanelLayoutContext.Provider>
-  );
-
-  return isCreating ? (
-    <CreateSessionProvider>{layout}</CreateSessionProvider>
-  ) : (
-    layout
+  return (
+    <CreateSessionProvider>
+      <ThreePanelLayoutContext.Provider value={threePanelLayout}>
+        <ModuleContainer>
+          <LeftPanel data-tour="sessions-left-panel">
+            <SessionBar onToggle={threePanelLayout.handleToggleLeft} />
+          </LeftPanel>
+          <CenterPanel>{renderCenter()}</CenterPanel>
+          <RightPanel toggleButtonTop="50%" data-tour="parameters-right-panel">
+            {renderRight()}
+          </RightPanel>
+        </ModuleContainer>
+      </ThreePanelLayoutContext.Provider>
+    </CreateSessionProvider>
   );
 }