fancy stuff might be overkill

packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx

@@ -24,7 +24,7 @@ export default function SidePanel() {
 
   const { handleToggleDesktopMode, desktopMode, isWindowFocused } = useElectron();
 
-  // todo: sort
+  // todo: sort based on content blocks and my last activity date
   const allChannels = useMemo(() => {
     let channels = Object.values(roomsMap);
 
@@ -66,15 +66,15 @@ export default function SidePanel() {
   return (
     <div
       className={`flex flex-col w-[350px] group 
-    border-r border-r-gray-200 shadow-xl bg-white z-20
-    ${!isWindowFocused && desktopMode === 'overlayOnly' && ' opacity-20 '}`}
+    border-r border-r-gray-200 shadow-xl z-20  ${desktopMode === 'mainApp' && ' bg-white '}`}
     >
       {/* user control panel */}
       <div
         className={`bg-gray-100 flex flex-row items-center gap-2
        p-4 pb-2 z-50 w-full titlebar ${
          desktopMode === 'overlayOnly' && 'border-b border-b-gray-200'
-       } `}
+       } ${!isWindowFocused && desktopMode === 'overlayOnly' && ' opacity-20 '}
+      `}
       >
         <button onClick={handleToggleDesktopMode} className={'mr-auto animate-pulse'}>
           <NoTextLogo type="small" />