diff --git a/src/views/ChatPanel/index.tsx b/src/views/ChatPanel/index.tsx
index 882db3c..9e72a1b 100644
--- a/src/views/ChatPanel/index.tsx
+++ b/src/views/ChatPanel/index.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
import { useState, useEffect, useRef } from 'react';
-import { Accordion, AccordionControlProps, Avatar, Box, Center, Code, Container, CopyButton, Divider, Flex, Grid, Stack, Textarea, TypographyStylesProvider, px, rem, useMantineTheme } from '@mantine/core';
+import { Accordion, AccordionControlProps, Avatar, Box, Center, Code, Container, CopyButton, Divider, Flex, Grid, Popover, Stack, Textarea, TypographyStylesProvider, px, rem, useMantineTheme } from '@mantine/core';
import { Input, Tooltip } from '@mantine/core';
import { List } from '@mantine/core';
import { ScrollArea } from '@mantine/core';
@@ -235,62 +235,96 @@ const chatPanel = () => {
const commandMenusNode = commandMenus.map(({ pattern, description, name }, index) => {
return (
- { setInput(`/${pattern} `); }}
- icon={}
+ onClick={() => {
+ setInput(`/${pattern} `);
+ setMenuOpend(false);
+ }}
>
-
- /{pattern}
-
-
- {description}
-
- );
+
+
+
+ /{pattern}
+
+
+ {description}
+
+
+ );
});
const contextMenusNode = contextMenus.map(({ pattern, description, name }, index) => {
return (
- {
handleContextClick(name);
+ setMenuOpend(false);
}}
- icon={}
>
-
- {name}
-
-
- {description}
-
- );
+
+
+
+ {name}
+
+
+ {description}
+
+
+ );
});
const messageList = messages.map(({ message: messageText, type: messageType, contexts }, index) => {
@@ -330,7 +364,7 @@ const chatPanel = () => {
}}
styles={{
item: {
- border: 'var(--vscode-menu-border)',
+ borderColor: 'var(--vscode-menu-border)',
backgroundColor: 'var(--vscode-menu-background)',
},
control: {
@@ -556,7 +590,7 @@ const chatPanel = () => {
}}
styles={{
item: {
- border: 'var(--vscode-menu-border)',
+ borderColor: 'var(--vscode-menu-border)',
backgroundColor: 'var(--vscode-menu-background)',
},
control: {
@@ -626,7 +660,7 @@ const chatPanel = () => {
}
}
-