Fix: Unresponsive click-area in folder-collection-item between chevron-icon and name

packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/index.js

@@ -282,6 +282,9 @@ const CollectionItem = ({ item, collection, searchText }) => {
             style={{
               paddingLeft: 8
             }}
+            onClick={handleClick}
+            onContextMenu={handleRightClick}
+            onDoubleClick={handleDoubleClick}
           >
             <div style={{ width: 16, minWidth: 16 }}>
               {isFolder ? (
@@ -297,9 +300,6 @@ const CollectionItem = ({ item, collection, searchText }) => {
 
             <div 
               className="ml-1 flex w-full h-full items-center overflow-hidden"
-              onClick={handleClick}
-              onContextMenu={handleRightClick}
-              onDoubleClick={handleDoubleClick}
             >
               <CollectionItemIcon item={item} />
               <span className="item-name" title={item.name}>

packages/bruno-app/src/components/Sidebar/Collections/Collection/index.js

@@ -54,6 +54,16 @@ const Collection = ({ collection, searchText }) => {
     );
   };
 
+  const ensureCollectionIsMounted = () => {
+    if (collection.mountStatus === 'unmounted') {
+      dispatch(mountCollection({
+        collectionUid: collection.uid,
+        collectionPathname: collection.pathname,
+        brunoConfig: collection.brunoConfig
+      }));
+    }
+  }
+
   const hasSearchText = searchText && searchText?.trim()?.length;
   const collectionIsCollapsed = hasSearchText ? false : collection.collapsed;
 
@@ -67,13 +77,7 @@ const Collection = ({ collection, searchText }) => {
     const isChevronClick = event.target.closest('svg')?.classList.contains('chevron-icon');
     setTimeout(scrollToTheActiveTab, 50);
     
-    if (collection.mountStatus === 'unmounted') {
-      dispatch(mountCollection({
-        collectionUid: collection.uid,
-        collectionPathname: collection.pathname,
-        brunoConfig: collection.brunoConfig
-      }));
-    }
+    ensureCollectionIsMounted();
 
     dispatch(collapseCollection(collection.uid));
   
@@ -95,6 +99,7 @@ const Collection = ({ collection, searchText }) => {
   const handleCollectionCollapse = (e) => {
     e.stopPropagation();
     e.preventDefault();
+    ensureCollectionIsMounted();
     dispatch(collapseCollection(collection.uid));
   }
 

packages/bruno-app/src/providers/ReduxStore/middlewares/draft/middleware.js

@@ -43,7 +43,8 @@ const actionsToIntercept = [
   'collections/addFolderVar',
   'collections/updateFolderVar',
   'collections/deleteFolderVar',
-  'collections/updateRequestDocs'
+  'collections/updateRequestDocs',
+  'collections/runRequestEvent', // TODO: This doesn't necessarily related to a draft state, need to rethink.
 ];
 
 export const draftDetectMiddleware = ({ dispatch, getState }) => (next) => (action) => {