diff --git a/src/main/index.ts b/src/main/index.ts
index 5c62ed03..dd22e20e 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -1,5 +1,5 @@
 import { electronApp, is, optimizer } from '@electron-toolkit/utils'
-import { app, BrowserWindow, ipcMain, shell } from 'electron'
+import { app, BrowserWindow, ipcMain, Menu, MenuItem, shell } from 'electron'
 import windowStateKeeper from 'electron-window-state'
 import { join } from 'path'
 import icon from '../../resources/icon.png?asset'
@@ -34,6 +34,13 @@ function createWindow(): void {
 
   mainWindowState.manage(mainWindow)
 
+  mainWindow.webContents.on('context-menu', () => {
+    const menu = new Menu()
+    menu.append(new MenuItem({ label: 'Copy', role: 'copy' }))
+    menu.append(new MenuItem({ label: 'Paste', role: 'paste' }))
+    menu.popup()
+  })
+
   mainWindow.on('ready-to-show', () => {
     mainWindow.show()
   })
diff --git a/src/renderer/src/main.tsx b/src/renderer/src/main.tsx
index 0f648dfc..04315e95 100644
--- a/src/renderer/src/main.tsx
+++ b/src/renderer/src/main.tsx
@@ -1,7 +1,8 @@
-import './assets/styles/index.scss'
+import 'highlight.js/styles/github-dark.css'
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App'
+import './assets/styles/index.scss'
 import './init'
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
diff --git a/src/renderer/src/pages/home/HomePage.tsx b/src/renderer/src/pages/home/HomePage.tsx
index 48bc3f43..f47560af 100644
--- a/src/renderer/src/pages/home/HomePage.tsx
+++ b/src/renderer/src/pages/home/HomePage.tsx
@@ -2,7 +2,7 @@ import { Navbar, NavbarCenter, NavbarLeft, NavbarRight } from '@renderer/compone
 import useAgents from '@renderer/hooks/useAgents'
 import { FC, useState } from 'react'
 import styled from 'styled-components'
-import Chat from './components/Chat'
+import Chat from './components/Chat/Chat'
 import Agents from './components/Agents'
 import { uuid } from '@renderer/utils'
 import { getDefaultAgent } from '@renderer/services/agent'
diff --git a/src/renderer/src/pages/home/components/Chat.tsx b/src/renderer/src/pages/home/components/Chat/Chat.tsx
similarity index 100%
rename from src/renderer/src/pages/home/components/Chat.tsx
rename to src/renderer/src/pages/home/components/Chat/Chat.tsx
diff --git a/src/renderer/src/pages/home/components/Conversations.tsx b/src/renderer/src/pages/home/components/Chat/Conversations.tsx
similarity index 98%
rename from src/renderer/src/pages/home/components/Conversations.tsx
rename to src/renderer/src/pages/home/components/Chat/Conversations.tsx
index 2f75f15e..31ac72df 100644
--- a/src/renderer/src/pages/home/components/Conversations.tsx
+++ b/src/renderer/src/pages/home/components/Chat/Conversations.tsx
@@ -3,7 +3,6 @@ import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
 import { openaiProvider } from '@renderer/services/provider'
 import { Agent, Conversation, Message } from '@renderer/types'
 import { runAsyncFunction, uuid } from '@renderer/utils'
-import 'highlight.js/styles/github-dark.css'
 import localforage from 'localforage'
 import { FC, useCallback, useEffect, useState } from 'react'
 import styled from 'styled-components'
diff --git a/src/renderer/src/pages/home/components/Inputbar.tsx b/src/renderer/src/pages/home/components/Chat/Inputbar.tsx
similarity index 100%
rename from src/renderer/src/pages/home/components/Inputbar.tsx
rename to src/renderer/src/pages/home/components/Chat/Inputbar.tsx
diff --git a/src/renderer/src/pages/home/components/Message.tsx b/src/renderer/src/pages/home/components/Chat/Message.tsx
similarity index 100%
rename from src/renderer/src/pages/home/components/Message.tsx
rename to src/renderer/src/pages/home/components/Chat/Message.tsx