CHANGELOG.md

@@ -2,6 +2,163 @@
 
 # Changelog
 
+## [Version 0.8.0](https://github.com/lobehub/lobe-vidol/compare/v0.7.0...v0.8.0)
+
+<sup>Released on **2024-05-24**</sup>
+
+#### ✨ Features
+
+- **misc**: 添加 Discord Icon, 添加灰阶设定，添加错误处理逻辑.
+
+#### 🐛 Bug Fixes
+
+- **misc**: Config data lost.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: 添加 Discord Icon ([ffdccc2](https://github.com/lobehub/lobe-vidol/commit/ffdccc2))
+- **misc**: 添加灰阶设定 ([b7dd792](https://github.com/lobehub/lobe-vidol/commit/b7dd792))
+- **misc**: 添加错误处理逻辑 ([23b2d5d](https://github.com/lobehub/lobe-vidol/commit/23b2d5d))
+
+#### What's fixed
+
+- **misc**: Config data lost ([7ccca77](https://github.com/lobehub/lobe-vidol/commit/7ccca77))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.7.0](https://github.com/lobehub/lobe-vidol/compare/v0.6.0...v0.7.0)
+
+<sup>Released on **2024-05-20**</sup>
+
+#### ✨ Features
+
+- **misc**: AgentViewer 抽象，优化模型上传提示，优化角色封面上传提示，优化语音设置样式，使用 localforage 上传本地模型文件，支持上传用户自定义头像，支持用户设置，添加 3D 模型 Tab, 添加头像上传与设置，添加自定义角色，角色设置同步.
+
+#### 🐛 Bug Fixes
+
+- **misc**: 修复 Chat 和 Role 角色预览错乱，修复官方助手聊天产生新的 session, 修复角色预览，修复角色预览加载，角色侧边栏可滚动.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: AgentViewer 抽象 ([8d4ceab](https://github.com/lobehub/lobe-vidol/commit/8d4ceab))
+- **misc**: 优化模型上传提示 ([75fba52](https://github.com/lobehub/lobe-vidol/commit/75fba52))
+- **misc**: 优化角色封面上传提示 ([c4be31f](https://github.com/lobehub/lobe-vidol/commit/c4be31f))
+- **misc**: 优化语音设置样式 ([000183c](https://github.com/lobehub/lobe-vidol/commit/000183c))
+- **misc**: 使用 localforage 上传本地模型文件 ([abc1fcf](https://github.com/lobehub/lobe-vidol/commit/abc1fcf))
+- **misc**: 支持上传用户自定义头像 ([ac50d24](https://github.com/lobehub/lobe-vidol/commit/ac50d24))
+- **misc**: 支持用户设置 ([da8b343](https://github.com/lobehub/lobe-vidol/commit/da8b343))
+- **misc**: 添加 3D 模型 Tab ([6ee5043](https://github.com/lobehub/lobe-vidol/commit/6ee5043))
+- **misc**: 添加头像上传与设置 ([472918f](https://github.com/lobehub/lobe-vidol/commit/472918f))
+- **misc**: 添加自定义角色 ([c0b225b](https://github.com/lobehub/lobe-vidol/commit/c0b225b))
+- **misc**: 角色设置同步 ([fadef78](https://github.com/lobehub/lobe-vidol/commit/fadef78))
+
+#### What's fixed
+
+- **misc**: 修复 Chat 和 Role 角色预览错乱 ([75311e2](https://github.com/lobehub/lobe-vidol/commit/75311e2))
+- **misc**: 修复官方助手聊天产生新的 session ([618dfbb](https://github.com/lobehub/lobe-vidol/commit/618dfbb))
+- **misc**: 修复角色预览 ([ca18074](https://github.com/lobehub/lobe-vidol/commit/ca18074))
+- **misc**: 修复角色预览加载 ([739931d](https://github.com/lobehub/lobe-vidol/commit/739931d))
+- **misc**: 角色侧边栏可滚动 ([94e30b1](https://github.com/lobehub/lobe-vidol/commit/94e30b1))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.6.0](https://github.com/lobehub/lobe-vidol/compare/v0.5.0...v0.6.0)
+
+<sup>Released on **2024-05-08**</sup>
+
+#### ✨ Features
+
+- **misc**: 使用 agent store 作为唯一 agent store, 使用最后一条消息作为会话列表的描述，添加角色 tab, 添加角色编辑页面.
+
+#### 🐛 Bug Fixes
+
+- **misc**: 调整角色列表样式和功能.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: 使用 agent store 作为唯一 agent store ([4480c24](https://github.com/lobehub/lobe-vidol/commit/4480c24))
+- **misc**: 使用最后一条消息作为会话列表的描述 ([c143621](https://github.com/lobehub/lobe-vidol/commit/c143621))
+- **misc**: 添加角色 tab ([f4a2a8c](https://github.com/lobehub/lobe-vidol/commit/f4a2a8c))
+- **misc**: 添加角色编辑页面 ([1fb5ac4](https://github.com/lobehub/lobe-vidol/commit/1fb5ac4))
+
+#### What's fixed
+
+- **misc**: 调整角色列表样式和功能 ([09a0871](https://github.com/lobehub/lobe-vidol/commit/09a0871))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.5.0](https://github.com/lobehub/lobe-vidol/compare/v0.4.0...v0.5.0)
+
+<sup>Released on **2024-05-05**</sup>
+
+#### ✨ Features
+
+- **misc**: 优化 chat 侧边栏展示，优化侧边 SessionList 样式，添加默认助手专属栏位，助手添加默认打招呼消息，发现页添加作者和日期时间，添加两遍侧栏快捷方式.
+
+#### 🐛 Bug Fixes
+
+- **misc**: 修复部分表述信息，修复默认 session 数据读取错误，默认没有设置 greeting 时的默认用法。.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: 优化 chat 侧边栏展示 ([77e5467](https://github.com/lobehub/lobe-vidol/commit/77e5467))
+- **misc**: 优化侧边 SessionList 样式，添加默认助手专属栏位 ([e6d3e31](https://github.com/lobehub/lobe-vidol/commit/e6d3e31))
+- **misc**: 助手添加默认打招呼消息 ([07eec41](https://github.com/lobehub/lobe-vidol/commit/07eec41))
+- **misc**: 发现页添加作者和日期时间 ([600cd70](https://github.com/lobehub/lobe-vidol/commit/600cd70))
+- **misc**: 添加两遍侧栏快捷方式 ([5f1b9db](https://github.com/lobehub/lobe-vidol/commit/5f1b9db))
+
+#### What's fixed
+
+- **misc**: 修复部分表述信息 ([0c95181](https://github.com/lobehub/lobe-vidol/commit/0c95181))
+- **misc**: 修复默认 session 数据读取错误 ([22deca3](https://github.com/lobehub/lobe-vidol/commit/22deca3))
+- **misc**: 默认没有设置 greeting 时的默认用法。 ([4d6f547](https://github.com/lobehub/lobe-vidol/commit/4d6f547))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.4.0](https://github.com/lobehub/lobe-vidol/compare/v0.3.2...v0.4.0)
 
 <sup>Released on **2024-05-03**</sup>

next.config.mjs

@@ -20,8 +20,7 @@ const nextConfig = {
   compress: isProd,
   pageExtensions: ['tsx', 'ts'],
   experimental: {
-    optimizePackageImports: ['@lobehub/ui', '@lobehub/icons', 'chroma-js', 'shiki'],
-    webVitalsAttribution: ['CLS', 'LCP'],
+    optimizePackageImports: ['@lobehub/ui', '@lobehub/icons', 'chroma-js', 'shiki', '@icons-pack/react-simple-icons','gpt-tokenizer'],
   },
   reactStrictMode: true,
   webpack(config) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/vidol",
-  "version": "0.4.0",
+  "version": "0.8.0",
   "private": true,
   "description": "Making Virtual Idols Accessible for EveryOne",
   "keywords": [
@@ -62,41 +62,42 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
-    "@ant-design/pro-card": "^2.6.0",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@gltf-transform/core": "^3.10.1",
+    "@icons-pack/react-simple-icons": "^9.5.0",
     "@lobehub/tts": "^1.24.1",
-    "@lobehub/ui": "^1.138.17",
-    "@pixiv/three-vrm": "^2.1.1",
-    "@pixiv/three-vrm-core": "^2.1.1",
+    "@lobehub/ui": "^1.141.3",
+    "@pixiv/three-vrm": "2.1.1",
+    "@pixiv/three-vrm-core": "2.1.1",
     "@react-spring/web": "^9.7.3",
     "@types/react-speech-recognition": "^3.9.5",
-    "@vercel/analytics": "^1.2.2",
-    "ahooks": "^3.7.11",
+    "@vercel/analytics": "^1.3.1",
+    "ahooks": "^3.8.0",
     "ai": "^2.2.37",
     "antd": "~5.16.5",
     "antd-style": "^3.6.2",
-    "axios": "^1.6.8",
+    "axios": "^1.7.2",
     "buffer": "^6.0.3",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.11",
     "fast-deep-equal": "^3.1.3",
     "immer": "^10.1.1",
-    "js-tiktoken": "^1.0.11",
+    "js-tiktoken": "^1.0.12",
+    "localforage": "^1.10.0",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.309.0",
     "mmd-parser": "^1.0.4",
     "next": "^14.2.3",
     "next-pwa": "^5.6.0",
-    "openai": "^4.40.2",
+    "openai": "^4.47.1",
     "polished": "^4.3.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-intersection-observer": "^9.10.2",
     "react-layout-kit": "^1.9.0",
     "react-lazy-load": "^4.0.1",
-    "react-virtuoso": "^4.7.10",
+    "react-virtuoso": "^4.7.11",
     "swr": "^2.2.5",
     "three": "^0.162.0",
     "ua-parser-js": "^1.0.37",
@@ -107,15 +108,15 @@
   },
   "devDependencies": {
     "@commitlint/cli": "^19.3.0",
-    "@ducanh2912/next-pwa": "^10.2.6",
+    "@ducanh2912/next-pwa": "^10.2.7",
     "@lobehub/lint": "^1.23.4",
     "@next/bundle-analyzer": "^14.2.3",
     "@peculiar/webcrypto": "^1.4.6",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^14.3.1",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "20.3.1",
-    "@types/react": "^18.3.1",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/three": "^0.162.0",
     "@types/ua-parser-js": "^0.7.39",
@@ -124,16 +125,16 @@
     "dpdm": "^3.14.0",
     "eslint": "^8.57.0",
     "eslint-config-next": "13.4.7",
-    "glob": "^10.3.12",
+    "glob": "^10.4.1",
     "husky": "^9.0.11",
-    "jsdom": "^24.0.0",
-    "lint-staged": "^15.2.2",
+    "jsdom": "^24.1.0",
+    "lint-staged": "^15.2.5",
     "prettier": "^3.2.5",
     "remark": "^14.0.3",
     "remark-cli": "^11.0.0",
     "semantic-release": "^21.1.2",
     "stylelint": "^16.0.0",
-    "tsx": "^4.9.0",
+    "tsx": "^4.11.0",
     "typescript": "^5.4.5",
     "vite": "^5.2.11",
     "vitest": "~1.2.2",

src/app/api/voice/microsoft/voices/route.ts

@@ -16849,9 +16849,9 @@ const cachedVoiceList: Voice[] = [
       DisplayName: 'Aria',
       DisplayVoiceName: 'AriaNeural',
       ExpressAsRoleValues:
-        'Default,Chat,Cheerful,CustomerService,Empathy,Newscast-Formal,Newscast-Casual',
+        'Default,Role,Cheerful,CustomerService,Empathy,Newscast-Formal,Newscast-Casual',
       ExpressAsStyleValues:
-        'Default,Chat,Cheerful,CustomerService,Empathy,Newscast-Formal,Newscast-Casual',
+        'Default,Role,Cheerful,CustomerService,Empathy,Newscast-Formal,Newscast-Casual',
       FrontendVoiceType: 'Neural',
       Gender: 'Female',
       LocalName: 'Aria',

src/app/chat/Apps.tsx

@@ -1,34 +1,22 @@
-import { AgentPanel, DancePanel, RolePanel } from '@/panels';
-import { useConfigStore } from '@/store/config';
+import { DancePanel, MarketPanel } from '@/panels';
+import { useGlobalStore } from '@/store/global';
 import { PanelKey } from '@/types/config';
 
 export const apps = [
   {
-    avatar:
-      'https://registry.npmmirror.com/@lobehub/assets-emoji/latest/files/assets/card-index.webp',
-    component: <AgentPanel />,
-    key: 'agent',
-    label: '角色',
-  },
-  {
-    avatar:
-      'https://registry.npmmirror.com/@lobehub/assets-emoji/latest/files/assets/folding-hand-fan.webp',
     component: <DancePanel />,
     key: 'dance',
     label: '跳舞',
   },
-
   {
-    avatar:
-      'https://registry.npmmirror.com/@lobehub/assets-emoji/latest/files/assets/black-nib.webp',
-    component: <RolePanel />,
-    key: 'role',
-    label: '编辑',
+    component: <MarketPanel />,
+    key: 'market',
+    label: '发现',
   },
 ];
 
 export default () => {
-  const [panel] = useConfigStore((s) => [s.panel]);
+  const [panel] = useGlobalStore((s) => [s.panel]);
 
   return (
     <>

src/app/chat/ChatMode/index.tsx

@@ -0,0 +1,35 @@
+'use client';
+
+import classNames from 'classnames';
+import React, { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import Alert from '@/features/Alert';
+import MessageInput from '@/features/ChatInput/MessageInput';
+import ChatList from '@/features/ChatList';
+
+import { useStyles } from './style';
+
+const Chat = () => {
+  const { styles } = useStyles();
+  const ref = React.useRef<HTMLDivElement>(null);
+  // const background = useSessionStore((s) => sessionSelectors.currentAgent(s)?.meta?.cover);
+
+  return (
+    <Flexbox
+      flex={1}
+      className={styles.chat}
+      // style={{ backgroundImage: `url(${background})` }}
+    >
+      <ChatList className={styles.list} />
+      <Flexbox align={'center'} className={styles.docker} ref={ref}>
+        <div className={classNames(styles.input)}>
+          <MessageInput />
+          <Alert style={{ marginTop: 8 }} />
+        </div>
+      </Flexbox>
+    </Flexbox>
+  );
+};
+
+export default memo(Chat);

src/app/chat/ChatMode/style.ts

@@ -0,0 +1,24 @@
+import { createStyles } from 'antd-style';
+
+import { CHAT_HEADER_HEIGHT, CHAT_INPUT_WIDTH } from '@/constants/token';
+
+export const useStyles = createStyles(({ css, token }) => ({
+  chat: css``,
+  list: css`
+    margin-top: ${CHAT_HEADER_HEIGHT}px;
+  `,
+  input: css`
+    width: ${CHAT_INPUT_WIDTH};
+    min-width: 480px;
+    max-width: 100vw;
+
+    @media (max-width: 1024px) {
+      width: 100%;
+    }
+  `,
+
+  docker: css`
+    width: 100%;
+    padding: ${token.paddingSM}px;
+  `,
+}));