style: updated ui styles and translations

- Adjusted padding styles in AssistantModelSettings component.
- The addition of a close button to the Assistant Prompt Settings component to enhance its functionality.
- Added OK callback event to AssistantPromptSettings component.
- Added translations for new UI elements.
- Updated translation data for Chinese language.
- Added new translations and updated existing values in the language file to incorporate additional features.

src/renderer/src/components/AssistantSettings/AssistantModelSettings.tsx

@@ -166,7 +166,7 @@ const Container = styled.div`
   flex: 1;
   flex-direction: column;
   overflow: hidden;
-  padding-bottom: 10px;
+  padding: 5px;
 `
 
 const Label = styled.p`

src/renderer/src/components/AssistantSettings/AssistantPromptSettings.tsx

@@ -1,14 +1,14 @@
 import { useAssistant } from '@renderer/hooks/useAssistant'
 import { syncAsistantToAgent } from '@renderer/services/assistant'
 import { Assistant } from '@renderer/types'
-import { Input } from 'antd'
+import { Button, Input } from 'antd'
 import TextArea from 'antd/es/input/TextArea'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
-import { Box, VStack } from '../Layout'
+import { Box, HStack, VStack } from '../Layout'
 
-const AssistantPromptSettings: React.FC<{ assistant: Assistant }> = (props) => {
+const AssistantPromptSettings: React.FC<{ assistant: Assistant; onOk: () => void }> = (props) => {
   const { assistant, updateAssistant } = useAssistant(props.assistant.id)
   const [name, setName] = useState(assistant.name)
   const [prompt, setPrompt] = useState(assistant.prompt)
@@ -22,14 +22,16 @@ const AssistantPromptSettings: React.FC<{ assistant: Assistant }> = (props) => {
 
   return (
     <VStack flex={1}>
-      <Box mb={8}>{t('common.name')}</Box>
+      <Box mb={8} style={{ fontWeight: 'bold' }}>
+        {t('common.name')}
+      </Box>
       <Input
         placeholder={t('common.assistant') + t('common.name')}
         value={name}
         onChange={(e) => setName(e.target.value)}
         onBlur={onUpdate}
       />
-      <Box mt={8} mb={8}>
+      <Box mt={8} mb={8} style={{ fontWeight: 'bold' }}>
         {t('common.prompt')}
       </Box>
       <TextArea
@@ -38,8 +40,13 @@ const AssistantPromptSettings: React.FC<{ assistant: Assistant }> = (props) => {
         value={prompt}
         onChange={(e) => setPrompt(e.target.value)}
         onBlur={onUpdate}
-        style={{ minHeight: 'calc(80vh - 150px)', maxHeight: 'calc(80vh - 150px)' }}
+        style={{ minHeight: 'calc(80vh - 200px)', maxHeight: 'calc(80vh - 150px)' }}
       />
+      <HStack width="100%" justifyContent="flex-end" mt="10px">
+        <Button type="primary" onClick={props.onOk}>
+          {t('common.close')}
+        </Button>
+      </HStack>
     </VStack>
   )
 }

src/renderer/src/components/AssistantSettings/index.tsx

@@ -81,7 +81,7 @@ const AssistantSettingPopupContainer: React.FC<Props> = ({ assistant, resolve })
           />
         </LeftMenu>
         <Settings>
-          {menu === 'prompt' && <AssistantPromptSettings assistant={assistant} />}
+          {menu === 'prompt' && <AssistantPromptSettings assistant={assistant} onOk={onOk} />}
           {menu === 'model' && <AssistantModelSettings assistant={assistant} />}
         </Settings>
       </HStack>

src/renderer/src/i18n/en-us.json

@@ -27,7 +27,8 @@
       "default": "Default",
       "warning": "Warning",
       "back": "Back",
-      "chat": "Chat"
+      "chat": "Chat",
+      "close": "Close"
     },
     "button": {
       "add": "Add",

src/renderer/src/i18n/zh-cn.json

@@ -27,7 +27,8 @@
       "default": "默认",
       "warning": "警告",
       "back": "返回",
-      "chat": "聊天"
+      "chat": "聊天",
+      "close": "关闭"
     },
     "button": {
       "add": "添加",

src/renderer/src/i18n/zh-tw.json

@@ -27,7 +27,8 @@
       "default": "預設",
       "warning": "警告",
       "back": "返回",
-      "chat": "聊天"
+      "chat": "聊天",
+      "close": "關閉"
     },
     "button": {
       "add": "添加",