diff --git a/src/channel/bubbleMsgUtils.js b/src/channel/bubbleMsgUtils.js
index 126f193..0fde5e8 100644
--- a/src/channel/bubbleMsgUtils.js
+++ b/src/channel/bubbleMsgUtils.js
@@ -284,11 +284,11 @@ export const sentMsgTypeMapped = {
 const whatsappMsgMapped = {
   'whatsapp.inbound_message.received': {
     getMsg: (result) => {
-      console.log('whatsapp.inbound_message.received', result);
+      // console.log('whatsapp.inbound_message.received', result);
       return isEmpty(result?.whatsappInboundMessage) ? null : { ...result.whatsappInboundMessage, conversationid: result.conversationid, messageorigin: result.messageorigin, msg_source: 'WABA', msg_direction: 'inbound' };
     },
     contentToRender: (contentObj) => {
-      console.log('whatsapp.inbound_message.received to render', contentObj);
+      // console.log('whatsapp.inbound_message.received to render', contentObj);
       return parseRenderMessageItem(contentObj);
     },
     contentToUpdate: () => null,
@@ -325,7 +325,7 @@ const whatsappMsgMapped = {
 const emailMsgMapped = {
   'email.inbound.received': {
     getMsg: (result) => {
-      console.log('email.inbound.received', result);
+      // console.log('email.inbound.received', result);
       const data1 = pick(result, ['conversationid', 'opi_sn', 'coli_sn', 'coli_id']);
       return isEmpty(result?.emailMessage) ? null : { ...result.emailMessage, ...data1, msg_source: 'email', msg_direction: 'inbound' };
     },
@@ -337,7 +337,7 @@ const emailMsgMapped = {
   },
   'email.updated': {
     getMsg: (result) => {
-      console.log('email.updated', result);
+      // console.log('email.updated', result);
       const { emailMessage } = result;
       const data1 = pick(result, ['conversationid', 'opi_sn', 'coli_sn', 'coli_id']);
       return isEmpty(result?.emailMessage) ? null : { ...emailMessage, ...data1, msg_source: 'email', msg_direction: 'outbound' };
diff --git a/src/channel/realTimeAPI.js b/src/channel/realTimeAPI.js
index a3b1934..d352143 100644
--- a/src/channel/realTimeAPI.js
+++ b/src/channel/realTimeAPI.js
@@ -104,6 +104,11 @@ export class RealTimeAPI {
   }
 
   sendMessage(messageObject) {
+    console.log(
+      `%c websocket Message OUT ⬆`,
+      'background:#41b883 ; padding: 1px; border-radius: 3px;  color: #fff',
+      JSON.stringify(messageObject),
+    );
     this.webSocket.next(messageObject);
   }
 
diff --git a/src/stores/ConversationStore.js b/src/stores/ConversationStore.js
index 0d00574..13641b9 100644
--- a/src/stores/ConversationStore.js
+++ b/src/stores/ConversationStore.js
@@ -154,7 +154,8 @@ const websocketSlice = (set, get) => ({
     }, 500);
   },
   handleMessage: (data) => {
-    olog('handleMessage------------------', data);
+    olog('websocket Message IN ⬇', JSON.stringify(data));
+    // olog('websocket Messages ----', data);
     // console.log(data);
     const { updateMessageItem, sentOrReceivedNewMessage, addGlobalNotify } = get();
     const { errcode, errmsg, result } = data;
@@ -167,11 +168,11 @@ const websocketSlice = (set, get) => ({
       // addError('Error Connecting to Server');
       resultType = 'error';
     }
-    console.log(resultType, 'result.type');
+    // console.log(resultType, 'result.type');
     const msgObj = receivedMsgTypeMapped[resultType].getMsg(result);
     const msgRender = receivedMsgTypeMapped[resultType].contentToRender(msgObj);
     const msgUpdate = receivedMsgTypeMapped[resultType].contentToUpdate(msgObj);
-    console.log('msgRender msgUpdate', msgRender, msgUpdate);
+    // console.log('msgRender msgUpdate', msgRender, msgUpdate);
     if ([
       'whatsapp.message.updated', 'message', 'error',
       'email.updated',
@@ -192,7 +193,7 @@ const websocketSlice = (set, get) => ({
       const msgNotify = receivedMsgTypeMapped[resultType].contentToNotify(msgObj);
       addGlobalNotify(msgNotify);
     }
-    console.log('handleMessage*******************');
+    // console.log('handleMessage*******************');
   },
 });