chore: sync local workspace changes

src/app/main/layout/MainLayout.tsx

@@ -101,7 +101,15 @@ function parseRoute(pathname: string): {
     };
   }
 
-  if (top === 'chat' && (first === 'live' || first === 'changes' || first === 'errors' || first === 'manage')) {
+  if (
+    top === 'chat' &&
+    (first === 'live' ||
+      first === 'changes' ||
+      first === 'resources' ||
+      first === 'errors' ||
+      first === 'manage' ||
+      first === 'manage-defaults')
+  ) {
     return {
       topMenu: 'chat',
       docsMenu: DOCS_DEFAULT_FOLDER,
@@ -112,7 +120,7 @@ function parseRoute(pathname: string): {
     };
   }
 
-  if (top === 'play' && first === 'layout') {
+  if (top === 'play' && (first === 'layout' || first === 'test' || first === 'cbt')) {
     return {
       topMenu: 'play',
       docsMenu: DOCS_DEFAULT_FOLDER,
@@ -135,7 +143,7 @@ function parseRoute(pathname: string): {
   }
 
   return {
-    topMenu: 'plans',
+    topMenu: 'chat',
     docsMenu: DOCS_DEFAULT_FOLDER,
     apiMenu: 'components',
     planMenu: 'all',
@@ -169,7 +177,7 @@ function resolveSidebarCollapsedForViewport(isSidebarOverlayViewport: boolean, t
     return false;
   }
 
-  return topMenu !== 'docs';
+  return true;
 }
 
 function resolveSidebarOpenKeys(
@@ -202,7 +210,7 @@ function resolveSidebarOpenKeys(
     return ['app-log-group'];
   }
 
-  return chatMenu === 'manage' ? ['chat-manage-group'] : ['codex-live-group'];
+  return chatMenu === 'manage' || chatMenu === 'manage-defaults' ? ['chat-manage-group'] : ['codex-live-group'];
 }
 
 export function MainLayout() {
@@ -328,6 +336,10 @@ export function MainLayout() {
         activeStates: ['anyway'],
         mobileOnly: true,
         trigger: 'pull-left-middle-right',
+        hotZoneSize: 36,
+        minDistance: 180,
+        minViewportDistanceRatio: 0.35,
+        maxHorizontalDrift: 72,
         onTrigger: () => {
           openSearch('window');
         },
@@ -467,7 +479,7 @@ export function MainLayout() {
           />
         )}
 
-        <Layout>
+        <Layout className="app-shell__body">
           {contentExpanded || (isSidebarOverlayViewport && sidebarCollapsed) ? null : (
             <MainSidebar
               activeTopMenu={routeState.topMenu}
@@ -514,7 +526,7 @@ export function MainLayout() {
               }}
               onSelectPlayMenu={(key) => {
                 const savedLayoutId = resolveSavedLayoutIdFromMenuKey(key);
-                navigate(savedLayoutId ? buildSavedLayoutPath(savedLayoutId) : buildPlayPath(key as 'layout'));
+                navigate(savedLayoutId ? buildSavedLayoutPath(savedLayoutId) : buildPlayPath(key as 'layout' | 'test'));
                 if (isSidebarOverlayViewport) {
                   setSidebarCollapsed(true);
                 }
@@ -525,11 +537,13 @@ export function MainLayout() {
             />
           )}
 
-          {isSidebarOverlayViewport && !sidebarCollapsed ? null : (
-            <MainContent contentExpanded={contentExpanded} onToggleContentExpanded={() => setContentExpanded((previous) => !previous)}>
-              <Outlet />
-            </MainContent>
-          )}
+          <MainContent
+            contentExpanded={contentExpanded}
+            sidebarOverlayActive={isSidebarOverlayViewport && !sidebarCollapsed}
+            onToggleContentExpanded={() => setContentExpanded((previous) => !previous)}
+          >
+            <Outlet />
+          </MainContent>
         </Layout>
       </Layout>
     </MainLayoutContextProvider>