diff --git a/assets/images/copilot-stack.png b/assets/images/copilot-stack.png
index af772816..bfc07208 100644
Binary files a/assets/images/copilot-stack.png and b/assets/images/copilot-stack.png differ
diff --git a/ui/typescript/src/components/chat/chat-message.tsx b/ui/typescript/src/components/chat/chat-message.tsx
index 2a56ab0a..7d81b689 100644
--- a/ui/typescript/src/components/chat/chat-message.tsx
+++ b/ui/typescript/src/components/chat/chat-message.tsx
@@ -9,38 +9,39 @@ import {ChatProps} from "@/types";
 
 export default function ChatMessage({ chat }: { chat: ChatProps }) {
   const {
-    userName,
+    authorRole,
     content
   } = chat ?? {};
+
   return (
       <div className="chat-content">
         <div className={cn('flex items-end ', {
           'justify-end':
-              userName !== Chats[0].userName,
+              authorRole !== Chats[0].authorRole,
         })}>
           <div className={cn('flex flex-col space-y-2 text-xs max-w-xs mx-2 order-2 ', {
             'items-end':
-                userName !== Chats[0].userName,
+                authorRole !== Chats[0].authorRole,
             'items-start':
-                userName == Chats[0].userName,
+                authorRole === Chats[0].authorRole,
           })}>
             <div><span
                 className={cn('px-4 py-2 rounded-lg inline-block  ', {
                   'rounded-br-none bg-blue-600 text-white':
-                      userName !== Chats[0].userName,
+                      authorRole !== Chats[0].authorRole,
                   'rounded-bl-none bg-gray-300 text-gray-600':
-                      userName == Chats[0].userName,
+                      authorRole === Chats[0].authorRole,
                 })}>{content}</span>
             </div>
           </div>
           <Image
               width={10} height={10}
-              src={(userName == Chats[0].userName) ? miyagilogo : usericon}
+              src={(authorRole == Chats[0].authorRole) ? miyagilogo : usericon}
               alt="Actor" className={cn('w-6 h-6 rounded-full  ', {
             'order-2':
-                userName !== Chats[0].userName,
+                authorRole !== Chats[0].authorRole,
             'order-1':
-                userName == Chats[0].userName,
+                authorRole === Chats[0].authorRole,
           })} />
         </div>
       </div>
diff --git a/ui/typescript/src/data/static/chats.tsx b/ui/typescript/src/data/static/chats.tsx
index 4837e616..e557aa8f 100644
--- a/ui/typescript/src/data/static/chats.tsx
+++ b/ui/typescript/src/data/static/chats.tsx
@@ -6,6 +6,6 @@ export const Chats = [
         userId: 'bot',
         userName: 'bot',
         chatId: '',
-        messageType: "1"
+        authorRole: 1
     }
 ]
\ No newline at end of file
diff --git a/ui/typescript/src/data/static/user-info.tsx b/ui/typescript/src/data/static/user-info.tsx
index ba9c3dca..810cc7f7 100644
--- a/ui/typescript/src/data/static/user-info.tsx
+++ b/ui/typescript/src/data/static/user-info.tsx
@@ -6,7 +6,7 @@ export const UserInfo = {
     "firstName": "Govind",
     "lastName": "Kamtamneni",
     "age": 50,
-    "messageType": "0",
+    "authorRole": 0,
     "riskLevel": "aggressive",
     "annualHouseholdIncome": 80000,
     "favoriteBook": "intelligent-investor",
diff --git a/ui/typescript/src/layouts/sidebar/chat-blade.tsx b/ui/typescript/src/layouts/sidebar/chat-blade.tsx
index 0c36ccb7..4ab710e5 100644
--- a/ui/typescript/src/layouts/sidebar/chat-blade.tsx
+++ b/ui/typescript/src/layouts/sidebar/chat-blade.tsx
@@ -65,7 +65,7 @@ export default function Sidebar({ className, setSelectedSession, setUserInfoAtom
             userId: userInfo.userId,
             userName: userInfo.userName,
             chatId: userInfo.chatId,
-            messageType: "0",
+            authorRole: 0,
         };
 
         // Update chatsAtom with the user's message first
@@ -89,7 +89,7 @@ export default function Sidebar({ className, setSelectedSession, setUserInfoAtom
             body: JSON.stringify({
                 input: userInput,
                 variables: [
-                    { key: 'messageType', value: userInfo.messageType },
+                    { key: 'messageType', value: userInfo.authorRole.toString() },
                     { key: 'chatId', value: userInfo.chatId },
                 ],
             }),
@@ -111,7 +111,7 @@ export default function Sidebar({ className, setSelectedSession, setUserInfoAtom
                     userId: "bot",
                     userName: "bot",
                     chatId: userInfo.chatId,
-                    messageType: "1",
+                    authorRole: 1,
                 },
             ];
         });
diff --git a/ui/typescript/src/types/index.ts b/ui/typescript/src/types/index.ts
index 0009a7ce..c13a488b 100644
--- a/ui/typescript/src/types/index.ts
+++ b/ui/typescript/src/types/index.ts
@@ -3,7 +3,7 @@ import type { ReactElement, ReactNode } from 'react';
 
 export type ChatProps = {
   id: string;
-  messageType: string;
+  authorRole: number;
   content: string;
   timestamp: string;
   userId: string;