disabled size change at IO view

src/frontend/src/modals/IOModal/index.tsx

@@ -106,13 +106,7 @@ export default function IOModal({
 
   return (
     <BaseModal
-      size={
+      size={selectedTab === 0 ? "large-thin" : "large"}
-        haveChat || selectedViewField
-          ? selectedTab === 0
-            ? "large-thin"
-            : "large"
-          : "small"
-      }
       open={open}
       setOpen={setOpen}
       disable={disable}
@@ -135,8 +129,7 @@ export default function IOModal({
             {selectedTab !== 0 && (
               <div
                 className={cn(
-                  "mr-6 flex h-full w-2/6 flex-shrink-0 flex-col justify-start transition-all duration-300",
+                  "mr-6 flex h-full w-2/6 w-2/6 flex-shrink-0 flex-col justify-start transition-all duration-300"
-                  haveChat || selectedViewField ? "w-2/6" : "w-full"
                 )}
               >
                 <Tabs
@@ -299,7 +292,6 @@ export default function IOModal({
               </div>
             )}
 
-            {haveChat || selectedViewField ? (
             <div className="flex h-full min-w-96 flex-grow">
               {selectedViewField && (
                 <div
@@ -347,6 +339,7 @@ export default function IOModal({
                   selectedViewField ? "hidden" : ""
                 )}
               >
+                {haveChat ? (
                   <ChatView
                     sendMessage={sendMessage}
                     chatValue={chatValue}
@@ -354,13 +347,15 @@ export default function IOModal({
                     lockChat={lockChat}
                     setLockChat={setLockChat}
                   />
-                </div>
-              </div>
                 ) : (
-              <div className="absolute bottom-8 right-8"></div>
+                  <span className="flex h-full w-full items-center justify-center font-thin text-muted-foreground">
+                    Select an IO component to view
+                  </span>
                 )}
               </div>
             </div>
+          </div>
+        </div>
       </BaseModal.Content>
       <BaseModal.Footer>
         {!haveChat && (