chore(version): 0.7.5

feat: improved ui effects and rendering for components
- Added smooth all property transition effect to Icon component. - Added hover effect and conditional rendering for Switch Topic Sidebar button on current assistant. - Updated the existing conditional options array to consistently include both topic and settings options. - Improved hover effects on topic list items.
2024-09-20 17:01:52 +08:00 · 2024-09-20 16:48:24 +08:00 · 2024-09-20 15:11:50 +08:00 · 2024-09-20 11:38:30 +08:00 · 2024-09-20 11:12:15 +08:00 · 2024-09-20 10:49:50 +08:00
65 changed files with 1757 additions and 587 deletions
--- a/electron-builder.yml
+++ b/electron-builder.yml
@@ -60,13 +60,10 @@ afterSign: scripts/notarize.js
 releaseInfo:
  releaseNotes: |
    本次更新：
-      支持行内公式
-      支持编辑所有集成的服务商API地址
-      新增智能体搜索功能(>10个)
-      修复正则表达式显示错误
-      修复默认模型参数不生效
-      修复暗黑模式下分界线不明显问题
+      增加了30多种文本文档格式选择
+      支持粘贴图片和文件到聊天输入框
+      支持将对话移动到其他智能体了
    近期更新：
-      智能助理和消息列表合并
-      优化输入框样式
-      提升小程序稳定性
+      支持 Vision 模型
+      新增文件功能
+      支持从特定消息创建新分支
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "CherryStudio",
-  "version": "0.7.0",
+  "version": "0.7.5",
  "private": true,
  "description": "A powerful AI assistant for producer.",
  "main": "./out/main/index.js",
@@ -59,6 +59,7 @@
    "dotenv-cli": "^7.4.2",
    "electron": "^28.3.3",
    "electron-builder": "^24.9.1",
+    "electron-devtools-installer": "^3.2.0",
    "electron-vite": "^2.0.0",
    "emittery": "^1.0.3",
    "emoji-picker-element": "^1.22.1",
@@ -67,7 +68,7 @@
    "eslint-plugin-react-hooks": "^4.6.2",
    "eslint-plugin-simple-import-sort": "^12.1.1",
    "eslint-plugin-unused-imports": "^4.0.0",
-    "gpt-tokens": "^1.3.6",
+    "gpt-tokens": "^1.3.10",
    "i18next": "^23.11.5",
    "localforage": "^1.10.0",
    "lodash": "^4.17.21",
@@ -99,8 +100,7 @@
    "react-dom": "^17.0.0 || ^18.0.0"
  },
  "resolutions": {
-    "@electron/notarize": "2.3.2",
    "@electron/notarize@npm:2.2.1": "patch:@electron/notarize@npm%3A2.3.2#~/.yarn/patches/@electron-notarize-npm-2.3.2-535908a4bd.patch"
  },
-  "packageManager": "yarn@4.3.1"
+  "packageManager": "yarn@4.5.0"
 }
--- a/src/main/config.ts
+++ b/src/main/config.ts
@@ -4,6 +4,10 @@ import { app } from 'electron'
 import Store from 'electron-store'
 import path from 'path'

+const isDev = process.env.NODE_ENV === 'development'
+
+isDev && app.setPath('userData', app.getPath('userData') + 'Dev')
+
 const getDataPath = () => {
  const dataPath = path.join(app.getPath('userData'), 'Data')
  if (!fs.existsSync(dataPath)) {
--- a/src/main/env.d.ts
+++ b/src/main/env.d.ts
@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  VITE_MAIN_BUNDLE_ID: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -1,5 +1,6 @@
 import { electronApp, optimizer } from '@electron-toolkit/utils'
 import { app, BrowserWindow } from 'electron'
+import installExtension, { REDUX_DEVTOOLS } from 'electron-devtools-installer'

 import { registerIpc } from './ipc'
 import { updateUserDataPath } from './utils/upgrade'
@@ -12,7 +13,7 @@ app.whenReady().then(async () => {
  await updateUserDataPath()

  // Set app user model id for windows
-  electronApp.setAppUserModelId('com.kangfenmao.CherryStudio')
+  electronApp.setAppUserModelId(import.meta.env.VITE_MAIN_BUNDLE_ID || 'com.kangfenmao.CherryStudio')

  // Default open or close DevTools by F12 in development
  // and ignore CommandOrControl + R in production.
@@ -30,6 +31,12 @@ app.whenReady().then(async () => {
  const mainWindow = createMainWindow()

  registerIpc(mainWindow, app)
+
+  if (process.env.NODE_ENV === 'development') {
+    installExtension(REDUX_DEVTOOLS)
+      .then((name) => console.log(`Added Extension:  ${name}`))
+      .catch((err) => console.log('An error occurred: ', err))
+  }
 })

 // Quit when all windows are closed, except on macOS. There, it's common
--- a/src/main/ipc.ts
+++ b/src/main/ipc.ts
@@ -1,17 +1,14 @@
 import { FileType } from '@types'
 import { BrowserWindow, ipcMain, OpenDialogOptions, session, shell } from 'electron'
-import Logger from 'electron-log'
-import fs from 'fs'
-import path from 'path'

 import { appConfig, titleBarOverlayDark, titleBarOverlayLight } from './config'
 import AppUpdater from './services/AppUpdater'
-import File from './services/File'
+import FileManager from './services/FileManager'
 import { openFile, saveFile } from './utils/file'
 import { compress, decompress } from './utils/zip'
 import { createMinappWindow } from './window'

-const fileManager = new File()
+const fileManager = new FileManager()

 export function registerIpc(mainWindow: BrowserWindow, app: Electron.App) {
  const { autoUpdater } = new AppUpdater(mainWindow)
@@ -38,28 +35,19 @@ export function registerIpc(mainWindow: BrowserWindow, app: Electron.App) {
  ipcMain.handle('zip:compress', (_, text: string) => compress(text))
  ipcMain.handle('zip:decompress', (_, text: Buffer) => decompress(text))

-  ipcMain.handle('image:base64', async (_, filePath) => {
-    try {
-      const data = await fs.promises.readFile(filePath)
-      const base64 = data.toString('base64')
-      const mime = `image/${path.extname(filePath).slice(1)}`
-      return {
-        mime,
-        base64,
-        data: `data:${mime};base64,${base64}`
-      }
-    } catch (error) {
-      Logger.error('Error reading file:', error)
-      return ''
-    }
-  })
-
+  ipcMain.handle('file:base64Image', async (_, id) => await fileManager.base64Image(id))
  ipcMain.handle('file:select', async (_, options?: OpenDialogOptions) => await fileManager.selectFile(options))
  ipcMain.handle('file:upload', async (_, file: FileType) => await fileManager.uploadFile(file))
-  ipcMain.handle('file:delete', async (_, fileId: string) => {
-    await fileManager.deleteFile(fileId)
-    return { success: true }
-  })
+  ipcMain.handle('file:clear', async () => await fileManager.clear())
+  ipcMain.handle('file:read', async (_, id: string) => await fileManager.readFile(id))
+  ipcMain.handle('file:delete', async (_, id: string) => await fileManager.deleteFile(id))
+  ipcMain.handle('file:get', async (_, filePath: string) => await fileManager.getFile(filePath))
+  ipcMain.handle('file:create', async (_, fileName: string) => await fileManager.createTempFile(fileName))
+  ipcMain.handle(
+    'file:write',
+    async (_, filePath: string, data: Uint8Array | string) => await fileManager.writeFile(filePath, data)
+  )
+
  ipcMain.handle('minapp', (_, args) => {
    createMinappWindow({
      url: args.url,
--- a/src/main/services/FileManager.ts
+++ b/src/main/services/FileManager.ts
@@ -6,7 +6,7 @@ import * as fs from 'fs'
 import * as path from 'path'
 import { v4 as uuidv4 } from 'uuid'

-class File {
+class FileManager {
  private storageDir: string

  constructor() {
@@ -131,9 +131,68 @@ class File {
    return fileMetadata
  }

+  async getFile(filePath: string): Promise<FileType | null> {
+    if (!fs.existsSync(filePath)) {
+      return null
+    }
+
+    const stats = fs.statSync(filePath)
+    const ext = path.extname(filePath)
+    const fileType = getFileType(ext)
+
+    const fileInfo: FileType = {
+      id: uuidv4(),
+      origin_name: path.basename(filePath),
+      name: path.basename(filePath),
+      path: filePath,
+      created_at: stats.birthtime,
+      size: stats.size,
+      ext: ext,
+      type: fileType,
+      count: 1
+    }
+
+    return fileInfo
+  }
+
  async deleteFile(id: string): Promise<void> {
    await fs.promises.unlink(path.join(this.storageDir, id))
  }
+
+  async readFile(id: string): Promise<string> {
+    const filePath = path.join(this.storageDir, id)
+    return fs.readFileSync(filePath, 'utf8')
+  }
+
+  async createTempFile(fileName: string): Promise<string> {
+    const tempDir = path.join(app.getPath('temp'), 'CherryStudio')
+    if (!fs.existsSync(tempDir)) {
+      fs.mkdirSync(tempDir, { recursive: true })
+    }
+    const tempFilePath = path.join(tempDir, `temp_file_${uuidv4()}_${fileName}`)
+    return tempFilePath
+  }
+
+  async writeFile(filePath: string, data: Uint8Array | string): Promise<void> {
+    await fs.promises.writeFile(filePath, data)
+  }
+
+  async base64Image(id: string): Promise<{ mime: string; base64: string; data: string }> {
+    const filePath = path.join(this.storageDir, id)
+    const data = await fs.promises.readFile(filePath)
+    const base64 = data.toString('base64')
+    const mime = `image/${path.extname(filePath).slice(1)}`
+    return {
+      mime,
+      base64,
+      data: `data:${mime};base64,${base64}`
+    }
+  }
+
+  async clear(): Promise<void> {
+    await fs.promises.rmdir(this.storageDir, { recursive: true })
+    await this.initStorageDir()
+  }
 }

-export default File
+export default FileManager
--- a/src/main/utils/file.ts
+++ b/src/main/utils/file.ts
@@ -1,6 +1,6 @@
 import { dialog, OpenDialogOptions, OpenDialogReturnValue, SaveDialogOptions, SaveDialogReturnValue } from 'electron'
 import logger from 'electron-log'
-import { writeFile } from 'fs'
+import { writeFileSync } from 'fs'
 import { readFile } from 'fs/promises'

 import { FileTypes } from '../../renderer/src/types'
@@ -19,11 +19,7 @@ export async function saveFile(
    })

    if (!result.canceled && result.filePath) {
-      writeFile(result.filePath, content, { encoding: 'utf-8' }, (err) => {
-        if (err) {
-          logger.error('[IPC - Error]', 'An error occurred saving the file:', err)
-        }
-      })
+      await writeFileSync(result.filePath, content, { encoding: 'utf-8' })
    }
  } catch (err) {
    logger.error('[IPC - Error]', 'An error occurred saving the file:', err)
@@ -60,12 +56,103 @@ export function getFileType(ext: string): FileTypes {
  const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp']
  const videoExts = ['.mp4', '.avi', '.mov', '.wmv', '.flv', '.mkv']
  const audioExts = ['.mp3', '.wav', '.ogg', '.flac', '.aac']
-  const documentExts = ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx', '.txt']
+  const documentExts = ['.pdf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx']
+  const textExts = [
+    '.txt', // 普通文本文件
+    '.md', // Markdown 文件
+    '.mdx', // Markdown 文件
+    '.html', // HTML 文件
+    '.htm', // HTML 文件的另一种扩展名
+    '.xml', // XML 文件
+    '.json', // JSON 文件
+    '.yaml', // YAML 文件
+    '.yml', // YAML 文件的另一种扩展名
+    '.csv', // 逗号分隔值文件
+    '.tsv', // 制表符分隔值文件
+    '.ini', // 配置文件
+    '.log', // 日志文件
+    '.rtf', // 富文本格式文件
+    '.tex', // LaTeX 文件
+    '.srt', // 字幕文件
+    '.xhtml', // XHTML 文件
+    '.nfo', // 信息文件（主要用于场景发布）
+    '.conf', // 配置文件
+    '.config', // 配置文件
+    '.env', // 环境变量文件
+    '.properties', // 配置属性文件
+    '.latex', // LaTeX 文档文件
+    '.rst', // reStructuredText 文件
+    '.php', // PHP 脚本文件，包含嵌入的 HTML
+    '.js', // JavaScript 文件（部分是文本，部分可能包含代码）
+    '.ts', // TypeScript 文件
+    '.jsp', // JavaServer Pages 文件
+    '.aspx', // ASP.NET 文件
+    '.bat', // Windows 批处理文件
+    '.sh', // Unix/Linux Shell 脚本文件
+    '.py', // Python 脚本文件
+    '.rb', // Ruby 脚本文件
+    '.pl', // Perl 脚本文件
+    '.sql', // SQL 脚本文件
+    '.css', // Cascading Style Sheets 文件
+    '.less', // Less CSS 预处理器文件
+    '.scss', // Sass CSS 预处理器文件
+    '.sass', // Sass 文件
+    '.styl', // Stylus CSS 预处理器文件
+    '.coffee', // CoffeeScript 文件
+    '.ino', // Arduino 代码文件
+    '.ino', // Arduino 代码文件
+    '.asm', // Assembly 语言文件
+    '.go', // Go 语言文件
+    '.scala', // Scala 语言文件
+    '.swift', // Swift 语言文件
+    '.kt', // Kotlin 语言文件
+    '.rs', // Rust 语言文件
+    '.lua', // Lua 语言文件
+    '.groovy', // Groovy 语言文件
+    '.dart', // Dart 语言文件
+    '.hs', // Haskell 语言文件
+    '.clj', // Clojure 语言文件
+    '.cljs', // ClojureScript 语言文件
+    '.elm', // Elm 语言文件
+    '.erl', // Erlang 语言文件
+    '.ex', // Elixir 语言文件
+    '.exs', // Elixir 脚本文件
+    '.pug', // Pug (formerly Jade) 模板文件
+    '.haml', // Haml 模板文件
+    '.slim', // Slim 模板文件
+    '.tpl', // 模板文件（通用）
+    '.ejs', // Embedded JavaScript 模板文件
+    '.hbs', // Handlebars 模板文件
+    '.mustache', // Mustache 模板文件
+    '.jade', // Jade 模板文件 (已重命名为 Pug)
+    '.twig', // Twig 模板文件
+    '.blade', // Blade 模板文件 (Laravel)
+    '.vue', // Vue.js 单文件组件
+    '.jsx', // React JSX 文件
+    '.tsx', // React TSX 文件
+    '.graphql', // GraphQL 查询语言文件
+    '.gql', // GraphQL 查询语言文件
+    '.proto', // Protocol Buffers 文件
+    '.thrift', // Thrift 文件
+    '.toml', // TOML 配置文件
+    '.edn', // Clojure 数据表示文件
+    '.cake', // CakePHP 配置文件
+    '.ctp', // CakePHP 视图文件
+    '.cfm', // ColdFusion 标记语言文件
+    '.cfc', // ColdFusion 组件文件
+    '.m', // Objective-C 源文件
+    '.mm', // Objective-C++ 源文件
+    '.gradle', // Gradle 构建文件
+    '.groovy', // Gradle 构建文件
+    '.gradle', // Gradle 构建文件
+    '.kts' // Kotlin Script 文件
+  ]

  ext = ext.toLowerCase()
  if (imageExts.includes(ext)) return FileTypes.IMAGE
  if (videoExts.includes(ext)) return FileTypes.VIDEO
  if (audioExts.includes(ext)) return FileTypes.AUDIO
+  if (textExts.includes(ext)) return FileTypes.TEXT
  if (documentExts.includes(ext)) return FileTypes.DOCUMENT
  return FileTypes.OTHER
 }
--- a/src/preload/index.d.ts
+++ b/src/preload/index.d.ts
@@ -24,10 +24,13 @@ declare global {
      file: {
        select: (options?: OpenDialogOptions) => Promise<FileType[] | null>
        upload: (file: FileType) => Promise<FileType>
-        delete: (fileId: string) => Promise<{ success: boolean }>
-      }
-      image: {
-        base64: (filePath: string) => Promise<{ mime: string; base64: string; data: string }>
+        delete: (fileId: string) => Promise<void>
+        read: (fileId: string) => Promise<string>
+        base64Image: (fileId: string) => Promise<{ mime: string; base64: string; data: string }>
+        clear: () => Promise<void>
+        get: (filePath: string) => Promise<FileType | null>
+        create: (fileName: string) => Promise<string>
+        write: (filePath: string, data: Uint8Array | string) => Promise<void>
      }
    }
  }
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -12,17 +12,20 @@ const api = {
  openFile: (options?: { decompress: boolean }) => ipcRenderer.invoke('open-file', options),
  reload: () => ipcRenderer.invoke('reload'),
  saveFile: (path: string, content: string, options?: { compress: boolean }) => {
-    ipcRenderer.invoke('save-file', path, content, options)
+    return ipcRenderer.invoke('save-file', path, content, options)
  },
  compress: (text: string) => ipcRenderer.invoke('zip:compress', text),
  decompress: (text: Buffer) => ipcRenderer.invoke('zip:decompress', text),
  file: {
    select: (options?: OpenDialogOptions) => ipcRenderer.invoke('file:select', options),
    upload: (filePath: string) => ipcRenderer.invoke('file:upload', filePath),
-    delete: (fileId: string) => ipcRenderer.invoke('file:delete', fileId)
-  },
-  image: {
-    base64: (filePath: string) => ipcRenderer.invoke('image:base64', filePath)
+    delete: (fileId: string) => ipcRenderer.invoke('file:delete', fileId),
+    read: (fileId: string) => ipcRenderer.invoke('file:read', fileId),
+    base64Image: (fileId: string) => ipcRenderer.invoke('file:base64Image', fileId),
+    clear: () => ipcRenderer.invoke('file:clear'),
+    get: (filePath: string) => ipcRenderer.invoke('file:get', filePath),
+    create: (fileName: string) => ipcRenderer.invoke('file:create', fileName),
+    write: (filePath: string, data: Uint8Array | string) => ipcRenderer.invoke('file:write', filePath, data)
  }
 }

--- a/src/renderer/src/assets/images/models/minicpm.webp
+++ b/src/renderer/src/assets/images/models/minicpm.webp
--- a/src/renderer/src/assets/styles/index.scss
+++ b/src/renderer/src/assets/styles/index.scss
@@ -22,7 +22,7 @@

  --color-background: #181818;
  --color-background-soft: var(--color-black-soft);
-  --color-background-mute: var(--color-black-mute);
+  --color-background-mute: var(--color-black-soft);

  --color-primary: #00b96b;
  --color-primary-soft: #00b96b99;
@@ -182,6 +182,12 @@ body,
  -webkit-app-region: no-drag;
 }

+.text-nowrap {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .minapp-drawer {
  .ant-drawer-content-wrapper {
    box-shadow: none;
--- a/src/renderer/src/assets/styles/markdown.scss
+++ b/src/renderer/src/assets/styles/markdown.scss
@@ -130,6 +130,10 @@
    }
  }

+  pre + pre {
+    margin-top: 10px;
+  }
+
  blockquote {
    margin: 1em 0;
    padding-left: 1em;
--- a/src/renderer/src/components/MinApp/index.tsx
+++ b/src/renderer/src/components/MinApp/index.tsx
@@ -30,6 +30,8 @@ const PopupContainer: React.FC<Props> = ({ app, resolve }) => {
    setTimeout(() => resolve({}), 300)
  }

+  MinApp.onClose = onClose
+
  const onReload = () => {
    if (webviewRef.current) {
      webviewRef.current.src = app.url
@@ -163,6 +165,7 @@ const Button = styled.div`

 export default class MinApp {
  static topviewId = 0
+  static onClose = () => {}
  static close() {
    TopView.hide('MinApp')
    store.dispatch(setMinappShow(false))
--- a/src/renderer/src/components/Popups/AddAssistantPopup.tsx
+++ b/src/renderer/src/components/Popups/AddAssistantPopup.tsx
@@ -1,3 +1,4 @@
+import { PlusOutlined, SearchOutlined } from '@ant-design/icons'
 import { TopView } from '@renderer/components/TopView'
 import systemAgents from '@renderer/config/agents.json'
 import { useAgents } from '@renderer/hooks/useAgents'
@@ -5,11 +6,13 @@ import { useAssistants, useDefaultAssistant } from '@renderer/hooks/useAssistant
 import { covertAgentToAssistant } from '@renderer/services/assistant'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
 import { Agent, Assistant } from '@renderer/types'
-import { Input, Modal, Tag } from 'antd'
-import { useMemo, useState } from 'react'
+import { Divider, Input, InputRef, Modal, Tag } from 'antd'
+import { useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'

+import { HStack } from '../Layout'
+
 interface Props {
  resolve: (value: Assistant | undefined) => void
 }
@@ -21,6 +24,7 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
  const [searchText, setSearchText] = useState('')
  const { defaultAssistant } = useDefaultAssistant()
  const { assistants, addAssistant } = useAssistants()
+  const inputRef = useRef<InputRef>(null)

  const defaultAgent: Agent = useMemo(
    () => ({
@@ -65,30 +69,52 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
    AddAssistantPopup.hide()
  }

+  useEffect(() => {
+    open && setTimeout(() => inputRef.current?.focus(), 0)
+  }, [open])
+
  return (
    <Modal
      centered
-      title={t('chat.add.assistant.title')}
      open={open}
      onCancel={onCancel}
      afterClose={onClose}
      transitionName="ant-move-down"
      maskTransitionName="ant-fade"
+      styles={{ content: { borderRadius: 20, padding: 0, overflow: 'hidden', paddingBottom: 20 } }}
+      closeIcon={null}
      footer={null}>
+      <HStack style={{ padding: '0 12px', marginTop: 5 }}>
        <Input
-        placeholder={t('common.search')}
+          prefix={
+            <SearchIcon>
+              <SearchOutlined />
+            </SearchIcon>
+          }
+          ref={inputRef}
+          placeholder={t('assistants.search')}
          value={searchText}
          onChange={(e) => setSearchText(e.target.value)}
          allowClear
          autoFocus
-        style={{ marginBottom: 16 }}
+          style={{ paddingLeft: 0 }}
+          bordered={false}
+          size="large"
        />
+      </HStack>
+      <Divider style={{ margin: 0 }} />
      <Container>
        {agents.map((agent) => (
-          <AgentItem key={agent.id} onClick={() => onCreateAssistant(agent)}>
+          <AgentItem
+            key={agent.id}
+            onClick={() => onCreateAssistant(agent)}
+            className={agent.id === 'default' ? 'default' : ''}>
+            <HStack alignItems="center" gap={5}>
+              {agent.id === 'default' && <PlusOutlined style={{ marginLeft: -2 }} />}
              {agent.emoji} {agent.name}
-            {agent.group === 'system' && <Tag color="orange">{t('agents.tag.system')}</Tag>}
-            {agent.group === 'user' && <Tag color="green">{t('agents.tag.user')}</Tag>}
+            </HStack>
+            {agent.group === 'system' && <Tag color="green">{t('agents.tag.system')}</Tag>}
+            {agent.group === 'user' && <Tag color="orange">{t('agents.tag.user')}</Tag>}
          </AgentItem>
        ))}
      </Container>
@@ -97,7 +123,9 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
 }

 const Container = styled.div`
+  padding: 0 12px;
  height: 50vh;
+  margin-top: 10px;
  overflow-y: auto;
  &::-webkit-scrollbar {
    display: none;
@@ -109,12 +137,14 @@ const AgentItem = styled.div`
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
-  padding: 8px;
+  padding: 10px 15px;
  border-radius: 8px;
  user-select: none;
-  background-color: var(--color-background-soft);
  margin-bottom: 8px;
  cursor: pointer;
+  &.default {
+    background-color: var(--color-background-soft);
+  }
  .anticon {
    font-size: 16px;
    color: var(--color-icon);
@@ -124,6 +154,18 @@ const AgentItem = styled.div`
  }
 `

+const SearchIcon = styled.div`
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--color-background-soft);
+  margin-right: 6px;
+`
+
 export default class AddAssistantPopup {
  static topviewId = 0
  static hide() {
--- a/src/renderer/src/components/Popups/UserPopup.tsx
+++ b/src/renderer/src/components/Popups/UserPopup.tsx
@@ -1,6 +1,6 @@
 import useAvatar from '@renderer/hooks/useAvatar'
 import { useSettings } from '@renderer/hooks/useSettings'
-import LocalStorage from '@renderer/services/storage'
+import ImageStorage from '@renderer/services/storage'
 import { useAppDispatch } from '@renderer/store'
 import { setAvatar } from '@renderer/store/runtime'
 import { setUserName } from '@renderer/store/settings'
@@ -55,8 +55,8 @@ const PopupContainer: React.FC<Props> = ({ resolve }) => {
            try {
              const _file = file.originFileObj as File
              const compressedFile = await compressImage(_file)
-              await LocalStorage.storeImage('avatar', compressedFile)
-              dispatch(setAvatar(await LocalStorage.getImage('avatar')))
+              await ImageStorage.set('avatar', compressedFile)
+              dispatch(setAvatar(await ImageStorage.get('avatar')))
            } catch (error: any) {
              window.message.error(error.message)
            }
--- a/src/renderer/src/components/app/Sidebar.tsx
+++ b/src/renderer/src/components/app/Sidebar.tsx
@@ -3,20 +3,20 @@ import { isMac } from '@renderer/config/constant'
 import { isLocalAi, UserAvatar } from '@renderer/config/env'
 import useAvatar from '@renderer/hooks/useAvatar'
 import { useSettings } from '@renderer/hooks/useSettings'
-import { useRuntime, useShowAssistants } from '@renderer/hooks/useStore'
+import { useRuntime } from '@renderer/hooks/useStore'
 import { Avatar } from 'antd'
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useLocation, useNavigate } from 'react-router-dom'
 import styled from 'styled-components'

+import MinApp from '../MinApp'
 import UserPopup from '../Popups/UserPopup'

 const Sidebar: FC = () => {
  const { pathname } = useLocation()
  const avatar = useAvatar()
  const { minappShow } = useRuntime()
-  const { toggleShowAssistants } = useShowAssistants()
  const { generating } = useRuntime()
  const { t } = useTranslation()
  const navigate = useNavigate()
@@ -37,23 +37,23 @@ const Sidebar: FC = () => {
    navigate(path)
  }

-  const onToggleShowAssistants = () => {
-    pathname === '/' ? toggleShowAssistants() : navigate('/')
-  }
-
  return (
-    <Container style={{ backgroundColor: minappShow ? 'var(--navbar-background)' : sidebarBgColor }}>
+    <Container
+      style={{
+        backgroundColor: minappShow ? 'var(--navbar-background)' : sidebarBgColor,
+        zIndex: minappShow ? 10000 : 'initial'
+      }}>
      <AvatarImg src={avatar || UserAvatar} draggable={false} className="nodrag" onClick={onEditUser} />
      <MainMenus>
-        <Menus>
-          <StyledLink onClick={onToggleShowAssistants}>
+        <Menus onClick={MinApp.onClose}>
+          <StyledLink onClick={() => to('/')}>
            <Icon className={isRoute('/')}>
-              <i className="iconfont icon-chat"></i>
+              <i className="iconfont icon-chat" />
            </Icon>
          </StyledLink>
          <StyledLink onClick={() => to('/agents')}>
            <Icon className={isRoute('/agents')}>
-              <i className="iconfont icon-business-smart-assistant"></i>
+              <i className="iconfont icon-business-smart-assistant" />
            </Icon>
          </StyledLink>
          <StyledLink onClick={() => to('/translate')}>
@@ -63,7 +63,7 @@ const Sidebar: FC = () => {
          </StyledLink>
          <StyledLink onClick={() => to('/apps')}>
            <Icon className={isRoute('/apps')}>
-              <i className="iconfont icon-appstore"></i>
+              <i className="iconfont icon-appstore" />
            </Icon>
          </StyledLink>
          <StyledLink onClick={() => to('/files')}>
@@ -73,10 +73,10 @@ const Sidebar: FC = () => {
          </StyledLink>
        </Menus>
      </MainMenus>
-      <Menus>
+      <Menus onClick={MinApp.onClose}>
        <StyledLink onClick={() => to(isLocalAi ? '/settings/assistant' : '/settings/provider')}>
          <Icon className={pathname.startsWith('/settings') ? 'active' : ''}>
-            <i className="iconfont icon-setting"></i>
+            <i className="iconfont icon-setting" />
          </Icon>
        </StyledLink>
      </Menus>
@@ -99,8 +99,8 @@ const Container = styled.div`
 `

 const AvatarImg = styled(Avatar)`
-  width: 28px;
-  height: 28px;
+  width: 32px;
+  height: 32px;
  background-color: var(--color-background-soft);
  margin-bottom: ${isMac ? '12px' : '12px'};
  margin-top: ${isMac ? '5px' : '2px'};
@@ -124,10 +124,11 @@ const Icon = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
-  border-radius: 6px;
+  border-radius: 50%;
  margin-bottom: 5px;
  transition: background-color 0.2s ease;
  -webkit-app-region: none;
+  transition: all 0.2s ease;
  .iconfont,
  .anticon {
    color: var(--color-icon);
--- a/src/renderer/src/config/constant.ts
+++ b/src/renderer/src/config/constant.ts
@@ -7,3 +7,95 @@ export const platform = window.electron?.process?.platform
 export const isMac = platform === 'darwin'
 export const isWindows = platform === 'win32' || platform === 'win64'
 export const isLinux = platform === 'linux'
+
+export const imageExts = ['.jpg', '.png', '.jpeg']
+export const textExts = [
+  '.txt', // 普通文本文件
+  '.md', // Markdown 文件
+  '.mdx', // Markdown 文件
+  '.html', // HTML 文件
+  '.htm', // HTML 文件的另一种扩展名
+  '.xml', // XML 文件
+  '.json', // JSON 文件
+  '.yaml', // YAML 文件
+  '.yml', // YAML 文件的另一种扩展名
+  '.csv', // 逗号分隔值文件
+  '.tsv', // 制表符分隔值文件
+  '.ini', // 配置文件
+  '.log', // 日志文件
+  '.rtf', // 富文本格式文件
+  '.tex', // LaTeX 文件
+  '.srt', // 字幕文件
+  '.xhtml', // XHTML 文件
+  '.nfo', // 信息文件（主要用于场景发布）
+  '.conf', // 配置文件
+  '.config', // 配置文件
+  '.env', // 环境变量文件
+  '.properties', // 配置属性文件
+  '.latex', // LaTeX 文档文件
+  '.rst', // reStructuredText 文件
+  '.php', // PHP 脚本文件，包含嵌入的 HTML
+  '.js', // JavaScript 文件（部分是文本，部分可能包含代码）
+  '.ts', // TypeScript 文件
+  '.jsp', // JavaServer Pages 文件
+  '.aspx', // ASP.NET 文件
+  '.bat', // Windows 批处理文件
+  '.sh', // Unix/Linux Shell 脚本文件
+  '.py', // Python 脚本文件
+  '.rb', // Ruby 脚本文件
+  '.pl', // Perl 脚本文件
+  '.sql', // SQL 脚本文件
+  '.css', // Cascading Style Sheets 文件
+  '.less', // Less CSS 预处理器文件
+  '.scss', // Sass CSS 预处理器文件
+  '.sass', // Sass 文件
+  '.styl', // Stylus CSS 预处理器文件
+  '.coffee', // CoffeeScript 文件
+  '.ino', // Arduino 代码文件
+  '.ino', // Arduino 代码文件
+  '.asm', // Assembly 语言文件
+  '.go', // Go 语言文件
+  '.scala', // Scala 语言文件
+  '.swift', // Swift 语言文件
+  '.kt', // Kotlin 语言文件
+  '.rs', // Rust 语言文件
+  '.lua', // Lua 语言文件
+  '.groovy', // Groovy 语言文件
+  '.dart', // Dart 语言文件
+  '.hs', // Haskell 语言文件
+  '.clj', // Clojure 语言文件
+  '.cljs', // ClojureScript 语言文件
+  '.elm', // Elm 语言文件
+  '.erl', // Erlang 语言文件
+  '.ex', // Elixir 语言文件
+  '.exs', // Elixir 脚本文件
+  '.pug', // Pug (formerly Jade) 模板文件
+  '.haml', // Haml 模板文件
+  '.slim', // Slim 模板文件
+  '.tpl', // 模板文件（通用）
+  '.ejs', // Embedded JavaScript 模板文件
+  '.hbs', // Handlebars 模板文件
+  '.mustache', // Mustache 模板文件
+  '.jade', // Jade 模板文件 (已重命名为 Pug)
+  '.twig', // Twig 模板文件
+  '.blade', // Blade 模板文件 (Laravel)
+  '.vue', // Vue.js 单文件组件
+  '.jsx', // React JSX 文件
+  '.tsx', // React TSX 文件
+  '.graphql', // GraphQL 查询语言文件
+  '.gql', // GraphQL 查询语言文件
+  '.proto', // Protocol Buffers 文件
+  '.thrift', // Thrift 文件
+  '.toml', // TOML 配置文件
+  '.edn', // Clojure 数据表示文件
+  '.cake', // CakePHP 配置文件
+  '.ctp', // CakePHP 视图文件
+  '.cfm', // ColdFusion 标记语言文件
+  '.cfc', // ColdFusion 组件文件
+  '.m', // Objective-C 源文件
+  '.mm', // Objective-C++ 源文件
+  '.gradle', // Gradle 构建文件
+  '.groovy', // Gradle 构建文件
+  '.gradle', // Gradle 构建文件
+  '.kts' // Kotlin Script 文件
+]
--- a/src/renderer/src/config/env.ts
+++ b/src/renderer/src/config/env.ts
@@ -2,5 +2,4 @@ export { default as UserAvatar } from '@renderer/assets/images/avatar.png'
 export { default as AppLogo } from '@renderer/assets/images/logo.png'

 export const APP_NAME = 'Cherry Studio'
-
 export const isLocalAi = false
--- a/src/renderer/src/config/provider.ts
+++ b/src/renderer/src/config/provider.ts
@@ -14,6 +14,7 @@ import GemmaModelLogo from '@renderer/assets/images/models/gemma.jpeg'
 import HailuoModelLogo from '@renderer/assets/images/models/hailuo.png'
 import LlamaModelLogo from '@renderer/assets/images/models/llama.jpeg'
 import MicrosoftModelLogo from '@renderer/assets/images/models/microsoft.png'
+import MinicpmModelLogo from '@renderer/assets/images/models/minicpm.webp'
 import MixtralModelLogo from '@renderer/assets/images/models/mixtral.jpeg'
 import PalmModelLogo from '@renderer/assets/images/models/palm.svg'
 import QwenModelLogo from '@renderer/assets/images/models/qwen.png'
@@ -91,6 +92,7 @@ export function getModelLogo(modelId: string) {
  }

  const logoMap = {
+    o1: OpenAiProviderLogo,
    gpt: ChatGPTModelLogo,
    glm: ChatGLMModelLogo,
    deepseek: DeepSeekModelLogo,
@@ -112,7 +114,8 @@ export function getModelLogo(modelId: string) {
    abab: HailuoModelLogo,
    'ep-202': DoubaoModelLogo,
    cohere: CohereModelLogo,
-    command: CohereModelLogo
+    command: CohereModelLogo,
+    minicpm: MinicpmModelLogo
  }

  for (const key in logoMap) {
--- a/src/renderer/src/context/AntdProvider.tsx
+++ b/src/renderer/src/context/AntdProvider.tsx
@@ -23,7 +23,8 @@ const AntdProvider: FC<PropsWithChildren> = ({ children }) => {
          }
        },
        token: {
-          colorPrimary: '#00b96b'
+          colorPrimary: '#00b96b',
+          borderRadius: 6
        }
      }}>
      {children}
--- a/src/renderer/src/databases/index.ts
+++ b/src/renderer/src/databases/index.ts
@@ -1,13 +1,27 @@
-import { FileType } from '@renderer/types'
+import { FileType, Topic } from '@renderer/types'
 import { Dexie, type EntityTable } from 'dexie'

+import { populateTopics } from './populate'
+
 // Database declaration (move this to its own module also)
 export const db = new Dexie('CherryStudio') as Dexie & {
  files: EntityTable<FileType, 'id'>
+  topics: EntityTable<Pick<Topic, 'id' | 'messages'>, 'id'>
+  settings: EntityTable<{ id: string; value: any }, 'id'>
 }

 db.version(1).stores({
  files: 'id, name, origin_name, path, size, ext, type, created_at, count'
 })

+db.version(2)
+  .stores({
+    files: 'id, name, origin_name, path, size, ext, type, created_at, count',
+    topics: '&id, messages',
+    settings: '&id, value'
+  })
+  .upgrade(populateTopics)
+
+db.on('populate', populateTopics)
+
 export default db
--- a/src/renderer/src/databases/populate.ts
+++ b/src/renderer/src/databases/populate.ts
@@ -0,0 +1,27 @@
+import i18n from '@renderer/i18n'
+import { Transaction } from 'dexie'
+import localforage from 'localforage'
+
+export async function populateTopics(trans: Transaction) {
+  const indexedKeys = await localforage.keys()
+
+  if (indexedKeys.length > 0) {
+    for (const key of indexedKeys) {
+      const value: any = await localforage.getItem(key)
+      if (key.startsWith('topic:')) {
+        await trans.db.table('topics').add({ id: value.id, messages: value.messages })
+      }
+      if (key === 'image://avatar') {
+        await trans.db.table('settings').add({ id: key, value: await localforage.getItem(key) })
+      }
+    }
+
+    window.modal.success({
+      title: i18n.t('message.upgrade.success.title'),
+      content: i18n.t('message.upgrade.success.content'),
+      okText: i18n.t('message.upgrade.success.button'),
+      centered: true,
+      onOk: () => window.api.reload()
+    })
+  }
+}
--- a/src/renderer/src/hooks/useAppInit.ts
+++ b/src/renderer/src/hooks/useAppInit.ts
@@ -1,9 +1,10 @@
 import { isLocalAi } from '@renderer/config/env'
+import db from '@renderer/databases'
 import i18n from '@renderer/i18n'
-import LocalStorage from '@renderer/services/storage'
 import { useAppDispatch } from '@renderer/store'
 import { setAvatar } from '@renderer/store/runtime'
 import { runAsyncFunction } from '@renderer/utils'
+import { useLiveQuery } from 'dexie-react-hooks'
 import { useEffect } from 'react'

 import { useDefaultModel } from './useAssistant'
@@ -13,13 +14,11 @@ export function useAppInit() {
  const dispatch = useAppDispatch()
  const { proxyUrl, language } = useSettings()
  const { setDefaultModel, setTopicNamingModel, setTranslateModel } = useDefaultModel()
+  const avatar = useLiveQuery(() => db.settings.get('image://avatar'))

  useEffect(() => {
-    runAsyncFunction(async () => {
-      const storedImage = await LocalStorage.getImage('avatar')
-      storedImage && dispatch(setAvatar(storedImage))
-    })
-  }, [dispatch])
+    avatar?.value && dispatch(setAvatar(avatar.value))
+  }, [avatar, dispatch])

  useEffect(() => {
    runAsyncFunction(async () => {
--- a/src/renderer/src/hooks/useAssistant.ts
+++ b/src/renderer/src/hooks/useAssistant.ts
@@ -1,5 +1,4 @@
 import { getDefaultTopic } from '@renderer/services/assistant'
-import LocalStorage from '@renderer/services/storage'
 import { useAppDispatch, useAppSelector } from '@renderer/store'
 import {
  addAssistant,
@@ -18,6 +17,8 @@ import {
 import { setDefaultModel, setTopicNamingModel, setTranslateModel } from '@renderer/store/llm'
 import { Assistant, AssistantSettings, Model, Topic } from '@renderer/types'

+import { TopicManager } from './useTopic'
+
 export function useAssistants() {
  const { assistants } = useAppSelector((state) => state.assistants)
  const dispatch = useAppDispatch()
@@ -30,7 +31,7 @@ export function useAssistants() {
      dispatch(removeAssistant({ id }))
      const assistant = assistants.find((a) => a.id === id)
      const topics = assistant?.topics || []
-      topics.forEach(({ id }) => LocalStorage.removeTopic(id))
+      topics.forEach(({ id }) => TopicManager.removeTopic(id))
    }
  }
 }
@@ -45,7 +46,11 @@ export function useAssistant(id: string) {
    model: assistant?.model ?? defaultModel,
    addTopic: (topic: Topic) => dispatch(addTopic({ assistantId: assistant.id, topic })),
    removeTopic: (topic: Topic) => {
-      LocalStorage.removeTopic(topic.id)
+      TopicManager.removeTopic(topic.id)
+      dispatch(removeTopic({ assistantId: assistant.id, topic }))
+    },
+    moveTopic: (topic: Topic, toAssistant: Assistant) => {
+      dispatch(addTopic({ assistantId: toAssistant.id, topic: { ...topic } }))
      dispatch(removeTopic({ assistantId: assistant.id, topic }))
    },
    updateTopic: (topic: Topic) => dispatch(updateTopic({ assistantId: assistant.id, topic })),
--- a/src/renderer/src/hooks/useTopic.ts
+++ b/src/renderer/src/hooks/useTopic.ts
@@ -1,3 +1,5 @@
+import db from '@renderer/databases'
+import { deleteMessageFiles } from '@renderer/services/messages'
 import { Assistant, Topic } from '@renderer/types'
 import { find } from 'lodash'
 import { useEffect, useState } from 'react'
@@ -25,3 +27,38 @@ export function useActiveTopic(_assistant: Assistant) {
 export function getTopic(assistant: Assistant, topicId: string) {
  return assistant?.topics.find((topic) => topic.id === topicId)
 }
+
+export class TopicManager {
+  static async getTopic(id: string) {
+    return await db.topics.get(id)
+  }
+
+  static async getTopicMessages(id: string) {
+    const topic = await this.getTopic(id)
+    return topic ? topic.messages : []
+  }
+
+  static async removeTopic(id: string) {
+    const messages = await this.getTopicMessages(id)
+
+    for (const message of messages) {
+      await deleteMessageFiles(message)
+    }
+
+    db.topics.delete(id)
+  }
+
+  static async clearTopicMessages(id: string) {
+    const topic = await this.getTopic(id)
+
+    if (topic) {
+      for (const message of topic?.messages ?? []) {
+        await deleteMessageFiles(message)
+      }
+
+      topic.messages = []
+
+      await db.topics.update(id, topic)
+    }
+  }
+}
--- a/src/renderer/src/i18n/index.ts
+++ b/src/renderer/src/i18n/index.ts
@@ -55,21 +55,27 @@ const resources = {
        'chat.completion.paused': 'Chat completion paused',
        'switch.disabled': 'Switching is disabled while the assistant is generating',
        'restore.success': 'Restored successfully',
+        'backup.success': 'Backup successful',
        'reset.confirm.content': 'Are you sure you want to clear all data?',
        'reset.double.confirm.title': 'DATA LOST !!!',
-        'reset.double.confirm.content': 'All data will be lost, do you want to continue?'
+        'reset.double.confirm.content': 'All data will be lost, do you want to continue?',
+        'upgrade.success.title': 'Upgrade successfully',
+        'upgrade.success.content': 'Please restart the application to complete the upgrade',
+        'upgrade.success.button': 'Restart',
+        'topic.added': 'New topic added'
      },
      chat: {
        save: 'Save',
-        'default.name': 'Default Assistant',
+        'default.name': '⭐️ Default Assistant',
        'default.description': "Hello, I'm Default Assistant. You can start chatting with me right away",
        'default.topic.name': 'Default Topic',
        'topics.title': 'Topics',
        'topics.auto_rename': 'Auto Rename',
-        'topics.edit.title': 'Rename',
+        'topics.edit.title': 'Edit Name',
        'topics.edit.placeholder': 'Enter new name',
        'topics.delete.all.title': 'Delete all topics',
        'topics.delete.all.content': 'Are you sure you want to delete all topics?',
+        'topics.move_to': 'Move to',
        'topics.list': 'Topic List',
        'input.new_topic': 'New Topic',
        'input.topics': ' Topics ',
@@ -83,7 +89,7 @@ const resources = {
        'input.send': 'Send',
        'input.pause': 'Pause',
        'input.settings': 'Settings',
-        'input.upload': 'Upload image png、jpg、jpeg',
+        'input.upload': 'Upload image or text file',
        'input.context_count.tip': 'Context Count',
        'input.estimated_tokens.tip': 'Estimated tokens',
        'settings.temperature': 'Temperature',
@@ -100,13 +106,20 @@ const resources = {
        'suggestions.title': 'Suggested Questions',
        'add.assistant.title': 'Add Assistant',
        'message.new.context': 'New Context',
+        'message.new.branch': 'New Branch',
        'assistant.search.placeholder': 'Search'
      },
+      assistants: {
+        title: 'Assistants',
+        abbr: 'Assistant',
+        search: 'Search assistants...'
+      },
      files: {
        title: 'Files',
        file: 'File',
        name: 'Name',
        size: 'Size',
+        count: 'Count',
        created_at: 'Created At'
      },
      agents: {
@@ -160,6 +173,7 @@ const resources = {
        'messages.input.title': 'Input Settings',
        'messages.input.show_estimated_tokens': 'Show estimated input tokens',
        'messages.input.send_shortcuts': 'Send shortcuts',
+        'messages.input.paste_long_text_as_file': 'Paste long text as file',
        'general.title': 'General Settings',
        'general.user_name': 'User Name',
        'general.user_name.placeholder': 'Enter your name',
@@ -168,6 +182,8 @@ const resources = {
        'general.restore.button': 'Restore',
        'general.reset.title': 'Data Reset',
        'general.reset.button': 'Reset',
+        'advanced.title': 'Advanced Settings',
+        'advanced.click_assistant_switch_to_topics': 'Auto switch to topic',
        'provider.api_key': 'API Key',
        'provider.check': 'Check',
        'provider.get_api_key': 'Get API Key',
@@ -317,13 +333,18 @@ const resources = {
        'chat.completion.paused': '会话已停止',
        'switch.disabled': '模型回复完成后才能切换',
        'restore.success': '恢复成功',
+        'backup.success': '备份成功',
        'reset.confirm.content': '确定要重置所有数据吗？',
        'reset.double.confirm.title': '数据丢失！！！',
-        'reset.double.confirm.content': '你的全部数据都会丢失，如果没有备份数据，将无法恢复，确定要继续吗？'
+        'reset.double.confirm.content': '你的全部数据都会丢失，如果没有备份数据，将无法恢复，确定要继续吗？',
+        'upgrade.success.title': '升级成功',
+        'upgrade.success.content': '重启应用以完成升级',
+        'upgrade.success.button': '重启',
+        'topic.added': '话题添加成功'
      },
      chat: {
        save: '保存',
-        'default.name': '默认助手',
+        'default.name': '⭐️ 默认助手',
        'default.description': '你好，我是默认助手。你可以立刻开始跟我聊天。',
        'default.topic.name': '默认话题',
        'topics.title': '话题',
@@ -332,6 +353,7 @@ const resources = {
        'topics.edit.placeholder': '输入新名称',
        'topics.delete.all.title': '删除所有话题',
        'topics.delete.all.content': '确定要删除所有话题吗?',
+        'topics.move_to': '移动到',
        'topics.list': '话题列表',
        'input.new_topic': '新话题',
        'input.topics': ' 话题 ',
@@ -345,7 +367,7 @@ const resources = {
        'input.send': '发送',
        'input.pause': '暂停',
        'input.settings': '设置',
-        'input.upload': '上传图片 png、jpg、jpeg',
+        'input.upload': '上传图片或纯文本文件',
        'input.context_count.tip': '上下文数',
        'input.estimated_tokens.tip': '预估 token 数',
        'settings.temperature': '模型温度',
@@ -361,15 +383,22 @@ const resources = {
        'settings.set_as_default': '应用到默认助手',
        'settings.max': '不限',
        'suggestions.title': '建议的问题',
-        'add.assistant.title': '添加智能体',
+        'add.assistant.title': '添加助手',
        'message.new.context': '清除上下文',
+        'message.new.branch': '新分支',
        'assistant.search.placeholder': '搜索'
      },
+      assistants: {
+        title: '助手',
+        abbr: '助手',
+        search: '搜索助手'
+      },
      files: {
        title: '文件',
        file: '文件',
        name: '文件名',
        size: '大小',
+        count: '文件数',
        created_at: '创建时间'
      },
      agents: {
@@ -423,6 +452,7 @@ const resources = {
        'messages.input.title': '输入设置',
        'messages.input.show_estimated_tokens': '状态显示',
        'messages.input.send_shortcuts': '发送快捷键',
+        'messages.input.paste_long_text_as_file': '长文本粘贴为文件',
        'general.title': '常规设置',
        'general.user_name': '用户名',
        'general.user_name.placeholder': '请输入用户名',
@@ -431,6 +461,8 @@ const resources = {
        'general.restore.button': '恢复',
        'general.reset.title': '重置数据',
        'general.reset.button': '重置',
+        'advanced.title': '高级设置',
+        'advanced.click_assistant_switch_to_topics': '点击助手切换到话题',
        'provider.api_key': 'API 密钥',
        'provider.check': '检查',
        'provider.get_api_key': '点击这里获取密钥',
--- a/src/renderer/src/pages/files/FilesPage.tsx
+++ b/src/renderer/src/pages/files/FilesPage.tsx
@@ -1,7 +1,8 @@
 import { Navbar, NavbarCenter } from '@renderer/components/app/Navbar'
 import { VStack } from '@renderer/components/Layout'
 import db from '@renderer/databases'
-import { FileType } from '@renderer/types'
+import FileManager from '@renderer/services/file'
+import { FileType, FileTypes } from '@renderer/types'
 import { Image, Table } from 'antd'
 import dayjs from 'dayjs'
 import { useLiveQuery } from 'dexie-react-hooks'
@@ -11,15 +12,20 @@ import styled from 'styled-components'

 const FilesPage: FC = () => {
  const { t } = useTranslation()
-  const files = useLiveQuery<FileType[]>(() => db.files.toArray())
+  const files = useLiveQuery<FileType[]>(() => db.files.orderBy('created_at').reverse().toArray())

-  const dataSource = files?.map((file) => ({
+  const dataSource = files?.map((file) => {
+    const isImage = file.type === FileTypes.IMAGE
+    const ImageView = <Image src={'file://' + file.path} preview={false} style={{ maxHeight: '40px' }} />
+    return {
      key: file.id,
-    file: <Image src={'file://' + file.path} preview={false} style={{ maxHeight: '40px' }} />,
-    name: <a href={'file://' + file.path}>{file.origin_name}</a>,
+      file: isImage ? ImageView : <FileNameText className="text-nowrap">{file.origin_name}</FileNameText>,
+      name: <a href={'file://' + FileManager.getSafePath(file)}>{file.origin_name}</a>,
      size: `${(file.size / 1024 / 1024).toFixed(2)} MB`,
+      count: file.count,
      created_at: dayjs(file.created_at).format('MM-DD HH:mm')
-  }))
+    }
+  })

  const columns = [
    {
@@ -39,6 +45,12 @@ const FilesPage: FC = () => {
      key: 'size',
      width: '100px'
    },
+    {
+      title: t('files.count'),
+      dataIndex: 'count',
+      key: 'count',
+      width: '100px'
+    },
    {
      title: t('files.created_at'),
      dataIndex: 'created_at',
@@ -79,4 +91,10 @@ const ContentContainer = styled.div`
  padding: 20px;
 `

+const FileNameText = styled.div`
+  font-size: 14px;
+  color: var(--color-text);
+  max-width: 300px;
+`
+
 export default FilesPage
--- a/src/renderer/src/pages/home/Assistants.tsx
+++ b/src/renderer/src/pages/home/Assistants.tsx
@@ -1,8 +1,9 @@
-import { DeleteOutlined, EditOutlined, MinusCircleOutlined } from '@ant-design/icons'
+import { DeleteOutlined, EditOutlined, MinusCircleOutlined, PlusOutlined } from '@ant-design/icons'
 import DragableList from '@renderer/components/DragableList'
 import CopyIcon from '@renderer/components/Icons/CopyIcon'
 import AssistantSettingPopup from '@renderer/components/Popups/AssistantSettingPopup'
 import { useAssistant, useAssistants } from '@renderer/hooks/useAssistant'
+import { useSettings } from '@renderer/hooks/useSettings'
 import { getDefaultTopic, syncAsistantToAgent } from '@renderer/services/assistant'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
 import { useAppDispatch, useAppSelector } from '@renderer/store'
@@ -19,14 +20,22 @@ import styled from 'styled-components'
 interface Props {
  activeAssistant: Assistant
  setActiveAssistant: (assistant: Assistant) => void
+  onCreateDefaultAssistant: () => void
  onCreateAssistant: () => void
 }

-const Assistants: FC<Props> = ({ activeAssistant, setActiveAssistant, onCreateAssistant }) => {
+const Assistants: FC<Props> = ({
+  activeAssistant,
+  setActiveAssistant,
+  onCreateAssistant,
+  onCreateDefaultAssistant
+}) => {
  const { assistants, removeAssistant, addAssistant, updateAssistants } = useAssistants()
  const generating = useAppSelector((state) => state.runtime.generating)
  const [search, setSearch] = useState('')
+  const [dragging, setDragging] = useState(false)
  const { updateAssistant, removeAllTopics } = useAssistant(activeAssistant.id)
+  const { clickAssistantToShowTopic, topicPosition } = useSettings()
  const searchRef = useRef<InputRef>(null)
  const { t } = useTranslation()
  const dispatch = useAppDispatch()
@@ -34,10 +43,10 @@ const Assistants: FC<Props> = ({ activeAssistant, setActiveAssistant, onCreateAs
  const onDelete = useCallback(
    (assistant: Assistant) => {
      const _assistant = last(assistants.filter((a) => a.id !== assistant.id))
-      _assistant ? setActiveAssistant(_assistant) : onCreateAssistant()
+      _assistant ? setActiveAssistant(_assistant) : onCreateDefaultAssistant()
      removeAssistant(assistant.id)
    },
-    [assistants, onCreateAssistant, removeAssistant, setActiveAssistant]
+    [assistants, onCreateDefaultAssistant, removeAssistant, setActiveAssistant]
  )

  const onEditAssistant = useCallback(
@@ -103,9 +112,13 @@ const Assistants: FC<Props> = ({ activeAssistant, setActiveAssistant, onCreateAs
        })
      }

+      if (topicPosition === 'left' && clickAssistantToShowTopic) {
+        EventEmitter.emit(EVENT_NAMES.SWITCH_TOPIC_SIDEBAR)
+      }
+
      setActiveAssistant(assistant)
    },
-    [generating, setActiveAssistant, t]
+    [clickAssistantToShowTopic, generating, setActiveAssistant, t, topicPosition]
  )

  const list = assistants.filter((assistant) => assistant.name?.toLowerCase().includes(search.toLowerCase().trim()))
@@ -169,24 +182,38 @@ const Assistants: FC<Props> = ({ activeAssistant, setActiveAssistant, onCreateAs
          />
        </SearchContainer>
      )}
-      <DragableList list={list} onUpdate={updateAssistants} droppableProps={{ isDropDisabled: !isEmpty(search) }}>
+      <DragableList
+        list={list}
+        onUpdate={updateAssistants}
+        droppableProps={{ isDropDisabled: !isEmpty(search) }}
+        style={{ paddingBottom: dragging ? '34px' : 0 }}
+        onDragStart={() => setDragging(true)}
+        onDragEnd={() => setDragging(false)}>
        {(assistant) => {
          const isCurrent = assistant.id === activeAssistant?.id
          return (
            <Dropdown key={assistant.id} menu={{ items: getMenuItems(assistant) }} trigger={['contextMenu']}>
              <AssistantItem onClick={() => onSwitchAssistant(assistant)} className={isCurrent ? 'active' : ''}>
                <AssistantName className="name">{assistant.name || t('chat.default.name')}</AssistantName>
-                <ArrowRightButton
-                  className={`arrow-button ${isCurrent ? 'active' : ''}`}
-                  onClick={() => EventEmitter.emit(EVENT_NAMES.SWITCH_TOPIC_SIDEBAR)}>
+                {isCurrent && (
+                  <ArrowRightButton onClick={() => EventEmitter.emit(EVENT_NAMES.SWITCH_TOPIC_SIDEBAR)}>
                    <i className="iconfont icon-gridlines" />
                  </ArrowRightButton>
+                )}
                {false && <TopicCount className="topics-count">{assistant.topics.length}</TopicCount>}
              </AssistantItem>
            </Dropdown>
          )
        }}
      </DragableList>
+      {!dragging && (
+        <AssistantItem onClick={onCreateAssistant}>
+          <AssistantName>
+            <PlusOutlined style={{ color: 'var(--color-text-2)', marginRight: 4 }} />
+            {t('chat.add.assistant.title')}
+          </AssistantName>
+        </AssistantItem>
+      )}
    </Container>
  )
 }
@@ -209,12 +236,15 @@ const AssistantItem = styled.div`
  border-radius: 4px;
  margin: 0 10px;
  padding-right: 35px;
-  cursor: pointer;
  font-family: Ubuntu;
+  cursor: pointer;
  .iconfont {
    opacity: 0;
    color: var(--color-text-3);
  }
+  &:hover {
+    background-color: var(--color-background-soft);
+  }
  &.active {
    background-color: var(--color-background-mute);
    .name {
--- a/src/renderer/src/pages/home/HomePage.tsx
+++ b/src/renderer/src/pages/home/HomePage.tsx
@@ -21,7 +21,7 @@ const HomePage: FC = () => {

  return (
    <Container>
-      <Navbar activeAssistant={activeAssistant} setActiveAssistant={setActiveAssistant} activeTopic={activeTopic} />
+      <Navbar activeAssistant={activeAssistant} activeTopic={activeTopic} setActiveTopic={setActiveTopic} />
      <ContentContainer>
        {showAssistants && (
          <RightSidebar
--- a/src/renderer/src/pages/home/Inputbar/AttachmentButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/AttachmentButton.tsx
@@ -1,4 +1,5 @@
 import { PaperClipOutlined } from '@ant-design/icons'
+import { imageExts, textExts } from '@renderer/config/constant'
 import { isVisionModel } from '@renderer/config/models'
 import { FileType, Model } from '@renderer/types'
 import { Tooltip } from 'antd'
@@ -14,16 +15,23 @@ interface Props {

 const AttachmentButton: FC<Props> = ({ model, files, setFiles, ToolbarButton }) => {
  const { t } = useTranslation()
+  const extensions = isVisionModel(model) ? [...imageExts, ...textExts] : [...textExts]

  const onSelectFile = async () => {
-    const _files = await window.api.file.select({
-      filters: [{ name: 'Files', extensions: ['jpg', 'png', 'jpeg'] }]
-    })
-    _files && setFiles(_files)
+    if (files.length > 0) {
+      return setFiles([])
    }

-  if (!isVisionModel(model)) {
-    return null
+    const _files = await window.api.file.select({
+      filters: [
+        {
+          name: 'Files',
+          extensions: extensions.map((i) => i.replace('.', ''))
+        }
+      ]
+    })
+
+    _files && setFiles(_files)
  }

  return (
--- a/src/renderer/src/pages/home/Inputbar/AttachmentPreview.tsx
+++ b/src/renderer/src/pages/home/Inputbar/AttachmentPreview.tsx
@@ -1,3 +1,4 @@
+import FileManager from '@renderer/services/file'
 import { FileType } from '@renderer/types'
 import { Upload } from 'antd'
 import { isEmpty } from 'lodash'
@@ -18,7 +19,12 @@ const AttachmentPreview: FC<Props> = ({ files, setFiles }) => {
    <Container>
      <Upload
        listType="picture-card"
-        fileList={files.map((file) => ({ uid: file.id, url: 'file://' + file.path, status: 'done', name: file.name }))}
+        fileList={files.map((file) => ({
+          uid: file.id,
+          url: 'file://' + FileManager.getSafePath(file),
+          status: 'done',
+          name: file.name
+        }))}
        onRemove={(item) => setFiles(files.filter((file) => item.uid !== file.id))}
      />
    </Container>
--- a/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
+++ b/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
@@ -4,21 +4,23 @@ import {
  FormOutlined,
  FullscreenExitOutlined,
  FullscreenOutlined,
-  HistoryOutlined,
  PauseCircleOutlined,
  QuestionCircleOutlined
 } from '@ant-design/icons'
+import { imageExts, textExts } from '@renderer/config/constant'
+import { isVisionModel } from '@renderer/config/models'
+import db from '@renderer/databases'
 import { useAssistant } from '@renderer/hooks/useAssistant'
 import { useSettings } from '@renderer/hooks/useSettings'
 import { useRuntime, useShowTopics } from '@renderer/hooks/useStore'
 import { getDefaultTopic } from '@renderer/services/assistant'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
 import FileManager from '@renderer/services/file'
-import { estimateInputTokenCount } from '@renderer/services/messages'
+import { estimateTextTokens } from '@renderer/services/tokens'
 import store, { useAppDispatch, useAppSelector } from '@renderer/store'
 import { setGenerating, setSearching } from '@renderer/store/runtime'
 import { Assistant, FileType, Message, Topic } from '@renderer/types'
-import { delay, uuid } from '@renderer/utils'
+import { delay, getFileExtension, uuid } from '@renderer/utils'
 import { Button, Popconfirm, Tooltip } from 'antd'
 import TextArea, { TextAreaRef } from 'antd/es/input/TextArea'
 import dayjs from 'dayjs'
@@ -43,7 +45,7 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {
  const [text, setText] = useState(_text)
  const [inputFocus, setInputFocus] = useState(false)
  const { addTopic, model } = useAssistant(assistant.id)
-  const { sendMessageShortcut, fontSize } = useSettings()
+  const { sendMessageShortcut, fontSize, pasteLongTextAsFile } = useSettings()
  const [expended, setExpend] = useState(false)
  const [estimateTokenCount, setEstimateTokenCount] = useState(0)
  const [contextCount, setContextCount] = useState(0)
@@ -56,6 +58,9 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {
  const { searching } = useRuntime()
  const dispatch = useAppDispatch()

+  const isVision = useMemo(() => isVisionModel(model), [model])
+  const supportExts = useMemo(() => [...textExts, ...(isVision ? imageExts : [])], [isVision])
+
  _text = text

  const sendMessage = useCallback(async () => {
@@ -91,7 +96,7 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {
    setExpend(false)
  }, [assistant.id, assistant.topics, generating, files, text])

-  const inputTokenCount = useMemo(() => estimateInputTokenCount(text), [text])
+  const inputTokenCount = useMemo(() => estimateTextTokens(text), [text])

  const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {
    const isEnterPressed = event.keyCode == 13
@@ -120,6 +125,7 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {
    const topic = getDefaultTopic()
    addTopic(topic)
    setActiveTopic(topic)
+    db.topics.add({ id: topic.id, messages: [] })
  }, [addTopic, setActiveTopic])

  const clearTopic = async () => {
@@ -169,6 +175,53 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {

  const onInput = () => !expended && resizeTextArea()

+  const onPaste = useCallback(
+    async (event: ClipboardEvent) => {
+      for (const file of event.clipboardData?.files || []) {
+        event.preventDefault()
+
+        if (file.path === '') {
+          if (file.type.startsWith('image/')) {
+            const tempFilePath = await window.api.file.create(file.name)
+            const arrayBuffer = await file.arrayBuffer()
+            const uint8Array = new Uint8Array(arrayBuffer)
+            await window.api.file.write(tempFilePath, uint8Array)
+            const selectedFile = await window.api.file.get(tempFilePath)
+            selectedFile && setFiles((prevFiles) => [...prevFiles, selectedFile])
+            break
+          }
+        }
+
+        if (file.path) {
+          if (supportExts.includes(getFileExtension(file.path))) {
+            const selectedFile = await window.api.file.get(file.path)
+            selectedFile && setFiles((prevFiles) => [...prevFiles, selectedFile])
+          }
+        }
+      }
+
+      if (pasteLongTextAsFile) {
+        const item = event.clipboardData?.items[0]
+        if (item && item.kind === 'string' && item.type === 'text/plain') {
+          event.preventDefault()
+          item.getAsString(async (text) => {
+            if (text.length > 1500) {
+              console.debug(item.getAsFile())
+              const tempFilePath = await window.api.file.create('pasted_text.txt')
+              await window.api.file.write(tempFilePath, text)
+              const selectedFile = await window.api.file.get(tempFilePath)
+              selectedFile && setFiles((prevFiles) => [...prevFiles, selectedFile])
+            } else {
+              setText((prevText) => prevText + text)
+              setTimeout(() => resizeTextArea(), 0)
+            }
+          })
+        }
+      }
+    },
+    [supportExts, pasteLongTextAsFile]
+  )
+
  // Command or Ctrl + N create new topic
  useEffect(() => {
    const onKeydown = (e) => {
@@ -190,6 +243,7 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {
      EventEmitter.on(EVENT_NAMES.EDIT_MESSAGE, (message: Message) => {
        setText(message.content)
        textareaRef.current?.focus()
+        setTimeout(() => resizeTextArea(), 0)
      }),
      EventEmitter.on(EVENT_NAMES.ESTIMATED_TOKEN_COUNT, ({ tokensCount, contextCount }) => {
        _setEstimateTokenCount(tokensCount)
@@ -223,6 +277,7 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {
          onBlur={() => setInputFocus(false)}
          onInput={onInput}
          disabled={searching}
+          onPaste={(e) => onPaste(e.nativeEvent)}
          onClick={() => searching && dispatch(setSearching(false))}
        />
        <Toolbar>
@@ -245,16 +300,6 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {
                </ToolbarButton>
              </Popconfirm>
            </Tooltip>
-            <Tooltip placement="top" title={t('chat.input.topics')} arrow>
-              <ToolbarButton
-                type="text"
-                onClick={() => {
-                  !showTopics && toggleShowTopics()
-                  setTimeout(() => EventEmitter.emit(EVENT_NAMES.SHOW_TOPIC_SIDEBAR), 0)
-                }}>
-                <HistoryOutlined />
-              </ToolbarButton>
-            </Tooltip>
            <Tooltip placement="top" title={t('chat.input.settings')} arrow>
              <ToolbarButton
                type="text"
@@ -361,6 +406,10 @@ const ToolbarButton = styled(Button)`
    transition: all 0.3s ease;
    color: var(--color-icon);
  }
+  .icon-a-addchat {
+    font-size: 19px;
+    margin-bottom: -2px;
+  }
  &:hover {
    background-color: var(--color-background-soft);
    .anticon,
--- a/src/renderer/src/pages/home/Inputbar/TokenCount.tsx
+++ b/src/renderer/src/pages/home/Inputbar/TokenCount.tsx
@@ -44,8 +44,8 @@ const TokenCount: FC<Props> = ({ estimateTokenCount, inputTokenCount, contextCou
          <PicCenterOutlined />
        </Tooltip>
      </ToolbarButton>
-      <Container {...props}>
-        <Popover content={PopoverContent} title="" mouseEnterDelay={0.6}>
+      <Container>
+        <Popover content={PopoverContent}>
          <MenuOutlined /> {contextCount}
          <Divider type="vertical" style={{ marginTop: 0, marginLeft: 5, marginRight: 5 }} />
          <ArrowUpOutlined />
--- a/src/renderer/src/pages/home/Markdown/CodeBlock.tsx
+++ b/src/renderer/src/pages/home/Markdown/CodeBlock.tsx
@@ -3,7 +3,7 @@ import CopyIcon from '@renderer/components/Icons/CopyIcon'
 import { useTheme } from '@renderer/context/ThemeProvider'
 import { initMermaid } from '@renderer/init'
 import { ThemeMode } from '@renderer/types'
-import React, { useState } from 'react'
+import React, { memo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
 import { atomDark, oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism'
@@ -17,34 +17,23 @@ interface CodeBlockProps {
  [key: string]: any
 }

-const CodeBlock: React.FC<CodeBlockProps> = ({ children, className, ...rest }) => {
+const CodeBlock: React.FC<CodeBlockProps> = ({ children, className }) => {
  const match = /language-(\w+)/.exec(className || '')
-  const [copied, setCopied] = useState(false)
+  const showFooterCopyButton = children && children.length > 500
  const { theme } = useTheme()

-  const { t } = useTranslation()
-
-  const onCopy = () => {
-    navigator.clipboard.writeText(children)
-    window.message.success({ content: t('message.copied'), key: 'copy-code' })
-    setCopied(true)
-    setTimeout(() => setCopied(false), 2000)
-  }
-
  if (match && match[1] === 'mermaid') {
    initMermaid(theme)
    return <Mermaid chart={children} />
  }

  return match ? (
-    <>
+    <div className="code-block">
      <CodeHeader>
        <CodeLanguage>{'<' + match[1].toUpperCase() + '>'}</CodeLanguage>
-        {!copied && <CopyIcon className="copy" onClick={onCopy} />}
-        {copied && <CheckOutlined style={{ color: 'var(--color-primary)' }} />}
+        <CopyButton text={children} />
      </CodeHeader>
      <SyntaxHighlighter
-        {...rest}
        language={match[1]}
        style={theme === ThemeMode.dark ? atomDark : oneLight}
        wrapLongLines={true}
@@ -56,11 +45,32 @@ const CodeBlock: React.FC<CodeBlockProps> = ({ children, className, ...rest }) =
        }}>
        {String(children).replace(/\n$/, '')}
      </SyntaxHighlighter>
-    </>
+      {showFooterCopyButton && (
+        <CodeFooter>
+          <CopyButton text={children} style={{ marginTop: -40, marginRight: 10 }} />
+        </CodeFooter>
+      )}
+    </div>
  ) : (
-    <code {...rest} className={className}>
-      {children}
-    </code>
+    <code className={className}>{children}</code>
+  )
+}
+
+const CopyButton: React.FC<{ text: string; style?: React.CSSProperties }> = ({ text, style }) => {
+  const [copied, setCopied] = useState(false)
+  const { t } = useTranslation()
+
+  const onCopy = () => {
+    navigator.clipboard.writeText(text)
+    window.message.success({ content: t('message.copied'), key: 'copy-code' })
+    setCopied(true)
+    setTimeout(() => setCopied(false), 2000)
+  }
+
+  return copied ? (
+    <CheckOutlined style={{ color: 'var(--color-primary)', ...style }} />
+  ) : (
+    <CopyIcon className="copy" style={style} onClick={onCopy} />
  )
 }

@@ -90,4 +100,19 @@ const CodeLanguage = styled.div`
  font-weight: bold;
 `

-export default CodeBlock
+const CodeFooter = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  .copy {
+    cursor: pointer;
+    color: var(--color-text-3);
+    transition: color 0.3s;
+  }
+  .copy:hover {
+    color: var(--color-text-1);
+  }
+`
+
+export default memo(CodeBlock)
--- a/src/renderer/src/pages/home/Markdown/Markdown.tsx
+++ b/src/renderer/src/pages/home/Markdown/Markdown.tsx
@@ -4,7 +4,7 @@ import { Message } from '@renderer/types'
 import { isEmpty } from 'lodash'
 import { FC, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import ReactMarkdown from 'react-markdown'
+import ReactMarkdown, { Components } from 'react-markdown'
 import rehypeKatex from 'rehype-katex'
 import remarkGfm from 'remark-gfm'
 import remarkMath from 'remark-math'
@@ -16,6 +16,14 @@ interface Props {
  message: Message
 }

+const rehypePlugins = [rehypeKatex]
+const remarkPlugins = [remarkMath, remarkGfm]
+
+const components = {
+  code: CodeBlock,
+  a: Link
+}
+
 const Markdown: FC<Props> = ({ message }) => {
  const { t } = useTranslation()

@@ -23,25 +31,54 @@ const Markdown: FC<Props> = ({ message }) => {
    const empty = isEmpty(message.content)
    const paused = message.status === 'paused'
    const content = empty && paused ? t('message.chat.completion.paused') : message.content
-    return content
+    return escapeBrackets(escapeDollarNumber(content))
  }, [message.content, message.status, t])

-  return useMemo(() => {
  return (
    <ReactMarkdown
      className="markdown"
-        rehypePlugins={[rehypeKatex]}
-        remarkPlugins={[remarkMath, remarkGfm]}
+      rehypePlugins={rehypePlugins}
+      remarkPlugins={remarkPlugins}
+      components={components as Partial<Components>}
      remarkRehypeOptions={{
        footnoteLabel: t('common.footnotes'),
        footnoteLabelTagName: 'h4',
        footnoteBackContent: ' '
-        }}
-        components={{ code: CodeBlock as any, a: Link as any }}>
+      }}>
      {messageContent}
    </ReactMarkdown>
  )
-  }, [messageContent, t])
+}
+
+function escapeDollarNumber(text: string) {
+  let escapedText = ''
+
+  for (let i = 0; i < text.length; i += 1) {
+    let char = text[i]
+    const nextChar = text[i + 1] || ' '
+
+    if (char === '$' && nextChar >= '0' && nextChar <= '9') {
+      char = '\\$'
+    }
+
+    escapedText += char
+  }
+
+  return escapedText
+}
+
+function escapeBrackets(text: string) {
+  const pattern = /(```[\s\S]*?```|`.*?`)|\\\[([\s\S]*?[^\\])\\\]|\\\((.*?)\\\)/g
+  return text.replace(pattern, (match, codeBlock, squareBracket, roundBracket) => {
+    if (codeBlock) {
+      return codeBlock
+    } else if (squareBracket) {
+      return `$$${squareBracket}$$`
+    } else if (roundBracket) {
+      return `$${roundBracket}$`
+    }
+    return match
+  })
 }

 export default Markdown
--- a/src/renderer/src/pages/home/Messages/Message.tsx
+++ b/src/renderer/src/pages/home/Messages/Message.tsx
@@ -2,6 +2,7 @@ import {
  CheckOutlined,
  DeleteOutlined,
  EditOutlined,
+  ForkOutlined,
  MenuOutlined,
  QuestionCircleOutlined,
  SaveOutlined,
@@ -9,13 +10,13 @@ import {
 } from '@ant-design/icons'
 import UserPopup from '@renderer/components/Popups/UserPopup'
 import { FONT_FAMILY } from '@renderer/config/constant'
+import { APP_NAME, AppLogo, isLocalAi } from '@renderer/config/env'
 import { startMinAppById } from '@renderer/config/minapp'
 import { getModelLogo } from '@renderer/config/provider'
 import { useAssistant } from '@renderer/hooks/useAssistant'
 import useAvatar from '@renderer/hooks/useAvatar'
 import { useModel } from '@renderer/hooks/useModel'
 import { useSettings } from '@renderer/hooks/useSettings'
-import { useRuntime } from '@renderer/hooks/useStore'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
 import { Message, Model } from '@renderer/types'
 import { firstLetter, removeLeadingEmoji, removeTrailingDoubleSpaces } from '@renderer/utils'
@@ -29,6 +30,7 @@ import styled from 'styled-components'
 import SelectModelDropdown from '../components/SelectModelDropdown'
 import Markdown from '../Markdown/Markdown'
 import MessageAttachments from './MessageAttachments'
+import MessgeTokens from './MessageTokens'

 interface Props {
  message: Message
@@ -44,14 +46,12 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
  const { assistant, setModel } = useAssistant(message.assistantId)
  const model = useModel(message.modelId)
  const { userName, showMessageDivider, messageFont, fontSize } = useSettings()
-  const { generating } = useRuntime()
  const [copied, setCopied] = useState(false)

  const isLastMessage = index === 0
  const isUserMessage = message.role === 'user'
  const isAssistantMessage = message.role === 'assistant'
  const canRegenerate = isLastMessage && isAssistantMessage
-  const showMetadata = Boolean(message.usage) && !generating

  const onCopy = useCallback(() => {
    navigator.clipboard.writeText(removeTrailingDoubleSpaces(message.content))
@@ -70,19 +70,29 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
    [setModel]
  )

+  const onNewBranch = useCallback(() => {
+    EventEmitter.emit(EVENT_NAMES.NEW_BRANCH, index)
+  }, [index])
+
  const getUserName = useCallback(() => {
-    if (message.id === 'assistant') return assistant?.name
+    if (isLocalAi && message.role !== 'user') return APP_NAME
    if (message.role === 'assistant') return upperFirst(model?.name || model?.id)
    return userName || t('common.you')
-  }, [assistant?.name, message.id, message.role, model?.id, model?.name, t, userName])
+  }, [message.role, model?.id, model?.name, t, userName])

  const fontFamily = useMemo(() => {
    return messageFont === 'serif' ? FONT_FAMILY.replace('sans-serif', 'serif').replace('Ubuntu, ', '') : FONT_FAMILY
  }, [messageFont])

  const messageBorder = showMessageDivider ? undefined : 'none'
-  const avatarSource = useMemo(() => (message.modelId ? getModelLogo(message.modelId) : undefined), [message.modelId])
+
+  const avatarSource = useMemo(() => {
+    if (isLocalAi) return AppLogo
+    return message.modelId ? getModelLogo(message.modelId) : undefined
+  }, [message.modelId])
+
  const avatarName = useMemo(() => firstLetter(assistant?.name).toUpperCase(), [assistant?.name])
+
  const username = useMemo(() => removeLeadingEmoji(getUserName()), [getUserName])

  const dropdownItems = useMemo(
@@ -100,7 +110,110 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
    [t, message]
  )

-  const MessageItem = useCallback(() => {
+  const showMiniApp = () => model?.provider && startMinAppById(model?.provider)
+
+  if (message.type === 'clear') {
+    return (
+      <Divider dashed style={{ padding: '0 20px' }} plain>
+        {t('chat.message.new.context')}
+      </Divider>
+    )
+  }
+
+  return (
+    <MessageContainer key={message.id} className="message">
+      <MessageHeader>
+        <AvatarWrapper>
+          {isAssistantMessage ? (
+            <Avatar
+              src={avatarSource}
+              size={35}
+              style={{
+                borderRadius: '20%',
+                cursor: 'pointer',
+                border: '1px solid var(--color-border)'
+              }}
+              onClick={showMiniApp}>
+              {avatarName}
+            </Avatar>
+          ) : (
+            <Avatar
+              src={avatar}
+              size={35}
+              style={{ borderRadius: '20%', cursor: 'pointer' }}
+              onClick={() => UserPopup.show()}
+            />
+          )}
+          <UserWrap>
+            <UserName>{username}</UserName>
+            <MessageTime>{dayjs(message.createdAt).format('MM/DD HH:mm')}</MessageTime>
+          </UserWrap>
+        </AvatarWrapper>
+      </MessageHeader>
+      <MessageContentContainer style={{ fontFamily, fontSize }}>
+        <MessageContent message={message} />
+        <MessageFooter style={{ border: messageBorder, flexDirection: isLastMessage ? 'row-reverse' : undefined }}>
+          <MessgeTokens message={message} />
+          {showMenu && (
+            <MenusBar className={`menubar ${isLastMessage && 'show'}`}>
+              {message.role === 'user' && (
+                <Tooltip title="Edit" mouseEnterDelay={0.8}>
+                  <ActionButton onClick={onEdit}>
+                    <EditOutlined />
+                  </ActionButton>
+                </Tooltip>
+              )}
+              <Tooltip title={t('common.copy')} mouseEnterDelay={0.8}>
+                <ActionButton onClick={onCopy}>
+                  {!copied && <i className="iconfont icon-copy"></i>}
+                  {copied && <CheckOutlined style={{ color: 'var(--color-primary)' }} />}
+                </ActionButton>
+              </Tooltip>
+              {canRegenerate && (
+                <SelectModelDropdown model={model} onSelect={onRegenerate} placement="topLeft">
+                  <Tooltip title={t('common.regenerate')} mouseEnterDelay={0.8}>
+                    <ActionButton>
+                      <SyncOutlined />
+                    </ActionButton>
+                  </Tooltip>
+                </SelectModelDropdown>
+              )}
+              {isAssistantMessage && (
+                <Tooltip title={t('chat.message.new.branch')} mouseEnterDelay={0.8}>
+                  <ActionButton onClick={onNewBranch}>
+                    <ForkOutlined />
+                  </ActionButton>
+                </Tooltip>
+              )}
+              <Popconfirm
+                title={t('message.message.delete.content')}
+                okButtonProps={{ danger: true }}
+                icon={<QuestionCircleOutlined style={{ color: 'red' }} />}
+                onConfirm={() => onDeleteMessage?.(message)}>
+                <Tooltip title={t('common.delete')} mouseEnterDelay={1}>
+                  <ActionButton>
+                    <DeleteOutlined />
+                  </ActionButton>
+                </Tooltip>
+              </Popconfirm>
+              {!isUserMessage && (
+                <Dropdown menu={{ items: dropdownItems }} trigger={['click']} placement="topRight" arrow>
+                  <ActionButton>
+                    <MenuOutlined />
+                  </ActionButton>
+                </Dropdown>
+              )}
+            </MenusBar>
+          )}
+        </MessageFooter>
+      </MessageContentContainer>
+    </MessageContainer>
+  )
+}
+
+const MessageContent: React.FC<{ message: Message }> = ({ message }) => {
+  const { t } = useTranslation()
+
  if (message.status === 'sending') {
    return (
      <MessageContentLoading>
@@ -126,101 +239,6 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
      <MessageAttachments message={message} />
    </>
  )
-  }, [message, t])
-
-  const showMiniApp = () => model?.provider && startMinAppById(model?.provider)
-
-  if (message.type === 'clear') {
-    return (
-      <Divider dashed style={{ padding: '0 20px' }} plain>
-        {t('chat.message.new.context')}
-      </Divider>
-    )
-  }
-
-  return (
-    <MessageContainer key={message.id} className="message">
-      <MessageHeader>
-        <AvatarWrapper>
-          {isAssistantMessage ? (
-            <Avatar
-              src={avatarSource}
-              size={35}
-              style={{ borderRadius: '20%', cursor: 'pointer' }}
-              onClick={showMiniApp}>
-              {avatarName}
-            </Avatar>
-          ) : (
-            <Avatar
-              src={avatar}
-              size={35}
-              style={{ borderRadius: '20%', cursor: 'pointer' }}
-              onClick={() => UserPopup.show()}
-            />
-          )}
-          <UserWrap>
-            <UserName>{username}</UserName>
-            <MessageTime>{dayjs(message.createdAt).format('MM/DD HH:mm')}</MessageTime>
-          </UserWrap>
-        </AvatarWrapper>
-      </MessageHeader>
-      <MessageContent style={{ fontFamily, fontSize }}>
-        <MessageItem />
-        <MessageFooter style={{ border: messageBorder }}>
-          {showMenu && (
-            <MenusBar className={`menubar ${isLastMessage && 'show'} ${(!isLastMessage || isUserMessage) && 'user'}`}>
-              {message.role === 'user' && (
-                <Tooltip title="Edit" mouseEnterDelay={0.8}>
-                  <ActionButton onClick={onEdit}>
-                    <EditOutlined />
-                  </ActionButton>
-                </Tooltip>
-              )}
-              <Tooltip title={t('common.copy')} mouseEnterDelay={0.8}>
-                <ActionButton onClick={onCopy}>
-                  {!copied && <i className="iconfont icon-copy"></i>}
-                  {copied && <CheckOutlined style={{ color: 'var(--color-primary)' }} />}
-                </ActionButton>
-              </Tooltip>
-              {canRegenerate && (
-                <SelectModelDropdown model={model} onSelect={onRegenerate} placement="topLeft">
-                  <Tooltip title={t('common.regenerate')} mouseEnterDelay={0.8}>
-                    <ActionButton>
-                      <SyncOutlined />
-                    </ActionButton>
-                  </Tooltip>
-                </SelectModelDropdown>
-              )}
-              <Popconfirm
-                title={t('message.message.delete.content')}
-                okButtonProps={{ danger: true }}
-                icon={<QuestionCircleOutlined style={{ color: 'red' }} />}
-                onConfirm={() => onDeleteMessage?.(message)}>
-                <Tooltip title={t('common.delete')} mouseEnterDelay={1}>
-                  <ActionButton>
-                    <DeleteOutlined />
-                  </ActionButton>
-                </Tooltip>
-              </Popconfirm>
-              {!isUserMessage && (
-                <Dropdown menu={{ items: dropdownItems }} trigger={['click']} placement="topRight" arrow>
-                  <ActionButton>
-                    <MenuOutlined />
-                  </ActionButton>
-                </Dropdown>
-              )}
-            </MenusBar>
-          )}
-          {showMetadata && (
-            <MessageMetadata>
-              Tokens: {message?.usage?.total_tokens} | ↑{message?.usage?.prompt_tokens} | ↓
-              {message?.usage?.completion_tokens}
-            </MessageMetadata>
-          )}
-        </MessageFooter>
-      </MessageContent>
-    </MessageContainer>
-  )
 }

 const MessageContainer = styled.div`
@@ -279,7 +297,7 @@ const MessageTime = styled.div`
  color: var(--color-text-3);
 `

-const MessageContent = styled.div`
+const MessageContentContainer = styled.div`
  display: flex;
  flex: 1;
  flex-direction: column;
@@ -314,13 +332,6 @@ const MenusBar = styled.div`
  margin-left: -5px;
 `

-const MessageMetadata = styled.div`
-  font-size: 12px;
-  color: var(--color-text-2);
-  user-select: text;
-  margin: 2px 0;
-`
-
 const ActionButton = styled.div`
  cursor: pointer;
  border-radius: 8px;
--- a/src/renderer/src/pages/home/Messages/MessageAttachments.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageAttachments.tsx
@@ -1,5 +1,6 @@
-import { Message } from '@renderer/types'
-import { Image as AntdImage } from 'antd'
+import FileManager from '@renderer/services/file'
+import { FileTypes, Message } from '@renderer/types'
+import { Image as AntdImage, Upload } from 'antd'
 import { FC } from 'react'
 import styled from 'styled-components'

@@ -8,11 +9,32 @@ interface Props {
 }

 const MessageAttachments: FC<Props> = ({ message }) => {
+  if (!message.files) {
+    return null
+  }
+
+  if (message?.files && message.files[0]?.type === FileTypes.IMAGE) {
    return (
      <Container>
        {message.files?.map((image) => <Image src={'file://' + image.path} key={image.id} width="33%" />)}
      </Container>
    )
+  }
+
+  return (
+    <Container style={{ marginTop: 2, marginBottom: 8 }}>
+      <Upload
+        listType="picture"
+        disabled
+        fileList={message.files?.map((file) => ({
+          uid: file.id,
+          url: 'file://' + FileManager.getSafePath(file),
+          status: 'done',
+          name: file.origin_name
+        }))}
+      />
+    </Container>
+  )
 }

 const Container = styled.div`
--- a/src/renderer/src/pages/home/Messages/MessageTokens.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageTokens.tsx
@@ -0,0 +1,38 @@
+import { useRuntime } from '@renderer/hooks/useStore'
+import { Message } from '@renderer/types'
+import styled from 'styled-components'
+
+const MessgeTokens: React.FC<{ message: Message }> = ({ message }) => {
+  const { generating } = useRuntime()
+
+  if (!message.usage) {
+    return null
+  }
+
+  if (message.role === 'user') {
+    return <MessageMetadata>Tokens: {message?.usage?.total_tokens}</MessageMetadata>
+  }
+
+  if (generating) {
+    return null
+  }
+
+  if (message.role === 'assistant') {
+    return (
+      <MessageMetadata>
+        Tokens: {message?.usage?.total_tokens} | ↑{message?.usage?.prompt_tokens} | ↓{message?.usage?.completion_tokens}
+      </MessageMetadata>
+    )
+  }
+
+  return null
+}
+
+const MessageMetadata = styled.div`
+  font-size: 12px;
+  color: var(--color-text-2);
+  user-select: text;
+  margin: 2px 0;
+`
+
+export default MessgeTokens
--- a/src/renderer/src/pages/home/Messages/Messages.tsx
+++ b/src/renderer/src/pages/home/Messages/Messages.tsx
@@ -1,20 +1,15 @@
+import db from '@renderer/databases'
 import { useAssistant } from '@renderer/hooks/useAssistant'
-import { useProviderByAssistant } from '@renderer/hooks/useProvider'
-import { getTopic } from '@renderer/hooks/useTopic'
+import { getTopic, TopicManager } from '@renderer/hooks/useTopic'
 import { fetchChatCompletion, fetchMessagesSummary } from '@renderer/services/api'
+import { getDefaultTopic } from '@renderer/services/assistant'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
-import {
-  deleteMessageFiles,
-  estimateHistoryTokenCount,
-  filterMessages,
-  getContextCount
-} from '@renderer/services/messages'
-import LocalStorage from '@renderer/services/storage'
+import { deleteMessageFiles, filterMessages, getContextCount } from '@renderer/services/messages'
+import { estimateHistoryTokens, estimateMessageUsage } from '@renderer/services/tokens'
 import { Assistant, Message, Model, Topic } from '@renderer/types'
 import { getBriefInfo, runAsyncFunction, uuid } from '@renderer/utils'
 import { t } from 'i18next'
-import localforage from 'localforage'
-import { last, reverse } from 'lodash'
+import { flatten, last, reverse, take } from 'lodash'
 import { FC, useCallback, useEffect, useRef, useState } from 'react'
 import styled from 'styled-components'

@@ -31,17 +26,25 @@ interface Props {
 const Messages: FC<Props> = ({ assistant, topic, setActiveTopic }) => {
  const [messages, setMessages] = useState<Message[]>([])
  const [lastMessage, setLastMessage] = useState<Message | null>(null)
-  const provider = useProviderByAssistant(assistant)
  const containerRef = useRef<HTMLDivElement>(null)
-  const { updateTopic } = useAssistant(assistant.id)
+  const { updateTopic, addTopic } = useAssistant(assistant.id)

  const onSendMessage = useCallback(
-    (message: Message) => {
+    async (message: Message) => {
+      if (message.role === 'user') {
+        estimateMessageUsage(message).then((usage) => {
+          setMessages((prev) => {
+            const _messages = prev.map((m) => (m.id === message.id ? { ...m, usage } : m))
+            db.topics.update(topic.id, { messages: _messages })
+            return _messages
+          })
+        })
+      }
      const _messages = [...messages, message]
      setMessages(_messages)
-      localforage.setItem(`topic:${topic.id}`, { id: topic.id, messages: _messages })
+      db.topics.put({ id: topic.id, messages: _messages })
    },
-    [messages, topic]
+    [messages, topic.id]
  )

  const autoRenameTopic = useCallback(async () => {
@@ -60,7 +63,7 @@ const Messages: FC<Props> = ({ assistant, topic, setActiveTopic }) => {
    (message: Message) => {
      const _messages = messages.filter((m) => m.id !== message.id)
      setMessages(_messages)
-      localforage.setItem(`topic:${topic.id}`, { id: topic.id, messages: _messages })
+      db.topics.update(topic.id, { messages: _messages })
      deleteMessageFiles(message)
    },
    [messages, topic.id]
@@ -69,10 +72,15 @@ const Messages: FC<Props> = ({ assistant, topic, setActiveTopic }) => {
  useEffect(() => {
    const unsubscribes = [
      EventEmitter.on(EVENT_NAMES.SEND_MESSAGE, async (msg: Message) => {
-        onSendMessage(msg)
-        fetchChatCompletion({ assistant, messages: [...messages, msg], topic, onResponse: setLastMessage })
+        await onSendMessage(msg)
+        fetchChatCompletion({
+          assistant,
+          messages: [...messages, msg],
+          topic,
+          onResponse: setLastMessage
+        })
      }),
-      EventEmitter.on(EVENT_NAMES.AI_CHAT_COMPLETION, async (msg: Message) => {
+      EventEmitter.on(EVENT_NAMES.RECEIVE_MESSAGE, async (msg: Message) => {
        setLastMessage(null)
        onSendMessage(msg)
        setTimeout(() => EventEmitter.emit(EVENT_NAMES.AI_AUTO_RENAME), 100)
@@ -94,12 +102,13 @@ const Messages: FC<Props> = ({ assistant, topic, setActiveTopic }) => {
      EventEmitter.on(EVENT_NAMES.CLEAR_MESSAGES, () => {
        setMessages([])
        updateTopic({ ...topic, messages: [] })
-        LocalStorage.clearTopicMessages(topic.id)
+        TopicManager.clearTopicMessages(topic.id)
      }),
      EventEmitter.on(EVENT_NAMES.NEW_CONTEXT, () => {
        const lastMessage = last(messages)

        if (lastMessage && lastMessage.type === 'clear') {
+          onDeleteMessage(lastMessage)
          return
        }

@@ -117,14 +126,43 @@ const Messages: FC<Props> = ({ assistant, topic, setActiveTopic }) => {
          status: 'success',
          type: 'clear'
        } as Message)
+      }),
+      EventEmitter.on(EVENT_NAMES.NEW_BRANCH, async (index: number) => {
+        const newTopic = getDefaultTopic()
+        newTopic.name = topic.name
+        const branchMessages = take(messages, messages.length - index)
+
+        // 将分支的消息放入数据库
+        await db.topics.add({ id: newTopic.id, messages: branchMessages })
+        addTopic(newTopic)
+        setActiveTopic(newTopic)
+        autoRenameTopic()
+
+        // 由于复制了消息，消息中附带的文件的总数变了，需要更新
+        const filesArr = branchMessages.map((m) => m.files)
+        const files = flatten(filesArr).filter(Boolean)
+        files.map(async (f) => {
+          const file = await db.files.get({ id: f?.id })
+          file && db.files.update(file.id, { count: file.count + 1 })
+        })
      })
    ]
    return () => unsubscribes.forEach((unsub) => unsub())
-  }, [assistant, messages, provider, topic, autoRenameTopic, updateTopic, onSendMessage])
+  }, [
+    addTopic,
+    assistant,
+    autoRenameTopic,
+    messages,
+    onDeleteMessage,
+    onSendMessage,
+    setActiveTopic,
+    topic,
+    updateTopic
+  ])

  useEffect(() => {
    runAsyncFunction(async () => {
-      const messages = (await LocalStorage.getTopicMessages(topic.id)) || []
+      const messages = (await TopicManager.getTopicMessages(topic.id)) || []
      setMessages(messages)
    })
  }, [topic.id])
@@ -134,16 +172,18 @@ const Messages: FC<Props> = ({ assistant, topic, setActiveTopic }) => {
  }, [messages])

  useEffect(() => {
+    runAsyncFunction(async () => {
      EventEmitter.emit(EVENT_NAMES.ESTIMATED_TOKEN_COUNT, {
-      tokensCount: estimateHistoryTokenCount(assistant, messages),
+        tokensCount: await estimateHistoryTokens(assistant, messages),
        contextCount: getContextCount(assistant, messages)
      })
+    })
  }, [assistant, messages])

  return (
    <Container id="messages" key={assistant.id} ref={containerRef}>
      <Suggestions assistant={assistant} messages={messages} lastMessage={lastMessage} />
-      {lastMessage && <MessageItem message={lastMessage} />}
+      {lastMessage && <MessageItem key={lastMessage.id} message={lastMessage} />}
      {reverse([...messages]).map((message, index) => (
        <MessageItem key={message.id} message={message} showMenu index={index} onDeleteMessage={onDeleteMessage} />
      ))}
--- a/src/renderer/src/pages/home/Navbar.tsx
+++ b/src/renderer/src/pages/home/Navbar.tsx
@@ -1,16 +1,19 @@
+import { FormOutlined } from '@ant-design/icons'
 import { Navbar, NavbarLeft, NavbarRight } from '@renderer/components/app/Navbar'
 import { HStack } from '@renderer/components/Layout'
-import AddAssistantPopup from '@renderer/components/Popups/AddAssistantPopup'
 import AssistantSettingPopup from '@renderer/components/Popups/AssistantSettingPopup'
 import { isMac, isWindows } from '@renderer/config/constant'
 import { useTheme } from '@renderer/context/ThemeProvider'
+import db from '@renderer/databases'
 import { useAssistant } from '@renderer/hooks/useAssistant'
 import { useSettings } from '@renderer/hooks/useSettings'
 import { useShowAssistants, useShowTopics } from '@renderer/hooks/useStore'
-import { syncAsistantToAgent } from '@renderer/services/assistant'
+import { getDefaultTopic, syncAsistantToAgent } from '@renderer/services/assistant'
+import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
 import { Assistant, Topic } from '@renderer/types'
 import { Switch } from 'antd'
 import { FC, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'

 import SelectModelButton from './components/SelectModelButton'
@@ -18,20 +21,16 @@ import SelectModelButton from './components/SelectModelButton'
 interface Props {
  activeAssistant: Assistant
  activeTopic: Topic
-  setActiveAssistant: (assistant: Assistant) => void
+  setActiveTopic: (topic: Topic) => void
 }

-const HeaderNavbar: FC<Props> = ({ activeAssistant, setActiveAssistant }) => {
-  const { assistant, updateAssistant } = useAssistant(activeAssistant.id)
+const HeaderNavbar: FC<Props> = ({ activeAssistant, setActiveTopic }) => {
+  const { assistant, updateAssistant, addTopic } = useAssistant(activeAssistant.id)
  const { showAssistants, toggleShowAssistants } = useShowAssistants()
  const { theme, toggleTheme } = useTheme()
  const { topicPosition } = useSettings()
  const { showTopics, toggleShowTopics } = useShowTopics()
-
-  const onCreateAssistant = async () => {
-    const assistant = await AddAssistantPopup.show()
-    assistant && setActiveAssistant(assistant)
-  }
+  const { t } = useTranslation()

  const onEditAssistant = useCallback(async () => {
    const _assistant = await AssistantSettingPopup.show({ assistant })
@@ -39,6 +38,15 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant, setActiveAssistant }) => {
    syncAsistantToAgent(_assistant)
  }, [assistant, updateAssistant])

+  const addNewTopic = useCallback(() => {
+    const topic = getDefaultTopic()
+    addTopic(topic)
+    setActiveTopic(topic)
+    db.topics.add({ id: topic.id, messages: [] })
+    window.message.success({ content: t('message.topic.added'), key: 'topic-added' })
+    setTimeout(() => EventEmitter.emit(EVENT_NAMES.SHOW_TOPIC_SIDEBAR), 0)
+  }, [addTopic, setActiveTopic, t])
+
  return (
    <Navbar>
      {showAssistants && (
@@ -46,8 +54,8 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant, setActiveAssistant }) => {
          <NewButton onClick={toggleShowAssistants} style={{ marginLeft: isMac ? 8 : 0 }}>
            <i className="iconfont icon-hide-sidebar" />
          </NewButton>
-          <NewButton onClick={onCreateAssistant}>
-            <i className="iconfont icon-a-addchat" />
+          <NewButton onClick={addNewTopic}>
+            <FormOutlined />
          </NewButton>
        </NavbarLeft>
      )}
@@ -85,7 +93,7 @@ const HeaderNavbar: FC<Props> = ({ activeAssistant, setActiveAssistant }) => {

 export const NewButton = styled.div`
  -webkit-app-region: none;
-  border-radius: 4px;
+  border-radius: 8px;
  height: 30px;
  padding: 0 7px;
  display: flex;
--- a/src/renderer/src/pages/home/RightSidebar.tsx
+++ b/src/renderer/src/pages/home/RightSidebar.tsx
@@ -1,4 +1,5 @@
 import { BarsOutlined, SettingOutlined } from '@ant-design/icons'
+import AddAssistantPopup from '@renderer/components/Popups/AddAssistantPopup'
 import { useAssistants, useDefaultAssistant } from '@renderer/hooks/useAssistant'
 import { useSettings } from '@renderer/hooks/useSettings'
 import { useShowTopics } from '@renderer/hooks/useStore'
@@ -43,12 +44,18 @@ const RightSidebar: FC<Props> = ({ activeAssistant, activeTopic, setActiveAssist
  }

  const showTab = !(position === 'left' && topicPosition === 'right')
+
  const assistantTab = {
-    label: t('common.assistant'),
+    label: t('assistants.abbr'),
    value: 'assistants',
    icon: <i className="iconfont icon-business-smart-assistant" />
  }

+  const onCreateAssistant = async () => {
+    const assistant = await AddAssistantPopup.show()
+    assistant && setActiveAssistant(assistant)
+  }
+
  const onCreateDefaultAssistant = () => {
    const assistant = { ...defaultAssistant, id: uuid() }
    addAssistant(assistant)
@@ -95,8 +102,16 @@ const RightSidebar: FC<Props> = ({ activeAssistant, activeTopic, setActiveAssist
          options={
            [
              position === 'left' && topicPosition === 'left' ? assistantTab : undefined,
-              { label: t('common.topics'), value: 'topic', icon: <BarsOutlined /> },
-              { label: t('settings.title'), value: 'settings', icon: <SettingOutlined /> }
+              {
+                label: t('common.topics'),
+                value: 'topic',
+                icon: <BarsOutlined />
+              },
+              {
+                label: t('settings.title'),
+                value: 'settings',
+                icon: <SettingOutlined />
+              }
            ].filter(Boolean) as SegmentedProps['options']
          }
          onChange={(value) => setTab(value as 'topic' | 'settings')}
@@ -108,7 +123,8 @@ const RightSidebar: FC<Props> = ({ activeAssistant, activeTopic, setActiveAssist
          <Assistants
            activeAssistant={activeAssistant}
            setActiveAssistant={setActiveAssistant}
-            onCreateAssistant={onCreateDefaultAssistant}
+            onCreateAssistant={onCreateAssistant}
+            onCreateDefaultAssistant={onCreateDefaultAssistant}
          />
        )}
        {tab === 'topic' && (
--- a/src/renderer/src/pages/home/Settings.tsx
+++ b/src/renderer/src/pages/home/Settings.tsx
@@ -8,6 +8,7 @@ import { useAppDispatch } from '@renderer/store'
 import {
  setFontSize,
  setMessageFont,
+  setPasteLongTextAsFile,
  setShowInputEstimatedTokens,
  setShowMessageDivider
 } from '@renderer/store/settings'
@@ -33,8 +34,14 @@ const SettingsTab: FC<Props> = (props) => {

  const dispatch = useAppDispatch()

-  const { showMessageDivider, messageFont, showInputEstimatedTokens, sendMessageShortcut, setSendMessageShortcut } =
-    useSettings()
+  const {
+    showMessageDivider,
+    messageFont,
+    showInputEstimatedTokens,
+    sendMessageShortcut,
+    setSendMessageShortcut,
+    pasteLongTextAsFile
+  } = useSettings()

  const onUpdateAssistantSettings = (settings: Partial<AssistantSettings>) => {
    updateAssistantSettings({
@@ -210,6 +217,15 @@ const SettingsTab: FC<Props> = (props) => {
        />
      </SettingRow>
      <SettingDivider />
+      <SettingRow>
+        <SettingRowTitleSmall>{t('settings.messages.input.paste_long_text_as_file')}</SettingRowTitleSmall>
+        <Switch
+          size="small"
+          checked={pasteLongTextAsFile}
+          onChange={(checked) => dispatch(setPasteLongTextAsFile(checked))}
+        />
+      </SettingRow>
+      <SettingDivider />
      <SettingRow>
        <SettingRowTitleSmall>{t('settings.messages.input.send_shortcuts')}</SettingRowTitleSmall>
      </SettingRow>
--- a/src/renderer/src/pages/home/Topics.tsx
+++ b/src/renderer/src/pages/home/Topics.tsx
@@ -1,9 +1,9 @@
-import { CloseOutlined, DeleteOutlined, EditOutlined, OpenAIOutlined } from '@ant-design/icons'
+import { CloseOutlined, DeleteOutlined, EditOutlined, FolderOutlined } from '@ant-design/icons'
 import DragableList from '@renderer/components/DragableList'
 import PromptPopup from '@renderer/components/Popups/PromptPopup'
-import { useAssistant } from '@renderer/hooks/useAssistant'
+import { useAssistant, useAssistants } from '@renderer/hooks/useAssistant'
+import { TopicManager } from '@renderer/hooks/useTopic'
 import { fetchMessagesSummary } from '@renderer/services/api'
-import LocalStorage from '@renderer/services/storage'
 import { useAppSelector } from '@renderer/store'
 import { Assistant, Topic } from '@renderer/types'
 import { Dropdown, MenuProps } from 'antd'
@@ -19,25 +19,43 @@ interface Props {
 }

 const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic }) => {
-  const { assistant, removeTopic, updateTopic, updateTopics } = useAssistant(_assistant.id)
+  const { assistants } = useAssistants()
+  const { assistant, removeTopic, moveTopic, updateTopic, updateTopics } = useAssistant(_assistant.id)
  const { t } = useTranslation()
  const generating = useAppSelector((state) => state.runtime.generating)

  const onDeleteTopic = useCallback(
    (topic: Topic) => {
+      if (generating) {
+        window.message.warning({ content: t('message.switch.disabled'), key: 'generating' })
+        return
+      }
      if (assistant.topics.length > 1) {
        const index = findIndex(assistant.topics, (t) => t.id === topic.id)
        setActiveTopic(assistant.topics[index + 1 === assistant.topics.length ? 0 : index + 1])
        removeTopic(topic)
      }
    },
-    [assistant.topics, removeTopic, setActiveTopic]
+    [assistant.topics, generating, removeTopic, setActiveTopic, t]
+  )
+
+  const onMoveTopic = useCallback(
+    (topic: Topic, toAssistant: Assistant) => {
+      if (generating) {
+        window.message.warning({ content: t('message.switch.disabled'), key: 'generating' })
+        return
+      }
+      const index = findIndex(assistant.topics, (t) => t.id === topic.id)
+      setActiveTopic(assistant.topics[index + 1 === assistant.topics.length ? 0 : index + 1])
+      moveTopic(topic, toAssistant)
+    },
+    [assistant.topics, generating, moveTopic, setActiveTopic, t]
  )

  const onSwitchTopic = useCallback(
    (topic: Topic) => {
      if (generating) {
-        window.message.warning({ content: t('message.switch.disabled'), key: 'switch-assistant' })
+        window.message.warning({ content: t('message.switch.disabled'), key: 'generating' })
        return
      }
      setActiveTopic(topic)
@@ -51,9 +69,9 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic
        {
          label: t('chat.topics.auto_rename'),
          key: 'auto-rename',
-          icon: <OpenAIOutlined />,
+          icon: <i className="iconfont icon-business-smart-assistant" style={{ fontSize: '14px' }} />,
          async onClick() {
-            const messages = await LocalStorage.getTopicMessages(topic.id)
+            const messages = await TopicManager.getTopicMessages(topic.id)
            if (messages.length >= 2) {
              const summaryText = await fetchMessagesSummary({ messages, assistant })
              if (summaryText) {
@@ -79,6 +97,21 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic
        }
      ]

+      if (assistants.length > 1 && assistant.topics.length > 1) {
+        menus.push({
+          label: t('chat.topics.move_to'),
+          key: 'move',
+          icon: <FolderOutlined />,
+          children: assistants
+            .filter((a) => a.id !== assistant.id)
+            .map((a) => ({
+              label: a.name,
+              key: a.id,
+              onClick: () => onMoveTopic(topic, a)
+            }))
+        })
+      }
+
      if (assistant.topics.length > 1) {
        menus.push({ type: 'divider' })
        menus.push({
@@ -92,7 +125,7 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic

      return menus
    },
-    [assistant, onDeleteTopic, t, updateTopic]
+    [assistant, assistants, onDeleteTopic, onMoveTopic, t, updateTopic]
  )

  return (
@@ -103,8 +136,11 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic
          return (
            <Dropdown menu={{ items: getTopicMenuItems(topic) }} trigger={['contextMenu']} key={topic.id}>
              <TopicListItem className={isActive ? 'active' : ''} onClick={() => onSwitchTopic(topic)}>
-                <TopicName>{topic.name}</TopicName>
-                {assistant.topics.length > 1 && (
+                <TopicName className="name">
+                  <TopicHash>#</TopicHash>
+                  {topic.name.replace('`', '')}
+                </TopicName>
+                {assistant.topics.length > 1 && isActive && (
                  <MenuButton
                    className="menu"
                    onClick={(e) => {
@@ -129,13 +165,15 @@ const Container = styled.div`
  flex-direction: column;
  padding-top: 10px;
  overflow-y: scroll;
-  max-height: calc(100vh - var(--navbar-height) - 140px);
+  max-height: calc(100vh - var(--navbar-height) - 70px);
+  &::-webkit-scrollbar {
+    display: none;
+  }
 `

 const TopicListItem = styled.div`
  padding: 7px 10px;
  margin: 0 10px;
-  cursor: pointer;
  border-radius: 4px;
  font-family: Ubuntu;
  font-size: 13px;
@@ -144,13 +182,24 @@ const TopicListItem = styled.div`
  justify-content: space-between;
  align-items: center;
  position: relative;
+  font-family: Ubuntu;
+  cursor: pointer;
  .menu {
    opacity: 0;
    color: var(--color-text-3);
  }
+  &:hover {
+    background-color: var(--color-background-soft);
+    .name {
+      opacity: 1;
+    }
+  }
  &.active {
    background-color: var(--color-background-mute);
+    .name {
+      opacity: 1;
      font-weight: 500;
+    }
    .menu {
      opacity: 1;
      background-color: var(--color-background-mute);
@@ -162,12 +211,12 @@ const TopicListItem = styled.div`
 `

 const TopicName = styled.div`
-  color: var(--color-text);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
+  opacity: 0.6;
 `

 const MenuButton = styled.div`
@@ -175,17 +224,20 @@ const MenuButton = styled.div`
  flex-direction: row;
  justify-content: center;
  align-items: center;
-  width: 30px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  border-radius: 4px;
+  min-width: 22px;
+  min-height: 22px;
  position: absolute;
-  right: 10px;
-  top: 5px;
+  right: 8px;
+  top: 6px;
  .anticon {
    font-size: 12px;
  }
 `

+const TopicHash = styled.span`
+  font-size: 13px;
+  color: var(--color-text-3);
+  margin-right: 2px;
+`
+
 export default Topics
--- a/src/renderer/src/pages/home/components/Suggestions.tsx
+++ b/src/renderer/src/pages/home/components/Suggestions.tsx
@@ -37,7 +37,7 @@ const Suggestions: FC<Props> = ({ assistant, messages, lastMessage }) => {

  useEffect(() => {
    const unsubscribes = [
-      EventEmitter.on(EVENT_NAMES.AI_CHAT_COMPLETION, async (msg: Message) => {
+      EventEmitter.on(EVENT_NAMES.RECEIVE_MESSAGE, async (msg: Message) => {
        setLoadingSuggestions(true)
        const _suggestions = await fetchSuggestions({ assistant, messages: [...messages, msg] })
        if (_suggestions.length) {
--- a/src/renderer/src/pages/settings/GeneralSettings.tsx
+++ b/src/renderer/src/pages/settings/GeneralSettings.tsx
@@ -5,11 +5,11 @@ import { useSettings } from '@renderer/hooks/useSettings'
 import i18n from '@renderer/i18n'
 import { backup, reset, restore } from '@renderer/services/backup'
 import { useAppDispatch } from '@renderer/store'
-import { setLanguage, setUserName } from '@renderer/store/settings'
+import { setClickAssistantToShowTopic, setLanguage } from '@renderer/store/settings'
 import { setProxyUrl as _setProxyUrl } from '@renderer/store/settings'
 import { ThemeMode } from '@renderer/types'
 import { isValidProxyUrl } from '@renderer/utils'
-import { Button, Input, Select } from 'antd'
+import { Button, Input, Select, Switch } from 'antd'
 import { FC, useState } from 'react'
 import { useTranslation } from 'react-i18next'

@@ -19,10 +19,10 @@ const GeneralSettings: FC = () => {
  const {
    language,
    proxyUrl: storeProxyUrl,
-    userName,
    theme,
    windowStyle,
    topicPosition,
+    clickAssistantToShowTopic,
    setTheme,
    setWindowStyle,
    setTopicPosition
@@ -77,8 +77,9 @@ const GeneralSettings: FC = () => {
          ]}
        />
      </SettingRow>
-      <SettingDivider />
      {isMac && (
+        <>
+          <SettingDivider />
          <SettingRow>
            <SettingRowTitle>{t('settings.theme.window.style.title')}</SettingRowTitle>
            <Select
@@ -91,6 +92,7 @@ const GeneralSettings: FC = () => {
              ]}
            />
          </SettingRow>
+        </>
      )}
      <SettingDivider />
      <SettingRow>
@@ -106,17 +108,18 @@ const GeneralSettings: FC = () => {
        />
      </SettingRow>
      <SettingDivider />
-      <SettingRow>
-        <SettingRowTitle>{t('settings.general.user_name')}</SettingRowTitle>
-        <Input
-          placeholder={t('settings.general.user_name.placeholder')}
-          value={userName}
-          onChange={(e) => dispatch(setUserName(e.target.value))}
-          style={{ width: 180 }}
-          maxLength={30}
+      {topicPosition === 'left' && (
+        <>
+          <SettingRow style={{ minHeight: 32 }}>
+            <SettingRowTitle>{t('settings.advanced.click_assistant_switch_to_topics')}</SettingRowTitle>
+            <Switch
+              checked={clickAssistantToShowTopic}
+              onChange={(checked) => dispatch(setClickAssistantToShowTopic(checked))}
            />
          </SettingRow>
          <SettingDivider />
+        </>
+      )}
      <SettingRow>
        <SettingRowTitle>{t('settings.proxy.title')}</SettingRowTitle>
        <Input
--- a/src/renderer/src/providers/AiProvider.ts
+++ b/src/renderer/src/providers/AiProvider.ts
@@ -10,12 +10,8 @@ export default class AiProvider {
    this.sdk = ProviderFactory.create(provider)
  }

-  public async completions(
-    messages: Message[],
-    assistant: Assistant,
-    onChunk: ({ text, usage }: { text?: string; usage?: OpenAI.Completions.CompletionUsage }) => void
-  ): Promise<void> {
-    return this.sdk.completions(messages, assistant, onChunk)
+  public async completions({ messages, assistant, onChunk, onFilterMessages }: CompletionsParams): Promise<void> {
+    return this.sdk.completions({ messages, assistant, onChunk, onFilterMessages })
  }

  public async translate(message: Message, assistant: Assistant): Promise<string> {
--- a/src/renderer/src/providers/AnthropicProvider.ts
+++ b/src/renderer/src/providers/AnthropicProvider.ts
@@ -4,8 +4,8 @@ import { DEFAULT_MAX_TOKENS } from '@renderer/config/constant'
 import { getAssistantSettings, getDefaultModel, getTopNamingModel } from '@renderer/services/assistant'
 import { EVENT_NAMES } from '@renderer/services/event'
 import { filterContextMessages, filterMessages } from '@renderer/services/messages'
-import { Assistant, Message, Provider, Suggestion } from '@renderer/types'
-import { first, sum, takeRight } from 'lodash'
+import { Assistant, FileTypes, Message, Provider, Suggestion } from '@renderer/types'
+import { first, flatten, sum, takeRight } from 'lodash'
 import OpenAI from 'openai'

 import BaseProvider from './BaseProvider'
@@ -18,49 +18,52 @@ export default class AnthropicProvider extends BaseProvider {
    this.sdk = new Anthropic({ apiKey: provider.apiKey, baseURL: this.getBaseURL() })
  }

-  private async getMessageContent(message: Message): Promise<MessageParam['content']> {
-    const file = first(message.files)
+  private async getMessageParam(message: Message): Promise<MessageParam> {
+    const parts: MessageParam['content'] = [{ type: 'text', text: message.content }]

-    if (!file) {
-      return message.content
-    }
-
-    if (file.type === 'image') {
-      const base64Data = await window.api.image.base64(file.path)
-      return [
-        { type: 'text', text: message.content },
-        {
+    for (const file of message.files || []) {
+      if (file.type === FileTypes.IMAGE) {
+        const base64Data = await window.api.file.base64Image(file.id + file.ext)
+        parts.push({
          type: 'image',
          source: {
            data: base64Data.base64,
            media_type: base64Data.mime.replace('jpg', 'jpeg') as any,
            type: 'base64'
          }
+        })
+      }
+      if (file.type === FileTypes.TEXT) {
+        const fileContent = await (await window.api.file.read(file.id + file.ext)).trim()
+        parts.push({
+          type: 'text',
+          text: file.origin_name + '\n' + fileContent
+        })
      }
-      ]
    }

-    return message.content
+    return {
+      role: message.role,
+      content: parts
+    }
  }

-  public async completions(
-    messages: Message[],
-    assistant: Assistant,
-    onChunk: ({ text, usage }: { text?: string; usage?: OpenAI.Completions.CompletionUsage }) => void
-  ) {
+  public async completions({ messages, assistant, onChunk, onFilterMessages }: CompletionsParams) {
    const defaultModel = getDefaultModel()
    const model = assistant.model || defaultModel
    const { contextCount, maxTokens } = getAssistantSettings(assistant)

-    const userMessages: MessageParam[] = []
+    const userMessagesParams: MessageParam[] = []
+    const _messages = filterMessages(filterContextMessages(takeRight(messages, contextCount + 2)))

-    for (const message of filterMessages(filterContextMessages(takeRight(messages, contextCount + 2)))) {
-      userMessages.push({
-        role: message.role,
-        content: await this.getMessageContent(message)
-      })
+    onFilterMessages(_messages)
+
+    for (const message of _messages) {
+      userMessagesParams.push(await this.getMessageParam(message))
    }

+    const userMessages = flatten(userMessagesParams)
+
    if (first(userMessages)?.role === 'assistant') {
      userMessages.shift()
    }
@@ -69,7 +72,7 @@ export default class AnthropicProvider extends BaseProvider {
      const stream = this.sdk.messages
        .stream({
          model: model.id,
-          messages: userMessages.filter(Boolean) as MessageParam[],
+          messages: userMessages,
          max_tokens: maxTokens || DEFAULT_MAX_TOKENS,
          temperature: assistant?.settings?.temperature,
          system: assistant.prompt,
--- a/src/renderer/src/providers/BaseProvider.ts
+++ b/src/renderer/src/providers/BaseProvider.ts
@@ -20,11 +20,7 @@ export default abstract class BaseProvider {
    return this.provider.id === 'ollama' ? getOllamaKeepAliveTime() : undefined
  }

-  abstract completions(
-    messages: Message[],
-    assistant: Assistant,
-    onChunk: ({ text, usage }: { text?: string; usage?: OpenAI.Completions.CompletionUsage }) => void
-  ): Promise<void>
+  abstract completions({ messages, assistant, onChunk, onFilterMessages }: CompletionsParams): Promise<void>
  abstract translate(message: Message, assistant: Assistant): Promise<string>
  abstract summaries(messages: Message[], assistant: Assistant): Promise<string>
  abstract suggestions(messages: Message[], assistant: Assistant): Promise<Suggestion[]>
--- a/src/renderer/src/providers/GeminiProvider.ts
+++ b/src/renderer/src/providers/GeminiProvider.ts
@@ -1,10 +1,10 @@
-import { Content, GoogleGenerativeAI, InlineDataPart, Part } from '@google/generative-ai'
+import { Content, GoogleGenerativeAI, InlineDataPart, Part, TextPart } from '@google/generative-ai'
 import { getAssistantSettings, getDefaultModel, getTopNamingModel } from '@renderer/services/assistant'
 import { EVENT_NAMES } from '@renderer/services/event'
 import { filterContextMessages, filterMessages } from '@renderer/services/messages'
-import { Assistant, Message, Provider, Suggestion } from '@renderer/types'
+import { Assistant, FileTypes, Message, Provider, Suggestion } from '@renderer/types'
 import axios from 'axios'
-import { first, isEmpty, takeRight } from 'lodash'
+import { isEmpty, takeRight } from 'lodash'
 import OpenAI from 'openai'

 import BaseProvider from './BaseProvider'
@@ -17,42 +17,50 @@ export default class GeminiProvider extends BaseProvider {
    this.sdk = new GoogleGenerativeAI(provider.apiKey)
  }

-  private async getMessageParts(message: Message): Promise<Part[]> {
-    const file = first(message.files)
+  private async getMessageContents(message: Message): Promise<Content> {
+    const role = message.role === 'user' ? 'user' : 'model'

-    if (file && file.type === 'image') {
-      const base64Data = await window.api.image.base64(file.path)
-      return [
-        {
-          text: message.content
-        },
-        {
+    const parts: Part[] = [{ text: message.content }]
+
+    for (const file of message.files || []) {
+      if (file.type === FileTypes.IMAGE) {
+        const base64Data = await window.api.file.base64Image(file.id + file.ext)
+        parts.push({
          inlineData: {
            data: base64Data.base64,
            mimeType: base64Data.mime
          }
-        } as InlineDataPart
-      ]
+        } as InlineDataPart)
+      }
+      if (file.type === FileTypes.TEXT) {
+        const fileContent = await (await window.api.file.read(file.id + file.ext)).trim()
+        parts.push({
+          text: file.origin_name + '\n' + fileContent
+        } as TextPart)
+      }
    }

-    return [{ text: message.content }]
+    return {
+      role,
+      parts
+    }
  }

-  public async completions(
-    messages: Message[],
-    assistant: Assistant,
-    onChunk: ({ text, usage }: { text?: string; usage?: OpenAI.Completions.CompletionUsage }) => void
-  ) {
+  public async completions({ messages, assistant, onChunk, onFilterMessages }: CompletionsParams) {
    const defaultModel = getDefaultModel()
    const model = assistant.model || defaultModel
    const { contextCount, maxTokens } = getAssistantSettings(assistant)

-    const userMessages = filterMessages(filterContextMessages(takeRight(messages, contextCount + 1))).map((message) => {
-      return {
-        role: message.role,
-        message
+    const userMessages = filterMessages(filterContextMessages(takeRight(messages, contextCount + 1)))
+    onFilterMessages(userMessages)
+
+    const userLastMessage = userMessages.pop()
+
+    const history: Content[] = []
+
+    for (const message of userMessages) {
+      history.push(await this.getMessageContents(message))
    }
-    })

    const geminiModel = this.sdk.getGenerativeModel({
      model: model.id,
@@ -63,21 +71,9 @@ export default class GeminiProvider extends BaseProvider {
      }
    })

-    const userLastMessage = userMessages.pop()
-
-    const history: Content[] = []
-
-    for (const message of userMessages) {
-      history.push({
-        role: message.role === 'user' ? 'user' : 'model',
-        parts: await this.getMessageParts(message.message)
-      })
-    }
-
    const chat = geminiModel.startChat({ history })
-    const message = await this.getMessageParts(userLastMessage?.message!)
-
-    const userMessagesStream = await chat.sendMessageStream(message)
+    const messageContents = await this.getMessageContents(userLastMessage!)
+    const userMessagesStream = await chat.sendMessageStream(messageContents.parts)

    for await (const chunk of userMessagesStream.stream) {
      if (window.keyv.get(EVENT_NAMES.CHAT_COMPLETION_PAUSED)) break
--- a/src/renderer/src/providers/OpenAIProvider.ts
+++ b/src/renderer/src/providers/OpenAIProvider.ts
@@ -1,8 +1,9 @@
 import { isLocalAi } from '@renderer/config/env'
+import { isVisionModel } from '@renderer/config/models'
 import { getAssistantSettings, getDefaultModel, getTopNamingModel } from '@renderer/services/assistant'
 import { EVENT_NAMES } from '@renderer/services/event'
 import { filterContextMessages, filterMessages } from '@renderer/services/messages'
-import { Assistant, Message, Provider, Suggestion } from '@renderer/types'
+import { Assistant, FileTypes, Message, Model, Provider, Suggestion } from '@renderer/types'
 import { removeQuotes } from '@renderer/utils'
 import { first, takeRight } from 'lodash'
 import OpenAI from 'openai'
@@ -26,34 +27,89 @@ export default class OpenAIProvider extends BaseProvider {
    })
  }

-  private async getMessageContent(message: Message): Promise<string | ChatCompletionContentPart[]> {
-    const file = first(message.files)
-
-    if (!file) {
-      return message.content
+  private isSupportStreamOutput(modelId: string): boolean {
+    if (this.provider.id === 'openai' && modelId.includes('o1-')) {
+      return false
+    }
+    return true
  }

-    if (file.type === 'image') {
-      const base64Data = await window.api.image.base64(file.path)
-      return [
-        { type: 'text', text: message.content },
+  private get isNotSupportFiles() {
+    const providers = ['deepseek', 'baichuan', 'minimax', 'yi', 'doubao']
+    return providers.includes(this.provider.id)
+  }
+
+  private async getMessageParam(
+    message: Message,
+    model: Model
+  ): Promise<OpenAI.Chat.Completions.ChatCompletionMessageParam> {
+    const isVision = isVisionModel(model)
+
+    if (!message.files) {
+      return {
+        role: message.role,
+        content: message.content
+      }
+    }
+
+    if (this.isNotSupportFiles) {
+      if (message.files) {
+        const textFiles = message.files.filter((file) => file.type === FileTypes.TEXT)
+
+        if (textFiles.length > 0) {
+          let text = ''
+          const divider = '\n\n---\n\n'
+
+          for (const file of textFiles) {
+            const fileContent = (await window.api.file.read(file.id + file.ext)).trim()
+            const fileNameRow = 'file: ' + file.origin_name + '\n\n'
+            text = text + fileNameRow + fileContent + divider
+          }
+
+          return {
+            role: message.role,
+            content: message.content + divider + text
+          }
+        }
+      }
+
+      return {
+        role: message.role,
+        content: message.content
+      }
+    }
+
+    const parts: ChatCompletionContentPart[] = [
      {
-          type: 'image_url',
-          image_url: {
-            url: base64Data.data
-          }
+        type: 'text',
+        text: message.content
      }
    ]
+
+    for (const file of message.files || []) {
+      if (file.type === FileTypes.IMAGE && isVision) {
+        const image = await window.api.file.base64Image(file.id + file.ext)
+        parts.push({
+          type: 'image_url',
+          image_url: { url: image.data }
+        })
+      }
+      if (file.type === FileTypes.TEXT) {
+        const fileContent = await (await window.api.file.read(file.id + file.ext)).trim()
+        parts.push({
+          type: 'text',
+          text: file.origin_name + '\n' + fileContent
+        })
+      }
    }

-    return message.content
+    return {
+      role: message.role,
+      content: parts
+    } as ChatCompletionMessageParam
  }

-  async completions(
-    messages: Message[],
-    assistant: Assistant,
-    onChunk: ({ text, usage }: { text?: string; usage?: OpenAI.Completions.CompletionUsage }) => void
-  ): Promise<void> {
+  async completions({ messages, assistant, onChunk, onFilterMessages }: CompletionsParams): Promise<void> {
    const defaultModel = getDefaultModel()
    const model = assistant.model || defaultModel
    const { contextCount, maxTokens } = getAssistantSettings(assistant)
@@ -61,26 +117,41 @@ export default class OpenAIProvider extends BaseProvider {
    const systemMessage = assistant.prompt ? { role: 'system', content: assistant.prompt } : undefined
    const userMessages: ChatCompletionMessageParam[] = []

-    for (const message of filterMessages(filterContextMessages(takeRight(messages, contextCount + 1)))) {
-      userMessages.push({
-        role: message.role,
-        content: await this.getMessageContent(message)
-      } as ChatCompletionMessageParam)
+    const _messages = filterMessages(filterContextMessages(takeRight(messages, contextCount + 1)))
+    onFilterMessages(_messages)
+
+    for (const message of _messages) {
+      userMessages.push(await this.getMessageParam(message, model))
    }

+    const isSupportStreamOutput = this.isSupportStreamOutput(model.id)
+
    // @ts-ignore key is not typed
    const stream = await this.sdk.chat.completions.create({
      model: model.id,
      messages: [systemMessage, ...userMessages].filter(Boolean) as ChatCompletionMessageParam[],
-      stream: true,
+      stream: isSupportStreamOutput,
      temperature: assistant?.settings?.temperature,
      max_tokens: maxTokens,
      keep_alive: this.keepAliveTime
    })

+    if (!isSupportStreamOutput) {
+      return onChunk({
+        text: stream.choices[0].message?.content || '',
+        usage: stream.usage
+      })
+    }
+
    for await (const chunk of stream) {
-      if (window.keyv.get(EVENT_NAMES.CHAT_COMPLETION_PAUSED)) break
-      onChunk({ text: chunk.choices[0]?.delta?.content || '', usage: chunk.usage })
+      if (window.keyv.get(EVENT_NAMES.CHAT_COMPLETION_PAUSED)) {
+        break
+      }
+
+      onChunk({
+        text: chunk.choices[0]?.delta?.content || '',
+        usage: chunk.usage
+      })
    }
  }

--- a/src/renderer/src/providers/index.d.ts
+++ b/src/renderer/src/providers/index.d.ts
@@ -0,0 +1,11 @@
+interface ChunkCallbackData {
+  text?: string
+  usage?: OpenAI.Completions.CompletionUsage
+}
+
+interface CompletionsParams {
+  messages: Message[]
+  assistant: Assistant
+  onChunk: ({ text, usage }: ChunkCallbackData) => void
+  onFilterMessages: (messages: Message[]) => void
+}
--- a/src/renderer/src/services/api.ts
+++ b/src/renderer/src/services/api.ts
@@ -16,6 +16,7 @@ import {
 } from './assistant'
 import { EVENT_NAMES, EventEmitter } from './event'
 import { filterMessages } from './messages'
+import { estimateMessagesUsage } from './tokens'

 export async function fetchChatCompletion({
  messages,
@@ -61,12 +62,27 @@ export async function fetchChatCompletion({
  }, 1000)

  try {
-    await AI.completions(messages, assistant, ({ text, usage }) => {
+    let _messages: Message[] = []
+
+    await AI.completions({
+      messages,
+      assistant,
+      onFilterMessages: (messages) => (_messages = messages),
+      onChunk: ({ text, usage }) => {
        message.content = message.content + text || ''
        message.usage = usage
        onResponse({ ...message, status: 'pending' })
+      }
    })
+
    message.status = 'success'
+
+    if (!message.usage || !message?.usage?.completion_tokens) {
+      message.usage = await estimateMessagesUsage({
+        assistant,
+        messages: [..._messages, message]
+      })
+    }
  } catch (error: any) {
    message.content = `Error: ${error.message}`
    message.status = 'error'
@@ -82,7 +98,7 @@ export async function fetchChatCompletion({
  message.status = window.keyv.get(EVENT_NAMES.CHAT_COMPLETION_PAUSED) ? 'paused' : message.status

  // Emit chat completion event
-  EventEmitter.emit(EVENT_NAMES.AI_CHAT_COMPLETION, message)
+  EventEmitter.emit(EVENT_NAMES.RECEIVE_MESSAGE, message)

  // Reset generating state
  store.dispatch(setGenerating(false))
--- a/src/renderer/src/services/backup.ts
+++ b/src/renderer/src/services/backup.ts
@@ -1,31 +1,26 @@
+import db from '@renderer/databases'
 import i18n from '@renderer/i18n'
 import dayjs from 'dayjs'
 import localforage from 'localforage'

 export async function backup() {
-  const indexedKeys = await localforage.keys()
-  const version = 1
+  const version = 2
  const time = new Date().getTime()

  const data = {
    time,
    version,
    localStorage,
-    indexedDB: [] as { key: string; value: any }[]
-  }
-
-  for (const key of indexedKeys) {
-    data.indexedDB.push({
-      key,
-      value: await localforage.getItem(key)
-    })
+    indexedDB: await backupDatabase()
  }

  const filename = `cherry-studio.${dayjs().format('YYYYMMDD')}.bak`
  const fileContnet = JSON.stringify(data)
  const file = await window.api.compress(fileContnet)

-  window.api.saveFile(filename, file)
+  await window.api.saveFile(filename, file)
+
+  window.message.success({ content: i18n.t('message.backup.success'), key: 'backup' })
 }

 export async function restore() {
@@ -37,17 +32,32 @@ export async function restore() {
      const data = JSON.parse(content)

      if (data.version === 1) {
-        localStorage.setItem('persist:cherry-studio', data.localStorage['persist:cherry-studio'])
+        await clearDatabase()

        for (const { key, value } of data.indexedDB) {
-          await localforage.setItem(key, value)
+          if (key.startsWith('topic:')) {
+            await db.table('topics').add({ id: value.id, messages: value.messages })
+          }
+          if (key === 'image://avatar') {
+            await db.table('settings').add({ id: key, value })
+          }
        }

+        await localStorage.setItem('persist:cherry-studio', data.localStorage['persist:cherry-studio'])
        window.message.success({ content: i18n.t('message.restore.success'), key: 'restore' })
-        setTimeout(() => window.api.reload(), 1500)
-      } else {
-        window.message.error({ content: i18n.t('error.backup.file_format'), key: 'restore' })
+        setTimeout(() => window.api.reload(), 1000)
+        return
      }
+
+      if (data.version === 2) {
+        localStorage.setItem('persist:cherry-studio', data.localStorage['persist:cherry-studio'])
+        await restoreDatabase(data.indexedDB)
+        window.message.success({ content: i18n.t('message.restore.success'), key: 'restore' })
+        setTimeout(() => window.api.reload(), 1000)
+        return
+      }
+
+      window.message.error({ content: i18n.t('error.backup.file_format'), key: 'restore' })
    } catch (error) {
      console.error(error)
      window.message.error({ content: i18n.t('error.backup.file_format'), key: 'restore' })
@@ -59,6 +69,7 @@ export async function reset() {
  window.modal.confirm({
    title: i18n.t('common.warning'),
    content: i18n.t('message.reset.confirm.content'),
+    centered: true,
    onOk: async () => {
      window.modal.confirm({
        title: i18n.t('message.reset.double.confirm.title'),
@@ -67,9 +78,43 @@ export async function reset() {
        onOk: async () => {
          await localStorage.clear()
          await localforage.clear()
+          await clearDatabase()
+          await window.api.file.clear()
          window.api.reload()
        }
      })
    }
  })
 }
+
+/************************************* Backup Utils ************************************** */
+
+async function backupDatabase() {
+  const tables = db.tables
+  const backup = {}
+
+  for (const table of tables) {
+    backup[table.name] = await table.toArray()
+  }
+
+  return backup
+}
+
+async function restoreDatabase(backup: Record<string, any>) {
+  await db.transaction('rw', db.tables, async () => {
+    for (const tableName in backup) {
+      await db.table(tableName).clear()
+      await db.table(tableName).bulkAdd(backup[tableName])
+    }
+  })
+}
+
+async function clearDatabase() {
+  const storeNames = await db.tables.map((table) => table.name)
+
+  await db.transaction('rw', db.tables, async () => {
+    for (const storeName of storeNames) {
+      await db[storeName].clear()
+    }
+  })
+}
--- a/src/renderer/src/services/event.ts
+++ b/src/renderer/src/services/event.ts
@@ -4,7 +4,7 @@ export const EventEmitter = new Emittery()

 export const EVENT_NAMES = {
  SEND_MESSAGE: 'SEND_MESSAGE',
-  AI_CHAT_COMPLETION: 'AI_CHAT_COMPLETION',
+  RECEIVE_MESSAGE: 'RECEIVE_MESSAGE',
  AI_AUTO_RENAME: 'AI_AUTO_RENAME',
  CLEAR_MESSAGES: 'CLEAR_MESSAGES',
  ADD_ASSISTANT: 'ADD_ASSISTANT',
@@ -16,5 +16,6 @@ export const EVENT_NAMES = {
  SHOW_CHAT_SETTINGS: 'SHOW_CHAT_SETTINGS',
  SHOW_TOPIC_SIDEBAR: 'SHOW_TOPIC_SIDEBAR',
  SWITCH_TOPIC_SIDEBAR: 'SWITCH_TOPIC_SIDEBAR',
-  NEW_CONTEXT: 'NEW_CONTEXT'
+  NEW_CONTEXT: 'NEW_CONTEXT',
+  NEW_BRANCH: 'NEW_BRANCH'
 }
--- a/src/renderer/src/services/file.ts
+++ b/src/renderer/src/services/file.ts
@@ -1,5 +1,6 @@
 import db from '@renderer/databases'
 import { FileType } from '@renderer/types'
+import { getFileDirectory } from '@renderer/utils'

 class FileManager {
  static async selectFiles(options?: Electron.OpenDialogOptions): Promise<FileType[] | null> {
@@ -52,6 +53,14 @@ class FileManager {
  static async allFiles(): Promise<FileType[]> {
    return db.files.toArray()
  }
+
+  static isDangerFile(file: FileType) {
+    return ['.sh', '.bat', '.cmd', '.ps1', '.vbs', 'reg'].includes(file.ext)
+  }
+
+  static getSafePath(file: FileType) {
+    return this.isDangerFile(file) ? getFileDirectory(file.path) : file.path
+  }
 }

 export default FileManager
--- a/src/renderer/src/services/messages.ts
+++ b/src/renderer/src/services/messages.ts
@@ -1,9 +1,7 @@
 import { DEFAULT_CONEXTCOUNT } from '@renderer/config/constant'
 import { Assistant, Message } from '@renderer/types'
-import { GPTTokens } from 'gpt-tokens'
 import { isEmpty, takeRight } from 'lodash'

-import { getAssistantSettings } from './assistant'
 import FileManager from './file'

 export const filterMessages = (messages: Message[]) => {
@@ -35,32 +33,6 @@ export function getContextCount(assistant: Assistant, messages: Message[]) {
  return messagesCount - (clearIndex + 1)
 }

-export function estimateInputTokenCount(text: string) {
-  const input = new GPTTokens({
-    model: 'gpt-4o',
-    messages: [{ role: 'user', content: text }]
-  })
-
-  return input.usedTokens - 7
-}
-
-export function estimateHistoryTokenCount(assistant: Assistant, msgs: Message[]) {
-  const { contextCount } = getAssistantSettings(assistant)
-
-  const all = new GPTTokens({
-    model: 'gpt-4o',
-    messages: [
-      { role: 'system', content: assistant.prompt },
-      ...filterMessages(filterContextMessages(takeRight(msgs, contextCount))).map((message) => ({
-        role: message.role,
-        content: message.content
-      }))
-    ]
-  })
-
-  return all.usedTokens - 7
-}
-
 export function deleteMessageFiles(message: Message) {
  message.files && FileManager.deleteFiles(message.files.map((f) => f.id))
 }
--- a/src/renderer/src/services/storage.ts
+++ b/src/renderer/src/services/storage.ts
@@ -1,60 +1,27 @@
-import { Topic } from '@renderer/types'
+import db from '@renderer/databases'
 import { convertToBase64 } from '@renderer/utils'
-import localforage from 'localforage'
-
-import { deleteMessageFiles } from './messages'

 const IMAGE_PREFIX = 'image://'

-export default class LocalStorage {
-  static async getTopic(id: string) {
-    return localforage.getItem<Topic>(`topic:${id}`)
-  }
-
-  static async getTopicMessages(id: string) {
-    const topic = await this.getTopic(id)
-    return topic ? topic.messages : []
-  }
-
-  static async removeTopic(id: string) {
-    const messages = await this.getTopicMessages(id)
-
-    for (const message of messages) {
-      await deleteMessageFiles(message)
-    }
-
-    localforage.removeItem(`topic:${id}`)
-  }
-
-  static async clearTopicMessages(id: string) {
-    const topic = await this.getTopic(id)
-
-    if (topic) {
-      for (const message of topic?.messages ?? []) {
-        await deleteMessageFiles(message)
-      }
-
-      topic.messages = []
-      await localforage.setItem(`topic:${id}`, topic)
-    }
-  }
-
-  static async storeImage(name: string, file: File) {
+export default class ImageStorage {
+  static async set(key: string, file: File) {
+    const id = IMAGE_PREFIX + key
    try {
      const base64Image = await convertToBase64(file)
      if (typeof base64Image === 'string') {
-        await localforage.setItem(IMAGE_PREFIX + name, base64Image)
+        if (await db.settings.get(id)) {
+          db.settings.update(id, { value: base64Image })
+          return
+        }
+        await db.settings.add({ id, value: base64Image })
      }
    } catch (error) {
      console.error('Error storing the image', error)
    }
  }

-  static async getImage(name: string) {
-    return localforage.getItem<string>(IMAGE_PREFIX + name)
-  }
-
-  static async removeImage(name: string) {
-    await localforage.removeItem(IMAGE_PREFIX + name)
+  static async get(key: string): Promise<string> {
+    const id = IMAGE_PREFIX + key
+    return (await db.settings.get(id))?.value
  }
 }
--- a/src/renderer/src/services/tokens.ts
+++ b/src/renderer/src/services/tokens.ts
@@ -0,0 +1,130 @@
+import { Assistant, FileType, FileTypes, Message } from '@renderer/types'
+import { GPTTokens } from 'gpt-tokens'
+import { flatten, takeRight } from 'lodash'
+import { CompletionUsage } from 'openai/resources'
+
+import { getAssistantSettings } from './assistant'
+import { filterContextMessages, filterMessages } from './messages'
+
+interface MessageItem {
+  name?: string
+  role: 'system' | 'user' | 'assistant'
+  content: string
+}
+
+async function getFileContent(file: FileType) {
+  if (!file) {
+    return ''
+  }
+
+  const fileId = file.id + file.ext
+
+  if (file.type === FileTypes.IMAGE) {
+    const data = await window.api.file.base64Image(fileId)
+    return data.data
+  }
+
+  if (file.type === FileTypes.TEXT) {
+    return await window.api.file.read(fileId)
+  }
+
+  return ''
+}
+
+async function getMessageParam(message: Message): Promise<MessageItem[]> {
+  const param: MessageItem[] = []
+
+  param.push({
+    role: message.role,
+    content: message.content
+  })
+
+  if (message.files) {
+    for (const file of message.files) {
+      param.push({
+        role: 'assistant',
+        content: await getFileContent(file)
+      })
+    }
+  }
+
+  return param
+}
+
+export function estimateTextTokens(text: string) {
+  const { usedTokens } = new GPTTokens({
+    model: 'gpt-4o',
+    messages: [{ role: 'user', content: text }]
+  })
+
+  return usedTokens - 7
+}
+
+export async function estimateMessageUsage(message: Message): Promise<CompletionUsage> {
+  const { usedTokens, promptUsedTokens, completionUsedTokens } = new GPTTokens({
+    model: 'gpt-4o',
+    messages: await getMessageParam(message)
+  })
+
+  const hasImage = message.files?.some((f) => f.type === FileTypes.IMAGE)
+
+  return {
+    prompt_tokens: promptUsedTokens,
+    completion_tokens: completionUsedTokens,
+    total_tokens: hasImage ? Math.floor(usedTokens / 80) : usedTokens - 7
+  }
+}
+
+export async function estimateMessagesUsage({
+  assistant,
+  messages
+}: {
+  assistant: Assistant
+  messages: Message[]
+}): Promise<CompletionUsage> {
+  const outputMessage = messages.pop()!
+
+  const prompt_tokens = await estimateHistoryTokens(assistant, messages)
+  const { completion_tokens } = await estimateMessageUsage(outputMessage)
+
+  return {
+    prompt_tokens: await estimateHistoryTokens(assistant, messages),
+    completion_tokens,
+    total_tokens: prompt_tokens + completion_tokens
+  } as CompletionUsage
+}
+
+export async function estimateHistoryTokens(assistant: Assistant, msgs: Message[]) {
+  const { contextCount } = getAssistantSettings(assistant)
+  const messages = filterMessages(filterContextMessages(takeRight(msgs, contextCount)))
+
+  // 有 usage 数据的消息，快速计算总数
+  const uasageTokens = messages
+    .filter((m) => m.usage)
+    .reduce((acc, message) => {
+      const inputTokens = message.usage?.total_tokens ?? 0
+      const outputTokens = message.usage!.completion_tokens ?? 0
+      return acc + (message.role === 'user' ? inputTokens : outputTokens)
+    }, 0)
+
+  // 没有 usage 数据的消息，需要计算每条消息的 token
+  let allMessages: MessageItem[][] = []
+
+  for (const message of messages.filter((m) => !m.usage)) {
+    const items = await getMessageParam(message)
+    allMessages = allMessages.concat(items)
+  }
+
+  const { usedTokens } = new GPTTokens({
+    model: 'gpt-4o',
+    messages: [
+      {
+        role: 'system',
+        content: assistant.prompt
+      },
+      ...flatten(allMessages)
+    ]
+  })
+
+  return usedTokens - 7 + uasageTokens
+}
--- a/src/renderer/src/store/assistants.ts
+++ b/src/renderer/src/store/assistants.ts
@@ -1,6 +1,6 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+import { TopicManager } from '@renderer/hooks/useTopic'
 import { getDefaultAssistant, getDefaultTopic } from '@renderer/services/assistant'
-import LocalStorage from '@renderer/services/storage'
 import { Assistant, AssistantSettings, Model, Topic } from '@renderer/types'
 import { uniqBy } from 'lodash'

@@ -91,7 +91,7 @@ const assistantsSlice = createSlice({
    removeAllTopics: (state, action: PayloadAction<{ assistantId: string }>) => {
      state.assistants = state.assistants.map((assistant) => {
        if (assistant.id === action.payload.assistantId) {
-          assistant.topics.forEach((topic) => LocalStorage.removeTopic(topic.id))
+          assistant.topics.forEach((topic) => TopicManager.removeTopic(topic.id))
          return {
            ...assistant,
            topics: [getDefaultTopic()]
--- a/src/renderer/src/store/migrate.ts
+++ b/src/renderer/src/store/migrate.ts
@@ -1,8 +1,7 @@
 import { SYSTEM_MODELS } from '@renderer/config/models'
 import i18n from '@renderer/i18n'
 import { Assistant } from '@renderer/types'
-import localforage from 'localforage'
-import { isEmpty, pick } from 'lodash'
+import { isEmpty } from 'lodash'
 import { createMigrate } from 'redux-persist'

 import { RootState } from '.'
@@ -375,12 +374,7 @@ const migrateConfig = {
      }
    }
  },
-  '24': async (state: RootState) => {
-    for (const key of await localforage.keys()) {
-      if (key.startsWith('topic:')) {
-        localforage.getItem(key).then((topic) => localforage.setItem(key, pick(topic, ['id', 'messages'])))
-      }
-    }
+  '24': (state: RootState) => {
    return {
      ...state,
      assistants: {
--- a/src/renderer/src/store/settings.ts
+++ b/src/renderer/src/store/settings.ts
@@ -17,6 +17,8 @@ export interface SettingsState {
  windowStyle: 'transparent' | 'opaque'
  fontSize: number
  topicPosition: 'left' | 'right'
+  pasteLongTextAsFile: boolean
+  clickAssistantToShowTopic: boolean
 }

 const initialState: SettingsState = {
@@ -32,7 +34,9 @@ const initialState: SettingsState = {
  theme: ThemeMode.light,
  windowStyle: 'opaque',
  fontSize: 14,
-  topicPosition: 'right'
+  topicPosition: 'right',
+  pasteLongTextAsFile: true,
+  clickAssistantToShowTopic: false
 }

 const settingsSlice = createSlice({
@@ -84,6 +88,12 @@ const settingsSlice = createSlice({
    },
    setTopicPosition: (state, action: PayloadAction<'left' | 'right'>) => {
      state.topicPosition = action.payload
+    },
+    setPasteLongTextAsFile: (state, action: PayloadAction<boolean>) => {
+      state.pasteLongTextAsFile = action.payload
+    },
+    setClickAssistantToShowTopic: (state, action: PayloadAction<boolean>) => {
+      state.clickAssistantToShowTopic = action.payload
    }
  }
 })
@@ -103,7 +113,9 @@ export const {
  setTheme,
  setFontSize,
  setWindowStyle,
-  setTopicPosition
+  setTopicPosition,
+  setPasteLongTextAsFile,
+  setClickAssistantToShowTopic
 } = settingsSlice.actions

 export default settingsSlice.reducer
--- a/src/renderer/src/types/index.ts
+++ b/src/renderer/src/types/index.ts
@@ -97,12 +97,14 @@ export interface FileType {
  type: FileTypes
  created_at: Date
  count: number
+  tokens?: number
 }

 export enum FileTypes {
  IMAGE = 'image',
  VIDEO = 'video',
  AUDIO = 'audio',
+  TEXT = 'text',
  DOCUMENT = 'document',
  OTHER = 'other'
 }
--- a/src/renderer/src/utils/index.ts
+++ b/src/renderer/src/utils/index.ts
@@ -229,3 +229,15 @@ export function removeTrailingDoubleSpaces(markdown: string): string {
  // 使用正则表达式匹配末尾的两个空格，并替换为空字符串
  return markdown.replace(/ {2}$/gm, '')
 }
+
+export function getFileDirectory(filePath: string) {
+  const parts = filePath.split('/')
+  const directory = parts.slice(0, -1).join('/')
+  return directory
+}
+
+export function getFileExtension(filePath: string) {
+  const parts = filePath.split('.')
+  const extension = parts.slice(-1)[0]
+  return '.' + extension
+}
--- a/yarn.lock
+++ b/yarn.lock
@@ -503,6 +503,17 @@ __metadata:
  languageName: node
  linkType: hard

+"@electron/notarize@patch:@electron/notarize@npm%3A2.3.2#~/.yarn/patches/@electron-notarize-npm-2.3.2-535908a4bd.patch":
+  version: 2.3.2
+  resolution: "@electron/notarize@patch:@electron/notarize@npm%3A2.3.2#~/.yarn/patches/@electron-notarize-npm-2.3.2-535908a4bd.patch::version=2.3.2&hash=dd0991"
+  dependencies:
+    debug: "npm:^4.1.1"
+    fs-extra: "npm:^9.0.1"
+    promise-retry: "npm:^2.0.1"
+  checksum: 10c0/37729f49effdf43fe6a4c5ea8f90c624c6c5f4eab3e040d91366a5b23aade9481148266d5015de64eb369ed75886664f22b9a7c34aeb9355978b78e2c901ea5e
+  languageName: node
+  linkType: hard
+
 "@electron/osx-sign@npm:1.0.5":
  version: 1.0.5
  resolution: "@electron/osx-sign@npm:1.0.5"
@@ -1760,6 +1771,7 @@ __metadata:
    dotenv-cli: "npm:^7.4.2"
    electron: "npm:^28.3.3"
    electron-builder: "npm:^24.9.1"
+    electron-devtools-installer: "npm:^3.2.0"
    electron-log: "npm:^5.1.5"
    electron-store: "npm:^8.2.0"
    electron-updater: "npm:^6.1.7"
@@ -1772,7 +1784,7 @@ __metadata:
    eslint-plugin-react-hooks: "npm:^4.6.2"
    eslint-plugin-simple-import-sort: "npm:^12.1.1"
    eslint-plugin-unused-imports: "npm:^4.0.0"
-    gpt-tokens: "npm:^1.3.6"
+    gpt-tokens: "npm:^1.3.10"
    i18next: "npm:^23.11.5"
    localforage: "npm:^1.10.0"
    lodash: "npm:^4.17.21"
@@ -2826,6 +2838,13 @@ __metadata:
  languageName: node
  linkType: hard

+"core-util-is@npm:~1.0.0":
+  version: 1.0.3
+  resolution: "core-util-is@npm:1.0.3"
+  checksum: 10c0/90a0e40abbddfd7618f8ccd63a74d88deea94e77d0e8dbbea059fa7ebebb8fbb4e2909667fe26f3a467073de1a542ebe6ae4c73a73745ac5833786759cd906c9
+  languageName: node
+  linkType: hard
+
 "crc@npm:^3.8.0":
  version: 3.8.0
  resolution: "crc@npm:3.8.0"
@@ -3214,6 +3233,18 @@ __metadata:
  languageName: node
  linkType: hard

+"electron-devtools-installer@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "electron-devtools-installer@npm:3.2.0"
+  dependencies:
+    rimraf: "npm:^3.0.2"
+    semver: "npm:^7.2.1"
+    tslib: "npm:^2.1.0"
+    unzip-crx-3: "npm:^0.2.0"
+  checksum: 10c0/50d56e174e3bbe568d3d4a56a56e8c87faf44aa54a49ecc93ab672905f30ca1bf4e6a1b5a0b297c6ffeec1e89848086a6ff47f0db8197edb16d1bda16d6440c2
+  languageName: node
+  linkType: hard
+
 "electron-log@npm:^5.1.5":
  version: 5.2.0
  resolution: "electron-log@npm:5.2.0"
@@ -4362,14 +4393,14 @@ __metadata:
  languageName: node
  linkType: hard

-"gpt-tokens@npm:^1.3.6":
-  version: 1.3.9
-  resolution: "gpt-tokens@npm:1.3.9"
+"gpt-tokens@npm:^1.3.10":
+  version: 1.3.10
+  resolution: "gpt-tokens@npm:1.3.10"
  dependencies:
    decimal.js: "npm:^10.4.3"
    js-tiktoken: "npm:^1.0.14"
    openai-chat-tokens: "npm:^0.2.8"
-  checksum: 10c0/14ea94c0df4b83fdbfc8ee9c337aca5584441f8b4440a619eea9defc65dc3782fdb81c138d7153e39bae34cff60ce778e1d38f62e775d7cc378c2eac78d3299c
+  checksum: 10c0/9aa83bf1aecc3a11b8557769fa20d0f9daae61e3e79e1e308e2435069cee9c49f06563f68d9ce90b53c4981e84c92bf9bb43168f042e4606b51ccfce9210f95c
  languageName: node
  linkType: hard

@@ -4802,7 +4833,7 @@ __metadata:
  languageName: node
  linkType: hard

-"inherits@npm:2":
+"inherits@npm:2, inherits@npm:~2.0.3":
  version: 2.0.4
  resolution: "inherits@npm:2.0.4"
  checksum: 10c0/4e531f648b29039fb7426fb94075e6545faa1eb9fe83c29f0b6d9e7263aceb4289d2d4557db0d428188eeb449cc7c5e77b0a0b2c4e248ff2a65933a0dee49ef2
@@ -5176,6 +5207,13 @@ __metadata:
  languageName: node
  linkType: hard

+"isarray@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "isarray@npm:1.0.0"
+  checksum: 10c0/18b5be6669be53425f0b84098732670ed4e727e3af33bc7f948aac01782110eb9a18b3b329c5323bcdd3acdaae547ee077d3951317e7f133bff7105264b3003d
+  languageName: node
+  linkType: hard
+
 "isbinaryfile@npm:^4.0.8":
  version: 4.0.10
  resolution: "isbinaryfile@npm:4.0.10"
@@ -5384,6 +5422,18 @@ __metadata:
  languageName: node
  linkType: hard

+"jszip@npm:^3.1.0":
+  version: 3.10.1
+  resolution: "jszip@npm:3.10.1"
+  dependencies:
+    lie: "npm:~3.3.0"
+    pako: "npm:~1.0.2"
+    readable-stream: "npm:~2.3.6"
+    setimmediate: "npm:^1.0.5"
+  checksum: 10c0/58e01ec9c4960383fb8b38dd5f67b83ccc1ec215bf74c8a5b32f42b6e5fb79fada5176842a11409c4051b5b94275044851814a31076bf49e1be218d3ef57c863
+  languageName: node
+  linkType: hard
+
 "katex@npm:^0.16.0":
  version: 0.16.11
  resolution: "katex@npm:0.16.11"
@@ -5430,6 +5480,15 @@ __metadata:
  languageName: node
  linkType: hard

+"lie@npm:~3.3.0":
+  version: 3.3.0
+  resolution: "lie@npm:3.3.0"
+  dependencies:
+    immediate: "npm:~3.0.5"
+  checksum: 10c0/56dd113091978f82f9dc5081769c6f3b947852ecf9feccaf83e14a123bc630c2301439ce6182521e5fbafbde88e88ac38314327a4e0493a1bea7e0699a7af808
+  languageName: node
+  linkType: hard
+
 "localforage@npm:^1.10.0":
  version: 1.10.0
  resolution: "localforage@npm:1.10.0"
@@ -6702,6 +6761,13 @@ __metadata:
  languageName: node
  linkType: hard

+"pako@npm:~1.0.2":
+  version: 1.0.11
+  resolution: "pako@npm:1.0.11"
+  checksum: 10c0/86dd99d8b34c3930345b8bbeb5e1cd8a05f608eeb40967b293f72fe469d0e9c88b783a8777e4cc7dc7c91ce54c5e93d88ff4b4f060e6ff18408fd21030d9ffbe
+  languageName: node
+  linkType: hard
+
 "parent-module@npm:^1.0.0":
  version: 1.0.1
  resolution: "parent-module@npm:1.0.1"
@@ -6925,6 +6991,13 @@ __metadata:
  languageName: node
  linkType: hard

+"process-nextick-args@npm:~2.0.0":
+  version: 2.0.1
+  resolution: "process-nextick-args@npm:2.0.1"
+  checksum: 10c0/bec089239487833d46b59d80327a1605e1c5287eaad770a291add7f45fda1bb5e28b38e0e061add0a1d0ee0984788ce74fa394d345eed1c420cacf392c554367
+  languageName: node
+  linkType: hard
+
 "progress@npm:^2.0.3":
  version: 2.0.3
  resolution: "progress@npm:2.0.3"
@@ -7752,6 +7825,21 @@ __metadata:
  languageName: node
  linkType: hard

+"readable-stream@npm:~2.3.6":
+  version: 2.3.8
+  resolution: "readable-stream@npm:2.3.8"
+  dependencies:
+    core-util-is: "npm:~1.0.0"
+    inherits: "npm:~2.0.3"
+    isarray: "npm:~1.0.0"
+    process-nextick-args: "npm:~2.0.0"
+    safe-buffer: "npm:~5.1.1"
+    string_decoder: "npm:~1.1.1"
+    util-deprecate: "npm:~1.0.1"
+  checksum: 10c0/7efdb01f3853bc35ac62ea25493567bf588773213f5f4a79f9c365e1ad13bab845ac0dae7bc946270dc40c3929483228415e92a3fc600cc7e4548992f41ee3fa
+  languageName: node
+  linkType: hard
+
 "readdirp@npm:~3.6.0":
  version: 3.6.0
  resolution: "readdirp@npm:3.6.0"
@@ -8117,6 +8205,13 @@ __metadata:
  languageName: node
  linkType: hard

+"safe-buffer@npm:~5.1.0, safe-buffer@npm:~5.1.1":
+  version: 5.1.2
+  resolution: "safe-buffer@npm:5.1.2"
+  checksum: 10c0/780ba6b5d99cc9a40f7b951d47152297d0e260f0df01472a1b99d4889679a4b94a13d644f7dbc4f022572f09ae9005fa2fbb93bbbd83643316f365a3e9a45b21
+  languageName: node
+  linkType: hard
+
 "safe-regex-test@npm:^1.0.3":
  version: 1.0.3
  resolution: "safe-regex-test@npm:1.0.3"
@@ -8198,7 +8293,7 @@ __metadata:
  languageName: node
  linkType: hard

-"semver@npm:^7.3.2, semver@npm:^7.3.5, semver@npm:^7.3.8, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.3":
+"semver@npm:^7.2.1, semver@npm:^7.3.2, semver@npm:^7.3.5, semver@npm:^7.3.8, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.3":
  version: 7.6.3
  resolution: "semver@npm:7.6.3"
  bin:
@@ -8242,6 +8337,13 @@ __metadata:
  languageName: node
  linkType: hard

+"setimmediate@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "setimmediate@npm:1.0.5"
+  checksum: 10c0/5bae81bfdbfbd0ce992893286d49c9693c82b1bcc00dcaaf3a09c8f428fdeacf4190c013598b81875dfac2b08a572422db7df779a99332d0fce186d15a3e4d49
+  languageName: node
+  linkType: hard
+
 "shallowequal@npm:1.1.0":
  version: 1.1.0
  resolution: "shallowequal@npm:1.1.0"
@@ -8493,6 +8595,15 @@ __metadata:
  languageName: node
  linkType: hard

+"string_decoder@npm:~1.1.1":
+  version: 1.1.1
+  resolution: "string_decoder@npm:1.1.1"
+  dependencies:
+    safe-buffer: "npm:~5.1.0"
+  checksum: 10c0/b4f89f3a92fd101b5653ca3c99550e07bdf9e13b35037e9e2a1c7b47cec4e55e06ff3fc468e314a0b5e80bfbaf65c1ca5a84978764884ae9413bec1fc6ca924e
+  languageName: node
+  linkType: hard
+
 "stringify-entities@npm:^4.0.0":
  version: 4.0.4
  resolution: "stringify-entities@npm:4.0.4"
@@ -8752,7 +8863,7 @@ __metadata:
  languageName: node
  linkType: hard

-"tslib@npm:^2.6.2":
+"tslib@npm:^2.1.0, tslib@npm:^2.6.2":
  version: 2.7.0
  resolution: "tslib@npm:2.7.0"
  checksum: 10c0/469e1d5bf1af585742128827000711efa61010b699cb040ab1800bcd3ccdd37f63ec30642c9e07c4439c1db6e46345582614275daca3e0f4abae29b0083f04a6
@@ -8853,11 +8964,11 @@ __metadata:

 "typescript@patch:typescript@npm%3A^5.3.3#optional!builtin<compat/typescript>, typescript@patch:typescript@npm%3A^5.6.2#optional!builtin<compat/typescript>":
  version: 5.6.2
-  resolution: "typescript@patch:typescript@npm%3A5.6.2#optional!builtin<compat/typescript>::version=5.6.2&hash=379a07"
+  resolution: "typescript@patch:typescript@npm%3A5.6.2#optional!builtin<compat/typescript>::version=5.6.2&hash=8c6c40"
  bin:
    tsc: bin/tsc
    tsserver: bin/tsserver
-  checksum: 10c0/e6c1662e4852e22fe4bbdca471dca3e3edc74f6f1df043135c44a18a7902037023ccb0abdfb754595ca9028df8920f2f8492c00fc3cbb4309079aae8b7de71cd
+  checksum: 10c0/94eb47e130d3edd964b76da85975601dcb3604b0c848a36f63ac448d0104e93819d94c8bdf6b07c00120f2ce9c05256b8b6092d23cf5cf1c6fa911159e4d572f
  languageName: node
  linkType: hard

@@ -9002,6 +9113,17 @@ __metadata:
  languageName: node
  linkType: hard

+"unzip-crx-3@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "unzip-crx-3@npm:0.2.0"
+  dependencies:
+    jszip: "npm:^3.1.0"
+    mkdirp: "npm:^0.5.1"
+    yaku: "npm:^0.16.6"
+  checksum: 10c0/e551cb3d57d0271da41825e9bd9a7f4ef9ec5c3f15edc37bf909928c8327f21a6938ddc922787ee2b1b31f95ac83232dac79fd5a44e2727f9e800df9017a3b91
+  languageName: node
+  linkType: hard
+
 "update-browserslist-db@npm:^1.1.0":
  version: 1.1.0
  resolution: "update-browserslist-db@npm:1.1.0"
@@ -9050,6 +9172,13 @@ __metadata:
  languageName: node
  linkType: hard

+"util-deprecate@npm:~1.0.1":
+  version: 1.0.2
+  resolution: "util-deprecate@npm:1.0.2"
+  checksum: 10c0/41a5bdd214df2f6c3ecf8622745e4a366c4adced864bc3c833739791aeeeb1838119af7daed4ba36428114b5c67dcda034a79c882e97e43c03e66a4dd7389942
+  languageName: node
+  linkType: hard
+
 "uuid@npm:^10.0.0":
  version: 10.0.0
  resolution: "uuid@npm:10.0.0"
@@ -9332,6 +9461,13 @@ __metadata:
  languageName: node
  linkType: hard

+"yaku@npm:^0.16.6":
+  version: 0.16.7
+  resolution: "yaku@npm:0.16.7"
+  checksum: 10c0/de45a2f6c31ab905174c4e5a3aad93972cb3cf2946d206ab9718ad5fb9adf0781c011d8b1d576daf20ebfa02fa120a8e7552a742a88bb3d288eea5a3a693187c
+  languageName: node
+  linkType: hard
+
 "yallist@npm:^3.0.2":
  version: 3.1.1
  resolution: "yallist@npm:3.1.1"
Author	SHA1	Message	Date
kangfenmao	a22a47c16a	chore(version): 0.7.5	2024-09-20 17:01:52 +08:00
kangfenmao	6bb7b2ca5d	feat: improved ui effects and rendering for components - Added smooth all property transition effect to Icon component. - Added hover effect and conditional rendering for Switch Topic Sidebar button on current assistant. - Updated the existing conditional options array to consistently include both topic and settings options. - Improved hover effects on topic list items.	2024-09-20 16:48:24 +08:00
kangfenmao	1ec7df9a7e	feat: add new add topic button	2024-09-20 15:11:50 +08:00
kangfenmao	83925832be	fix: attachment open handler	2024-09-20 11:38:30 +08:00
kangfenmao	4dadf98909	fix: improved api call validation - Improved API call validation to account for additional usage properties.	2024-09-20 11:12:15 +08:00
kangfenmao	375c07e442	style: removed unnecessary import and optimized sidebar styling - Removed unnecessary import and optimized sidebar styling for improved performance.	2024-09-20 10:49:50 +08:00
kangfenmao	9374541993	chore(version): 0.7.4	2024-09-20 00:15:24 +08:00
kangfenmao	372224469d	feat: added minapp event handling and sidebar menu interactions #50 - Added functionality for handling MinApp window closure and provided a default close event handler. - Added event listeners to Sidebar menus to interact with MinApp.	2024-09-19 23:28:06 +08:00
kangfenmao	60e87e8a22	fix: Disable topic switching and movement during rendering. - Added functionality to disable topic switching and movement when rendering is in progress.	2024-09-19 23:01:21 +08:00
kangfenmao	353e497642	feat: Improved layout and added file content filtering. - Added a margin bottom to the Upload component in the MessageAttachments page for improved layout. - Added support for not displaying file contents for specific providers.	2024-09-19 22:58:12 +08:00
kangfenmao	0ee72a9ef8	chore(version): 0.7.3	2024-09-19 18:20:52 +08:00
kangfenmao	d9873b4261	fix: attachment select extension for windows	2024-09-19 17:40:45 +08:00
kangfenmao	934ab1a374	chore(version): 0.7.2	2024-09-19 16:56:58 +08:00
kangfenmao	33ac0937df	feat: Added translations, new column, and UI improvements. - Added translations for a new field. - Added new column for file count in the FilesPage view. - Improved handling of message tokens in the UI. - Added functionality to display message tokens for messages with specific roles. - Added window style selection and styling adjustments to the General Settings page. - Added support for vision models in OpenAIProvider.	2024-09-19 16:56:44 +08:00
kangfenmao	f1c8922752	fix: openai sdk request error	2024-09-19 15:21:24 +08:00
kangfenmao	03bdbdb412	fix: support \(...\) and \[...\] style math formula #78	2024-09-19 15:21:06 +08:00
kangfenmao	cf9d4c5370	feat: add click assistant switch to topics settings	2024-09-19 13:55:44 +08:00
kangfenmao	bfa6bfa196	feat: enhanced user experience with layout adjustments. - This commit addresses key feature enhancements and minor optimizations for improved user experience and functionality. - Adjusted margin top for upload container to a positive value. - Adjusted the max-height of the container to improve rendering on smaller screens.	2024-09-19 12:04:06 +08:00
kangfenmao	af8144d45e	feat: Improved file management and added new features. - Updated file manager to use FileManager class instead of File class. - Improved file management functionality with features for finding duplicate files, file uploading, and storage management. - Added styles to wrap and truncate text in a no-drag area. - Added explicit file extensions to imageExts constant. - Added the 'paste long text as file' input setting. - Added image file display and UI improvements for file names and overflow. - Improved file paste and long text handling functionality. - awaited onSendMessage function call and added message to chat completion. - Implemented new option to paste long text as file in the Settings page. - Updated content display logic to include file origin name along with the file content for text files. - Improved functionality for handling image and text file contents in the Gemini chat provider. - Updated file content formatting logic for text files with origin name and content prefix. - Added a new setting "pasteLongTextAsFile" and its corresponding action to the application settings.	2024-09-19 10:51:30 +08:00
kangfenmao	29605fbcdb	feat: copy and paste files or images	2024-09-18 21:18:42 +08:00
kangfenmao	6e7e5cb1f1	feat: add file attachment	2024-09-18 18:00:49 +08:00
kangfenmao	6f5dccd595	feat: estimate completion usage calculation added to chat. - Estimated usage calculation has been added to chat completion fetching to track message usage. - Added functionality to estimate completion usage tokens based on input and prompt data.	2024-09-17 14:56:10 +08:00
kangfenmao	0af35b9f10	feat: Added functionality to move topics between assistants. - Added functionality to move topics between assistants. - Updated i18n translations to improve user interface clarity and accessibility. - Improved code organization and functionality to support moving topics between assistants.	2024-09-17 14:37:42 +08:00
kangfenmao	8350ac037e	fix: dexie data upgrade	2024-09-16 18:04:46 +08:00
kangfenmao	74b80b474e	chore(version): 0.7.1	2024-09-16 16:56:38 +08:00
kangfenmao	be4bf5b510	fix: clear database and restore specific data from backup - Updated restore function now clears database and restores specific data from backup. - Removed unused imports and refactored logic for item transformation in the '24' migration step.	2024-09-16 16:44:41 +08:00
kangfenmao	fdb610736d	fix: backup and restore	2024-09-16 14:59:42 +08:00
kangfenmao	82e9baf211	fix: Improved user experience by adding timeout to text area resize. - Added timeout before resizing text area to improve user experience. - Removed import of the unused `useProviderByAssistant` hook.	2024-09-16 13:03:29 +08:00
kangfenmao	e34d4be6f2	feat: new message branch	2024-09-16 12:56:00 +08:00
kangfenmao	e7f7f8509e	feat: add copy button on message footer	2024-09-16 11:51:20 +08:00
kangfenmao	fa1f00f4f5	refactor: add topics and settings table dexie	2024-09-16 10:19:06 +08:00
kangfenmao	cee373bb6f	chore: Update package manager to yarn 4.5.0 and re-add notarize dependency. - Updated the package manager to yarn version 4.5.0. - Removed and re-added "electron/notarize" dependency with a specific patch version.	2024-09-15 14:20:58 +08:00
kangfenmao	01acdeb777	feat: added vite_main_bundle_id config and improved code cleanliness	2024-09-15 10:35:02 +08:00