feat: add context menu

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()
   })

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(

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'

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'