Merge remote-tracking branch 'upstream/main'

2023-08-28 19:53:05 +08:00 · 2023-08-28 19:53:05 +08:00 · c5cc16ca09
parent 4db91346fd 1f94ae7888
commit c5cc16ca09
35 changed files with 1363 additions and 106 deletions
--- a/README_CN.md
+++ b/README_CN.md
@ -135,8 +135,8 @@ BASE_URL=https://chatgpt1.nextweb.fun/api/proxy
 docker pull yidadaa/chatgpt-next-web

 docker run -d -p 3000:3000 \
-   -e OPENAI_API_KEY="sk-xxxx" \
-   -e CODE="页面访问密码" \
+   -e OPENAI_API_KEY=sk-xxxx \
+   -e CODE=页面访问密码 \
   yidadaa/chatgpt-next-web
 ```

@ -144,10 +144,10 @@ docker run -d -p 3000:3000 \

 ```shell
 docker run -d -p 3000:3000 \
-   -e OPENAI_API_KEY="sk-xxxx" \
-   -e CODE="页面访问密码" \
+   -e OPENAI_API_KEY=sk-xxxx \
+   -e CODE=页面访问密码 \
   --net=host \
-   -e PROXY_URL="http://127.0.0.1:7890" \
+   -e PROXY_URL=http://127.0.0.1:7890 \
   yidadaa/chatgpt-next-web
 ```

--- a/README_ES.md
+++ b/README_ES.md
@ -0,0 +1,173 @@
+<div align="center">
+<img src="./docs/images/icon.svg" alt="预览"/>
+
+<h1 align="center">ChatGPT Next Web</h1>
+
+Implemente su aplicación web privada ChatGPT de forma gratuita con un solo clic.
+
+[Demo demo](https://chat-gpt-next-web.vercel.app/) / [Problemas de comentarios](https://github.com/Yidadaa/ChatGPT-Next-Web/issues) / [Únete a Discord](https://discord.gg/zrhvHCr79N) / [Grupo QQ](https://user-images.githubusercontent.com/16968934/228190818-7dd00845-e9b9-4363-97e5-44c507ac76da.jpeg) / [Desarrolladores de consejos](https://user-images.githubusercontent.com/16968934/227772541-5bcd52d8-61b7-488c-a203-0330d8006e2b.jpg) / [Donar](#捐赠-donate-usdt)
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FYidadaa%2FChatGPT-Next-Web&env=OPENAI_API_KEY&env=CODE&project-name=chatgpt-next-web&repository-name=ChatGPT-Next-Web)
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Yidadaa/ChatGPT-Next-Web)
+
+![主界面](./docs/images/cover.png)
+
+</div>
+
+## Comenzar
+
+1.  Prepara el tuyo [Clave API OpenAI](https://platform.openai.com/account/api-keys);
+2.  Haga clic en el botón de la derecha para iniciar la implementación:
+    [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FYidadaa%2FChatGPT-Next-Web&env=OPENAI_API_KEY&env=CODE&project-name=chatgpt-next-web&repository-name=ChatGPT-Next-Web), inicie sesión directamente con su cuenta de Github y recuerde completar la clave API y la suma en la página de variables de entorno[Contraseña de acceso a la página](#配置页面访问密码) CÓDIGO;
+3.  Una vez implementado, puede comenzar;
+4.  (Opcional)[Enlazar un nombre de dominio personalizado](https://vercel.com/docs/concepts/projects/domains/add-a-domain): El nombre de dominio DNS asignado por Vercel está contaminado en algunas regiones y puede conectarse directamente enlazando un nombre de dominio personalizado.
+
+## Manténgase actualizado
+
+Si sigue los pasos anteriores para implementar su proyecto con un solo clic, es posible que siempre diga "La actualización existe" porque Vercel creará un nuevo proyecto para usted de forma predeterminada en lugar de bifurcar el proyecto, lo que evitará que la actualización se detecte correctamente.
+Le recomendamos que siga estos pasos para volver a implementar:
+
+- Eliminar el repositorio original;
+- Utilice el botón de bifurcación en la esquina superior derecha de la página para bifurcar este proyecto;
+- En Vercel, vuelva a seleccionar e implementar,[Echa un vistazo al tutorial detallado](./docs/vercel-cn.md#如何新建项目)。
+
+### Activar actualizaciones automáticas
+
+> Si encuentra un error de ejecución de Upstream Sync, ¡Sync Fork manualmente una vez!
+
+Cuando bifurca el proyecto, debido a las limitaciones de Github, debe ir manualmente a la página Acciones de su proyecto bifurcado para habilitar Flujos de trabajo y habilitar Upstream Sync Action, después de habilitarlo, puede activar las actualizaciones automáticas cada hora:
+
+![自动更新](./docs/images/enable-actions.jpg)
+
+![启用自动更新](./docs/images/enable-actions-sync.jpg)
+
+### Actualizar el código manualmente
+
+Si desea que el manual se actualice inmediatamente, puede consultarlo [Documentación para Github](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork) Aprenda a sincronizar un proyecto bifurcado con código ascendente.
+
+Puede destacar / ver este proyecto o seguir al autor para recibir notificaciones de nuevas actualizaciones de funciones.
+
+## Configurar la contraseña de acceso a la página
+
+> Después de configurar la contraseña, el usuario debe completar manualmente el código de acceso en la página de configuración para chatear normalmente, de lo contrario, se solicitará el estado no autorizado a través de un mensaje.
+
+> **advertir**: Asegúrese de establecer el número de dígitos de la contraseña lo suficientemente largo, preferiblemente más de 7 dígitos, de lo contrario[Será volado](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/518)。
+
+Este proyecto proporciona control de permisos limitado, agregue el nombre al nombre en la página Variables de entorno del Panel de control del proyecto Vercel `CODE` Variables de entorno con valores para contraseñas personalizadas separadas por comas:
+
+    code1,code2,code3
+
+Después de agregar o modificar la variable de entorno, por favor**Redesplegar**proyecto para poner en vigor los cambios.
+
+## Variable de entorno
+
+> La mayoría de los elementos de configuración de este proyecto se establecen a través de variables de entorno, tutorial:[Cómo modificar las variables de entorno de Vercel](./docs/vercel-cn.md)。
+
+### `OPENAI_API_KEY` (Requerido)
+
+OpanAI key, la clave API que solicita en la página de su cuenta openai.
+
+### `CODE` (Opcional)
+
+Las contraseñas de acceso, opcionalmente, se pueden separar por comas.
+
+**advertir**: Si no completa este campo, cualquiera puede usar directamente su sitio web implementado, lo que puede hacer que su token se consuma rápidamente, se recomienda completar esta opción.
+
+### `BASE_URL` (Opcional)
+
+> Predeterminado: `https://api.openai.com`
+
+> Ejemplos: `http://your-openai-proxy.com`
+
+URL del proxy de interfaz OpenAI, complete esta opción si configuró manualmente el proxy de interfaz openAI.
+
+> Si encuentra problemas con el certificado SSL, establezca el `BASE_URL` El protocolo se establece en http.
+
+### `OPENAI_ORG_ID` (Opcional)
+
+Especifica el identificador de la organización en OpenAI.
+
+### `HIDE_USER_API_KEY` (Opcional)
+
+Si no desea que los usuarios rellenen la clave de API ellos mismos, establezca esta variable de entorno en 1.
+
+### `DISABLE_GPT4` (Opcional)
+
+Si no desea que los usuarios utilicen GPT-4, establezca esta variable de entorno en 1.
+
+### `HIDE_BALANCE_QUERY` (Opcional)
+
+Si no desea que los usuarios consulte el saldo, establezca esta variable de entorno en 1.
+
+## explotación
+
+> No se recomienda encarecidamente desarrollar o implementar localmente, debido a algunas razones técnicas, es difícil configurar el agente API de OpenAI localmente, a menos que pueda asegurarse de que puede conectarse directamente al servidor OpenAI.
+
+Haga clic en el botón de abajo para iniciar el desarrollo secundario:
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Yidadaa/ChatGPT-Next-Web)
+
+Antes de empezar a escribir código, debe crear uno nuevo en la raíz del proyecto `.env.local` archivo, lleno de variables de entorno:
+
+    OPENAI_API_KEY=<your api key here>
+
+### Desarrollo local
+
+1.  Instale nodejs 18 e hilo, pregunte a ChatGPT para obtener más detalles;
+2.  ejecutar `yarn install && yarn dev` Enlatar. ⚠️ Nota: Este comando es solo para desarrollo local, no para implementación.
+3.  Úselo si desea implementar localmente `yarn install && yarn start` comando, puede cooperar con pm2 a daemon para evitar ser asesinado, pregunte a ChatGPT para obtener más detalles.
+
+## desplegar
+
+### Implementación de contenedores (recomendado)
+
+> La versión de Docker debe ser 20 o posterior, de lo contrario se indicará que no se puede encontrar la imagen.
+
+> ⚠️ Nota: Las versiones de Docker están de 1 a 2 días por detrás de la última versión la mayor parte del tiempo, por lo que es normal que sigas diciendo "La actualización existe" después de la implementación.
+
+```shell
+docker pull yidadaa/chatgpt-next-web
+
+docker run -d -p 3000:3000 \
+   -e OPENAI_API_KEY=sk-xxxx \
+   -e CODE=your-password \
+   yidadaa/chatgpt-next-web
+```
+
+También puede especificar proxy:
+
+```shell
+docker run -d -p 3000:3000 \
+   -e OPENAI_API_KEY=sk-xxxx \
+   -e CODE=your-password \
+   --net=host \
+   -e PROXY_URL=http://127.0.0.1:7890 \
+   yidadaa/chatgpt-next-web
+```
+
+Si necesita especificar otras variables de entorno, agréguelas usted mismo en el comando anterior `-e 环境变量=环境变量值` para especificar.
+
+### Implementación local
+
+Ejecute el siguiente comando en la consola:
+
+```shell
+bash <(curl -s https://raw.githubusercontent.com/Yidadaa/ChatGPT-Next-Web/main/scripts/setup.sh)
+```
+
+⚠️ Nota: Si tiene problemas durante la instalación, utilice la implementación de Docker.
+
+## Reconocimiento
+
+### donante
+
+> Ver versión en inglés.
+
+### Colaboradores
+
+[Ver la lista de colaboradores del proyecto](https://github.com/Yidadaa/ChatGPT-Next-Web/graphs/contributors)
+
+## Licencia de código abierto
+
+[MIT](https://opensource.org/license/mit/)
--- a/README_JA.md
+++ b/README_JA.md
@ -196,8 +196,8 @@ yarn dev
 docker pull yidadaa/chatgpt-next-web

 docker run -d -p 3000:3000 \
-   -e OPENAI_API_KEY="sk-xxxx" \
-   -e CODE="your-password" \
+   -e OPENAI_API_KEY=sk-xxxx \
+   -e CODE=your-password \
   yidadaa/chatgpt-next-web
 ```

@ -205,9 +205,9 @@ docker run -d -p 3000:3000 \

 ```shell
 docker run -d -p 3000:3000 \
-   -e OPENAI_API_KEY="sk-xxxx" \
-   -e CODE="your-password" \
-   -e PROXY_URL="http://localhost:7890" \
+   -e OPENAI_API_KEY=sk-xxxx \
+   -e CODE=your-password \
+   -e PROXY_URL=http://localhost:7890 \
   yidadaa/chatgpt-next-web
 ```

--- a/README_KO.md
+++ b/README_KO.md
@ -0,0 +1,187 @@
+<div align="center">
+<img src="./docs/images/icon.svg" alt="프리뷰"/>
+
+<h1 align="center">ChatGPT Next Web</h1>
+
+개인 ChatGPT 웹 애플리케이션을 한 번의 클릭으로 무료로 배포하세요.
+
+[데모 Demo](https://chat-gpt-next-web.vercel.app/) / [피드백 Issues](https://github.com/Yidadaa/ChatGPT-Next-Web/issues) / [Discord 참여](https://discord.gg/zrhvHCr79N) / [QQ 그룹](https://user-images.githubusercontent.com/16968934/228190818-7dd00845-e9b9-4363-97e5-44c507ac76da.jpeg) / [개발자에게 기부](https://user-images.githubusercontent.com/16968934/227772541-5bcd52d8-61b7-488c-a203-0330d8006e2b.jpg) / [기부 Donate](#기부-donate-usdt)
+
+[![Vercel로 배포하기](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FYidadaa%2FChatGPT-Next-Web&env=OPENAI_API_KEY&env=CODE&project-name=chatgpt-next-web&repository-name=ChatGPT-Next-Web)
+
+[![Gitpod에서 열기](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Yidadaa/ChatGPT-Next-Web)
+
+![메인 화면](./docs/images/cover.png)
+
+</div>
+
+## 사용 시작
+
+1. [OpenAI API Key](https://platform.openai.com/account/api-keys)를 준비합니다.
+2. 오른쪽 버튼을 클릭하여 배포를 시작하십시오: 
+   [![Vercel로 배포하기](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FYidadaa%2FChatGPT-Next-Web&env=OPENAI_API_KEY&env=CODE&project-name=chatgpt-next-web&repository-name=ChatGPT-Next-Web). Github 계정으로 바로 로그인하십시오. API Key와 [페이지 접근 비밀번호](#페이지-접근-비밀번호-설정) CODE를 환경 변수 페이지에 입력하십시오.
+3. 배포가 완료되면 사용을 시작하십시오.
+4. (선택 사항) [사용자 정의 도메인 바인딩](https://vercel.com/docs/concepts/projects/domains/add-a-domain) : Vercel에서 할당한 도메인 DNS가 일부 지역에서 오염되어 있습니다. 사용자 정의 도메인을 바인딩하면 직접 연결할 수 있습니다.
+
+## 업데이트 유지
+
+위의 단계대로 프로젝트를 배포한 경우 "업데이트가 있습니다"라는 메시지가 항상 표시될 수 있습니다. 이는 Vercel이 기본적으로 새 프로젝트를 생성하고이 프로젝트를 포크하지 않기 때문입니다. 이 문제는 업데이트를 올바르게 감지할 수 없습니다.
+아래 단계를 따라 다시 배포하십시오:
+
+- 기존 저장소를 삭제합니다.
+- 페이지 오른쪽 상단의 포크 버튼을 사용하여 이 프로젝트를 포크합니다.
+- Vercel에서 다시 선택하여 배포하십시오. [자세한 튜토리얼 보기](./docs/vercel-cn.md#새-프로젝트-만드는-방법).
+
+### 자동 업데이트 활성화
+
+> Upstream Sync 오류가 발생한 경우 수동으로 Sync Fork를 한 번 실행하십시오!
+
+프로젝트를 포크한 후 GitHub의 제한으로 인해 포크한 프로젝트의 동작 페이지에서 워크플로우를 수동으로 활성화해야 합니다. Upstream Sync Action을 활성화하면 매시간마다 자동 업데이트가 활성화됩니다:
+
+![자동 업데이트](./docs/images/enable-actions.jpg)
+
+![자동 업데이트 활성화](./docs/images/enable-actions-sync.jpg)
+
+### 수동으로 코드 업데이트
+
+수동으로 즉시 업데이트하려면 [GitHub 문서](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork)에서 포크된 프로젝트를 어떻게 원본 코드와 동기화하는지 확인하십시오.
+
+이 프로젝트에 별표/감시를 부여하거나 작성자를 팔로우하여 새 기능 업데이트 알림을 받을 수 있습니다.
+
+## 페이지 접근 비밀번호 설정
+
+> 비밀번호가 설정된 후, 사용자는 설정 페이지에서 접근 코드를 수동으로 입력하여 정상적으로 채팅할 수 있습니다. 그렇지 않으면 메시지를 통해 권한이 없는 상태가 표시됩니다.
+
+> **경고** : 비밀번호의 길이를 충분히 길게 설정하십시오. 최소 7 자리 이상이 좋습니다. 그렇지 않으면 [해킹될 수 있습니다](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/518).
+
+이 프로젝트는 제한된 권한 제어 기능을 제공합니다. Vercel 프로젝트 컨트롤 패널의 환경 변수 페이지에서 `CODE`라는 환경 변수를 추가하십시오. 값은 쉼표로 구분된 사용자 정의 비밀번호로 설정됩니다. (아래 예시의 경우 `code1` `code2` `code3` 3개의 비밀번호가 생성됩니다.)
+
+```
+code1,code2,code3
+```
+
+이 환경 변수를 추가하거나 수정한 후에는 프로젝트를 다시 배포하여 변경 사항을 적용해야 합니다.
+
+## 환경 변수
+> 이 프로젝트에서 대부분의 설정 요소들은 환경 변수를 통해 설정됩니다. [Vercel 환경변수 수정 방법.](./docs/vercel-ko.md)。
+
+## OPENAI_API_KEY (필수 항목)
+
+OpenAI 키로, openai 계정 페이지에서 신청한 api key입니다.
+
+## CODE (선택 가능)
+
+접근 비밀번호로, 선택적입니다. 쉼표를 사용하여 여러 비밀번호를 구분할 수 있습니다.
+
+**경고** : 이 항목을 입력하지 않으면, 누구나 여러분이 배포한 웹사이트를 직접 사용할 수 있게 됩니다. 이로 인해 토큰이 빠르게 소진될 수 있으므로, 이 항목을 반드시 입력하는 것이 좋습니다.
+
+## BASE_URL (선택 가능)
+
+> 기본값: `https://api.openai.com`
+
+> 예시: `http://your-openai-proxy.com`
+
+OpenAI 인터페이스 프록시 URL입니다. 만약, 수동으로 openai 인터페이스 proxy를 설정했다면, 이 항목을 입력하셔야 합니다.
+
+**참고**: SSL 인증서 문제가 발생한 경우, BASE_URL의 프로토콜을 http로 설정하세요.
+
+## OPENAI_ORG_ID (선택 가능)
+
+OpenAI 내의 조직 ID를 지정합니다.
+
+## HIDE_USER_API_KEY (선택 가능)
+
+사용자가 API Key를 직접 입력하는 것을 원하지 않는 경우, 이 환경 변수를 1로 설정하세요.
+
+## DISABLE_GPT4 (선택 가능)
+
+사용자가 GPT-4를 사용하는 것을 원하지 않는 경우, 이 환경 변수를 1로 설정하세요.
+
+## HIDE_BALANCE_QUERY (선택 가능)
+
+사용자가 잔액을 조회하는 것을 원하지 않는 경우, 이 환경 변수를 1로 설정하세요.
+
+## 개발
+
+아래 버튼을 클릭하여 개발을 시작하세요:
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Yidadaa/ChatGPT-Next-Web)
+
+코드 작성을 전, 프로젝트 루트 디렉토리에 `.env.local` 파일을 새로 만들고 해당 파일에 환경 변수를 입력해야 합니다:
+
+```
+OPENAI_API_KEY=<여기에 여러분의 api 키를 입력하세요>
+
+#중국 사용자들은 이 프로젝트에 포함된 프록시를 사용하여 개발할 수 있습니다. 또는 다른 프록시 주소를 자유롭게 선택할 수 있습니다.
+BASE_URL=https://chatgpt1.nextweb.fun/api/proxy
+```
+
+
+### 로컬 환경에서의 개발
+
+1. nodejs 18과 yarn을 설치하세요. 자세한 사항은 ChatGPT에 문의하십시오.
+2. `yarn install && yarn dev` 명령을 실행하세요. ⚠️ 주의: 이 명령은 로컬 개발 전용입니다. 배포용으로 사용하지 마십시오!
+3. 로컬에서 배포하고 싶다면, `yarn install && yarn build && yarn start` 명령을 사용하세요. pm2와 함께 사용하여 프로세스를 보호하고, 강제 종료되지 않도록 할 수 있습니다. 자세한 내용은 ChatGPT에 문의하세요.
+
+## 배포
+
+### 컨테이너 배포 (추천)
+
+> Docker 버전은 20 이상이어야 합니다. 그렇지 않으면 이미지를 찾을 수 없다는 메시지가 표시됩니다.
+
+> ⚠️ 주의: docker 버전은 대부분의 경우 최신 버전보다 1~2일 뒤처집니다. 따라서 배포 후 "업데이트 가능" 알림이 지속적으로 나타날 수 있으며, 이는 정상적인 현상입니다.
+
+```shell
+docker pull yidadaa/chatgpt-next-web
+
+docker run -d -p 3000:3000 \
+   -e OPENAI_API_KEY=sk-xxxx \
+   -e CODE=페이지 접근 비밀번호 \
+   yidadaa/chatgpt-next-web
+```
+
+프록시를 지정하려면 다음을 사용하세요:
+
+```shell
+docker run -d -p 3000:3000 \
+   -e OPENAI_API_KEY=sk-xxxx \
+   -e CODE=페이지 접근 비밀번호 \
+   --net=host \
+   -e PROXY_URL=http://127.0.0.1:7890 \
+   yidadaa/chatgpt-next-web
+```
+
+로컬 프록시에 사용자 이름과 비밀번호가 필요한 경우, 아래와 같이 사용하세요:
+
+```shell
+-e PROXY_URL="http://127.0.0.1:7890 사용자이름 비밀번호"
+```
+
+다른 환경 변수를 지정해야 하는 경우, 위의 명령에 `-e 환경변수=환경변수값`을 추가하여 지정하세요.
+
+### 로컬 배포
+
+콘솔에서 아래의 명령을 실행하세요:
+
+```shell
+bash <(curl -s https://raw.githubusercontent.com/Yidadaa/ChatGPT-Next-Web/main/scripts/setup.sh)
+```
+
+⚠️ 주의: 설치 중 문제가 발생한 경우, docker로 배포하세요.
+
+## 감사의 말
+
+### 기부자
+
+> 영문 버전 참조.
+
+### 기여자
+
+[프로젝트 기여자 목록 보기](https://github.com/Yidadaa/ChatGPT-Next-Web/graphs/contributors)
+
+### 관련 프로젝트
+- [one-api](https://github.com/songquanpeng/one-api): 통합 대형 모델 할당 관리 플랫폼, 주요 대형 언어 모델 모두 지원
+
+## 오픈소스 라이센스
+
+[MIT](https://opensource.org/license/mit/)
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@ -964,7 +964,8 @@ function _Chat() {

    const isTouchTopEdge = e.scrollTop <= edgeThreshold;
    const isTouchBottomEdge = bottomHeight >= e.scrollHeight - edgeThreshold;
-    const isHitBottom = bottomHeight >= e.scrollHeight - 10;
+    const isHitBottom =
+      bottomHeight >= e.scrollHeight - (isMobileScreen ? 0 : 10);

    const prevPageMsgIndex = msgRenderIndex - CHAT_PAGE_SIZE;
    const nextPageMsgIndex = msgRenderIndex + CHAT_PAGE_SIZE;
--- a/app/components/exporter.tsx
+++ b/app/components/exporter.tsx
@ -383,7 +383,7 @@ export function PreviewActions(props: {
 function ExportAvatar(props: { avatar: string }) {
  if (props.avatar === DEFAULT_MASK_AVATAR) {
    return (
-      <NextImage
+      <img
        src={BotIcon.src}
        width={30}
        height={30}
@ -393,7 +393,7 @@ function ExportAvatar(props: { avatar: string }) {
    );
  }

-  return <Avatar avatar={props.avatar}></Avatar>;
+  return <Avatar avatar={props.avatar} />;
 }

 export function ImagePreviewer(props: {
@ -422,6 +422,7 @@ export function ImagePreviewer(props: {
          ])
          .then(() => {
            showToast(Locale.Copy.Success);
+            refreshPreview();
          });
      } catch (e) {
        console.error("[Copy Image] ", e);
@ -447,11 +448,19 @@ export function ImagePreviewer(props: {
          link.download = `${props.topic}.png`;
          link.href = blob;
          link.click();
+          refreshPreview();
        }
      })
      .catch((e) => console.log("[Export Image] ", e));
  };

+  const refreshPreview = () => {
+    const dom = previewRef.current;
+    if (dom) {
+      dom.innerHTML = dom.innerHTML; // Refresh the content of the preview by resetting its HTML for fix a bug glitching
+    }
+  };
+
  return (
    <div className={styles["image-previewer"]}>
      <PreviewActions
@ -565,21 +574,32 @@ export function MarkdownPreviewer(props: {
  );
 }

+// modified by BackTrackZ now it's looks better
+
 export function JsonPreviewer(props: {
  messages: ChatMessage[];
  topic: string;
 }) {
-  const msgs = props.messages.map((m) => ({
-    role: m.role,
-    content: m.content,
-  }));
-  const mdText = "\n" + JSON.stringify(msgs, null, 2) + "\n";
+  const msgs = {
+    messages: [
+      {
+        role: "system",
+        content: `${Locale.FineTuned.Sysmessage} ${props.topic}`,
+      },
+      ...props.messages.map((m) => ({
+        role: m.role,
+        content: m.content,
+      })),
+    ],
+  };
+  const mdText = "```json\n" + JSON.stringify(msgs, null, 2) + "\n```";
+  const minifiedJson = JSON.stringify(msgs);

  const copy = () => {
-    copyToClipboard(JSON.stringify(msgs, null, 2));
+    copyToClipboard(minifiedJson);
  };
  const download = () => {
-    downloadAs(JSON.stringify(msgs, null, 2), `${props.topic}.json`);
+    downloadAs(JSON.stringify(msgs), `${props.topic}.json`);
  };

  return (
@ -587,11 +607,11 @@ export function JsonPreviewer(props: {
      <PreviewActions
        copy={copy}
        download={download}
-        showCopy={true}
+        showCopy={false}
        messages={props.messages}
      />
-      <div className="markdown-body">
-        <pre className={styles["export-content"]}>{mdText}</pre>
+      <div className="markdown-body" onClick={copy}>
+        <Markdown content={mdText} />
      </div>
    </>
  );
--- a/app/components/sidebar.tsx
+++ b/app/components/sidebar.tsx
@ -174,7 +174,7 @@ export function SideBar(props: { className?: string }) {
            </Link>
          </div>
          <div className={styles["sidebar-action"]}>
-            <a href={REPO_URL} target="_blank">
+            <a href={REPO_URL} target="_blank" rel="noopener noreferrer">
              <IconButton icon={<GithubIcon />} shadow />
            </a>
          </div>
--- a/app/constant.ts
+++ b/app/constant.ts
@ -63,6 +63,8 @@ Knowledge cutoff: 2021-09
 Current model: {{model}}
 Current time: {{time}}`;

+export const SUMMARIZE_MODEL = "gpt-3.5-turbo";
+
 export const DEFAULT_MODELS = [
  {
    name: "gpt-4",
--- a/app/locales/ar.ts
+++ b/app/locales/ar.ts
@ -233,6 +233,9 @@ ${builtin} مدمجة، ${custom} تم تعريفها من قبل المستخد
  Plugin: {
    Name: "المكوّن الإضافي",
  },
+  FineTuned: {
+    Sysmessage: "أنت مساعد ي",
+  },
  Mask: {
    Name: "الأقنعة",
    Page: {
--- a/app/locales/bn.ts
+++ b/app/locales/bn.ts
@ -271,6 +271,9 @@ const bn: PartialLocaleType = {
  Plugin: {
    Name: "প্লাগইন",
  },
+  FineTuned: {
+    Sysmessage: "আপনি একটি সহকারী যা",
+  },
  Mask: {
    Name: "মাস্ক",
    Page: {
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@ -306,6 +306,9 @@ const cn = {
  Plugin: {
    Name: "插件",
  },
+  FineTuned: {
+    Sysmessage: "你是一个助手",
+  },
  Mask: {
    Name: "面具",
    Page: {
--- a/app/locales/cs.ts
+++ b/app/locales/cs.ts
@ -188,6 +188,9 @@ const cs: PartialLocaleType = {
  Plugin: {
    Name: "Plugin",
  },
+  FineTuned: {
+    Sysmessage: "Jste asistent, který",
+  },
  Mask: {
    Name: "Maska",
    Page: {
--- a/app/locales/de.ts
+++ b/app/locales/de.ts
@ -192,6 +192,9 @@ const de: PartialLocaleType = {
  Plugin: {
    Name: "Plugin",
  },
+  FineTuned: {
+    Sysmessage: "Du bist ein Assistent, der",
+  },
  Mask: {
    Name: "Mask",
    Page: {
--- a/app/locales/en.ts
+++ b/app/locales/en.ts
@ -311,6 +311,9 @@ const en: LocaleType = {
  Plugin: {
    Name: "Plugin",
  },
+  FineTuned: {
+    Sysmessage: "You are an assistant that",
+  },
  Mask: {
    Name: "Mask",
    Page: {
--- a/app/locales/es.ts
+++ b/app/locales/es.ts
@ -190,6 +190,9 @@ const es: PartialLocaleType = {
  Plugin: {
    Name: "Plugin",
  },
+  FineTuned: {
+    Sysmessage: "Eres un asistente que",
+  },
  Mask: {
    Name: "Mask",
    Page: {
--- a/app/locales/fr.ts
+++ b/app/locales/fr.ts
@ -244,6 +244,9 @@ const fr: PartialLocaleType = {
  Plugin: {
    Name: "Extension",
  },
+  FineTuned: {
+    Sysmessage: "Eres un asistente que",
+  },
  Mask: {
    Name: "Masque",
    Page: {
--- a/app/locales/id.ts
+++ b/app/locales/id.ts
@ -0,0 +1,356 @@
+import { SubmitKey } from "../store/config";
+import { PartialLocaleType } from "./index";
+
+const id: PartialLocaleType = {
+  WIP: "Coming Soon...",
+  Error: {
+    Unauthorized:
+      "Akses tidak diizinkan. Silakan [otorisasi](/#/auth) dengan memasukkan kode akses.",
+  },
+  Auth: {
+    Title: "Diperlukan Kode Akses",
+    Tips: "Masukkan kode akses di bawah",
+    Input: "Kode Akses",
+    Confirm: "Konfirmasi",
+    Later: "Nanti",
+  },
+  ChatItem: {
+    ChatItemCount: (count: number) => `${count} pesan`,
+  },
+  Chat: {
+    SubTitle: (count: number) => `${count} pesan`,
+    Actions: {
+      ChatList: "Buka Daftar Chat",
+      CompressedHistory: "Ekspor Riwayat Terkompresi",
+      Export: "Ekspor Semua Pesan sebagai Markdown",
+      Copy: "Salin",
+      Stop: "Berhenti",
+      Retry: "Coba Lagi",
+      Pin: "Pin",
+      PinToastContent: "2 pesan telah ditandai",
+      PinToastAction: "Lihat",
+      Delete: "Hapus",
+      Edit: "Edit",
+    },
+    Commands: {
+      new: "Mulai Chat Baru",
+      newm: "Mulai Chat Baru dengan Masks",
+      next: "Chat Selanjutnya",
+      prev: "Chat Sebelumnya",
+      clear: "Bersihkan Percakapan",
+      del: "Hapus Chat",
+    },
+    InputActions: {
+      Stop: "Berhenti",
+      ToBottom: "Ke Bagian Bawah",
+      Theme: {
+        auto: "Otomatis",
+        light: "Tema Terang",
+        dark: "Tema Gelap",
+      },
+      Prompt: "Prompts",
+      Masks: "Masks",
+      Clear: "Bersihkan Percakapan",
+      Settings: "Pengaturan",
+    },
+    Rename: "Ubah Nama Chat",
+    Typing: "Mengetik...",
+    Input: (submitKey: string) => {
+      var inputHints = `${submitKey} untuk mengirim`;
+      if (submitKey === String(SubmitKey.Enter)) {
+        inputHints += ", Shift + Enter untuk membalut";
+      }
+      return (
+        inputHints + ", / untuk mencari prompt, : untuk menggunakan perintah"
+      );
+    },
+    Send: "Kirim",
+    Config: {
+      Reset: "Reset ke Default",
+      SaveAs: "Simpan sebagai Masks",
+    },
+  },
+  Export: {
+    Title: "Ekspor Pesan",
+    Copy: "Salin Semua",
+    Download: "Unduh",
+    MessageFromYou: "Pesan dari Anda",
+    MessageFromChatGPT: "Pesan dari ChatGPT",
+    Share: "Bagikan ke ShareGPT",
+    Format: {
+      Title: "Format Ekspor",
+      SubTitle: "Markdown atau Gambar PNG",
+    },
+    IncludeContext: {
+      Title: "Sertakan Konteks",
+      SubTitle: "Apakah akan menyertakan masks",
+    },
+    Steps: {
+      Select: "Pilih",
+      Preview: "Pratinjau",
+    },
+  },
+  Select: {
+    Search: "Cari",
+    All: "Pilih Semua",
+    Latest: "Pilih Terbaru",
+    Clear: "Bersihkan",
+  },
+  Memory: {
+    Title: "Prompt Memori",
+    EmptyContent: "Belum ada yang tersedia.",
+    Send: "Kirim Memori",
+    Copy: "Salin Memori",
+    Reset: "Reset",
+    ResetConfirm:
+      "Jika Anda mereset, riwayat obrolan saat ini dan memori historis akan dihapus. Apakah Anda yakin ingin melakukan reset?",
+  },
+  Home: {
+    NewChat: "Obrolan Baru",
+    DeleteChat: "Anda yakin ingin menghapus percakapan yang dipilih?",
+    DeleteToast: "Percakapan telah dihapus",
+    Revert: "Kembali",
+  },
+  Settings: {
+    Title: "Pengaturan",
+    SubTitle: "Semua Pengaturan",
+    Danger: {
+      Reset: {
+        Title: "Setel Ulang Semua Pengaturan",
+        SubTitle: "Mengembalikan semua pengaturan ke nilai default",
+        Action: "Setel Ulang",
+        Confirm:
+          "Anda yakin ingin mengembalikan semua pengaturan ke nilai default?",
+      },
+      Clear: {
+        Title: "Hapus Semua Data",
+        SubTitle: "Menghapus semua pesan dan pengaturan",
+        Action: "Hapus",
+        Confirm: "Anda yakin ingin menghapus semua pesan dan pengaturan?",
+      },
+    },
+    Lang: {
+      Name: "Bahasa", // ATTENTION: if you wanna add a new translation, please do not translate this value, leave it as `Language`
+      All: "Semua Bahasa",
+    },
+    Avatar: "Avatar",
+    FontSize: {
+      Title: "Ukuran Font",
+      SubTitle: "Ubah ukuran font konten chat",
+    },
+    InjectSystemPrompts: {
+      Title: "Suntikkan Petunjuk Sistem",
+      SubTitle:
+        "Tambahkan petunjuk simulasi sistem ChatGPT di awal daftar pesan yang diminta dalam setiap permintaan",
+    },
+    InputTemplate: {
+      Title: "Template Input",
+      SubTitle: "Pesan baru akan diisi menggunakan template ini",
+    },
+
+    Update: {
+      Version: (x: string) => `Version: ${x}`,
+      IsLatest: "Versi terbaru",
+      CheckUpdate: "Periksa Pembaruan",
+      IsChecking: "Memeriksa pembaruan...",
+      FoundUpdate: (x: string) => `Versi terbaru ditemukan: ${x}`,
+      GoToUpdate: "Perbarui Sekarang",
+    },
+    AutoGenerateTitle: {
+      Title: "Hasilkan Judul Otomatis",
+      SubTitle: "Hasilkan judul yang sesuai berdasarkan konten percakapan",
+    },
+    SendKey: "Kirim",
+    Theme: "Tema",
+    TightBorder: "Batas Ketat",
+    SendPreviewBubble: {
+      Title: "Pratinjau Obrolan",
+      SubTitle: "Pratinjau Obrolan dengan markdown",
+    },
+    Mask: {
+      Splash: {
+        Title: "Layar Pembuka Masks",
+        SubTitle:
+          "Tampilkan layar pembuka masks sebelum memulai percakapan baru",
+      },
+      Builtin: {
+        Title: "Sembunyikan Masks Bawaan",
+        SubTitle: "Sembunyikan Masks bawaan dari daftar masks",
+      },
+    },
+    Prompt: {
+      Disable: {
+        Title: "Nonaktifkan Otomatisasi",
+        SubTitle: "Aktifkan/Matikan otomatisasi",
+      },
+      List: "Daftar Prompt",
+      ListCount: (builtin: number, custom: number) =>
+        `${builtin} bawaan, ${custom} penggunaan khusus`,
+      Edit: "Edit",
+      Modal: {
+        Title: "Daftar Prompt",
+        Add: "Tambahkan",
+        Search: "Cari Prompt",
+      },
+      EditModal: {
+        Title: "Edit Prompt",
+      },
+    },
+    HistoryCount: {
+      Title: "Jumlah Pesan Riwayat",
+      SubTitle: "Jumlah pesan yang akan dikirim setiap permintaan",
+    },
+    CompressThreshold: {
+      Title: "Batas Kompresi Riwayat",
+      SubTitle:
+        "Jika panjang pesan melebihi batas yang ditentukan, pesan tersebut akan dikompresi",
+    },
+    Token: {
+      Title: "Kunci API",
+      SubTitle: "Gunakan kunci Anda untuk melewati batas kode akses",
+      Placeholder: "Kunci API OpenAI",
+    },
+    Usage: {
+      Title: "Saldo Akun",
+      SubTitle(used: any, total: any) {
+        return `Digunakan bulan ini: ${used}, total langganan: ${total}`;
+      },
+      IsChecking: "Memeriksa...",
+      Check: "Periksa",
+      NoAccess: "Masukkan kunci API untuk memeriksa saldo",
+    },
+    AccessCode: {
+      Title: "Kode Akses",
+      SubTitle: "Kontrol akses diaktifkan",
+      Placeholder: "Diperlukan kode akses",
+    },
+    Endpoint: {
+      Title: "Endpoint",
+      SubTitle: "Harus dimulai dengan http(s):// untuk endpoint kustom",
+    },
+    Model: "Model",
+    Temperature: {
+      Title: "Suhu",
+      SubTitle: "Semakin tinggi nilainya, semakin acak keluarannya",
+    },
+    TopP: {
+      Title: "Top P",
+      SubTitle: "Tidak mengubah nilai dengan suhu",
+    },
+    MaxTokens: {
+      Title: "Token Maksimum",
+      SubTitle: "Panjang maksimum token input dan output",
+    },
+    PresencePenalty: {
+      Title: "Penalti Kehadiran",
+      SubTitle: "Semakin tinggi nilai, semakin mungkin topik baru muncul",
+    },
+    FrequencyPenalty: {
+      Title: "Penalti Frekuensi",
+      SubTitle:
+        "Semakin tinggi nilai, semakin rendah kemungkinan penggunaan ulang baris yang sama",
+    },
+  },
+  Store: {
+    DefaultTopic: "Percakapan Baru",
+    BotHello: "Halo! Bagaimana saya bisa membantu Anda hari ini?",
+    Error: "Terjadi kesalahan, silakan coba lagi nanti.",
+    Prompt: {
+      History: (content: string) =>
+        "Ini adalah ringkasan singkat dari riwayat percakapan: " + content,
+      Topic:
+        "Buat judul berisi empat hingga lima kata untuk percakapan kita yang tidak akan disertakan dalam ringkasan percakapan, seperti instruksi, format, kutipan, tanda baca awal, tanda kutip pendahuluan, atau karakter tambahan. Silakan coba dengan kutipan berakhir.",
+      Summarize:
+        "Buat ringkasan percakapan dalam 200 kata yang akan digunakan sebagai promp di masa depan.",
+    },
+  },
+  Copy: {
+    Success: "Berhasil disalin ke clipboard",
+    Failed: "Gagal menyalin, berikan izin untuk memberikan izin",
+  },
+  Context: {
+    Toast: (x: any) => `Dengan ${x} promp kontekstual`,
+    Edit: "Pengaturan Obrolan Saat Ini",
+    Add: "Tambahkan Promp",
+    Clear: "Bersihkan Konteks",
+    Revert: "Kembali ke Posisi Sebelumnya",
+  },
+  Plugin: {
+    Name: "Plugin",
+  },
+  FineTuned: {
+    Sysmessage: "Anda adalah asisten yang",
+  },
+  Mask: {
+    Name: "Masks",
+    Page: {
+      Title: "Template Promp",
+      SubTitle: (count: number) => `${count} template prompt`,
+      Search: "Cari template",
+      Create: "Buat",
+    },
+    Item: {
+      Info: (count: number) => `${count} prompt`,
+      Chat: "Obrolan",
+      View: "Lihat",
+      Edit: "Edit",
+      Delete: "Hapus",
+      DeleteConfirm: "Anda yakin ingin menghapus?",
+    },
+    EditModal: {
+      Title: (readonly: boolean) =>
+        `Edit Template Prompt ${readonly ? "(hanya baca)" : ""}`,
+      Download: "Unduh",
+      Clone: "Duplikat",
+    },
+    Config: {
+      Avatar: "Avatar Bot",
+      Name: "Nama Bot",
+      Sync: {
+        Title: "Gunakan Konfigurasi Global",
+        SubTitle: "Gunakan konfigurasi global dalam percakapan ini",
+        Confirm:
+          "Pastikan untuk mengganti konfigurasi kustom dengan konfigurasi global?",
+      },
+      HideContext: {
+        Title: "Sembunyikan Prompt Konteks",
+        SubTitle: "Tidak menampilkan prompt konteks dalam obrolan",
+      },
+      Share: {
+        Title: "Bagikan Masks Ini",
+        SubTitle: "Buat tautan untuk masks ini",
+        Action: "Salin Tautan",
+      },
+    },
+  },
+  NewChat: {
+    Return: "Kembali",
+    Skip: "Lewati",
+    Title: "Pilih Masks",
+    SubTitle: "Berkonversasilah dengan diri Anda di balik masks",
+    More: "Lebih Lanjut",
+    NotShow: "Jangan Tampilkan Sekarang",
+    ConfirmNoShow:
+      "Pastikan untuk menonaktifkannya? Anda dapat mengaktifkannya nanti melalui pengaturan.",
+  },
+
+  UI: {
+    Confirm: "Konfirmasi",
+    Cancel: "Batal",
+    Close: "Tutup",
+    Create: "Buat",
+    Edit: "Edit",
+  },
+  Exporter: {
+    Model: "Model",
+    Messages: "Pesan",
+    Topic: "Topik",
+    Time: "Waktu",
+  },
+  URLCommand: {
+    Code: "Kode akses terdeteksi dari url, konfirmasi untuk mendaftar ? ",
+    Settings: "Pengaturan terdeteksi dari url, konfirmasi untuk diterapkan ?",
+  },
+};
+
+export default id;
--- a/app/locales/index.ts
+++ b/app/locales/index.ts
@ -1,6 +1,7 @@
 import cn from "./cn";
 import en from "./en";
 import tw from "./tw";
+import id from "./id";
 import fr from "./fr";
 import es from "./es";
 import it from "./it";
@ -25,6 +26,7 @@ const ALL_LANGS = {
  tw,
  jp,
  ko,
+  id,
  fr,
  es,
  it,
@ -48,6 +50,7 @@ export const ALL_LANG_OPTIONS: Record<Lang, string> = {
  tw: "繁體中文",
  jp: "日本語",
  ko: "한국어",
+  id: "Indonesia",
  fr: "Français",
  es: "Español",
  it: "Italiano",
--- a/app/locales/it.ts
+++ b/app/locales/it.ts
@ -191,6 +191,9 @@ const it: PartialLocaleType = {
  Plugin: {
    Name: "Plugin",
  },
+  FineTuned: {
+    Sysmessage: "Sei un assistente che",
+  },
  Mask: {
    Name: "Mask",
    Page: {
--- a/app/locales/jp.ts
+++ b/app/locales/jp.ts
@ -204,6 +204,7 @@ const jp: PartialLocaleType = {
    Add: "追加",
  },
  Plugin: { Name: "プラグイン" },
+  FineTuned: { Sysmessage: "あなたはアシスタントです" },
  Mask: {
    Name: "キャラクタープリセット",
    Page: {
--- a/app/locales/ko.ts
+++ b/app/locales/ko.ts
@ -186,6 +186,9 @@ const ko: PartialLocaleType = {
  Plugin: {
    Name: "플러그인",
  },
+  FineTuned: {
+    Sysmessage: "당신은 어시스턴트입니다",
+  },
  Mask: {
    Name: "마스크",
    Page: {
--- a/app/locales/ru.ts
+++ b/app/locales/ru.ts
@ -191,6 +191,9 @@ const ru: PartialLocaleType = {
  Plugin: {
    Name: "Плагин",
  },
+  FineTuned: {
+    Sysmessage: "Вы - ассистент, который",
+  },
  Mask: {
    Name: "Маска",
    Page: {
--- a/app/locales/tr.ts
+++ b/app/locales/tr.ts
@ -191,6 +191,9 @@ const tr: PartialLocaleType = {
  Plugin: {
    Name: "Plugin",
  },
+  FineTuned: {
+    Sysmessage: "Sen bir asistansın",
+  },
  Mask: {
    Name: "Mask",
    Page: {
--- a/app/locales/tw.ts
+++ b/app/locales/tw.ts
@ -180,6 +180,7 @@ const tw: PartialLocaleType = {
    Add: "新增一條",
  },
  Plugin: { Name: "外掛" },
+  FineTuned: { Sysmessage: "你是一個助手" },
  Mask: {
    Name: "面具",
    Page: {
--- a/app/locales/vi.ts
+++ b/app/locales/vi.ts
@ -186,6 +186,9 @@ const vi: PartialLocaleType = {
  Plugin: {
    Name: "Plugin",
  },
+  FineTuned: {
+    Sysmessage: "Bạn là một trợ lý",
+  },
  Mask: {
    Name: "Mẫu",
    Page: {
--- a/app/store/chat.ts
+++ b/app/store/chat.ts
@ -11,6 +11,7 @@ import {
  DEFAULT_INPUT_TEMPLATE,
  DEFAULT_SYSTEM_TEMPLATE,
  StoreKey,
+  SUMMARIZE_MODEL,
 } from "../constant";
 import { api, RequestMessage } from "../client/api";
 import { ChatControllerPool } from "../client/controller";
@ -87,6 +88,11 @@ function createEmptySession(): ChatSession {
  };
 }

+function getSummarizeModel(currentModel: string) {
+  // if it is using gpt-* models, force to use 3.5 to summarize
+  return currentModel.startsWith("gpt") ? SUMMARIZE_MODEL : currentModel;
+}
+
 interface ChatStore {
  sessions: ChatSession[];
  currentSessionIndex: number;
@ -577,7 +583,7 @@ export const useChatStore = create<ChatStore>()(
          api.llm.chat({
            messages: topicMessages,
            config: {
-              model: "gpt-3.5-turbo",
+              model: getSummarizeModel(session.mask.modelConfig.model),
            },
            onFinish(message) {
              get().updateCurrentSession(
@ -631,7 +637,11 @@ export const useChatStore = create<ChatStore>()(
                date: "",
              }),
            ),
-            config: { ...modelConfig, stream: true, model: "gpt-3.5-turbo" },
+            config: {
+              ...modelConfig,
+              stream: true,
+              model: getSummarizeModel(session.mask.modelConfig.model),
+            },
            onUpdate(message) {
              session.memoryPrompt = message;
            },
--- a/app/utils/merge.ts
+++ b/app/utils/merge.ts
@ -1,6 +1,12 @@
 export function merge(target: any, source: any) {
  Object.keys(source).forEach(function (key) {
-    if (source[key] && typeof source[key] === "object") {
+    if (
+      (source.hasOwnProperty(key) && // Check if the property is not inherited
+        source[key] &&
+        typeof source[key] === "object") ||
+      key === "__proto__" ||
+      key === "constructor"
+    ) {
      merge((target[key] = target[key] || {}), source[key]);
      return;
    }
--- a/docs/cloudflare-pages-ko.md
+++ b/docs/cloudflare-pages-ko.md
@ -0,0 +1,39 @@
+## Cloudflare 페이지 배포 가이드
+
+## 새 프로젝트를 만드는 방법
+이 프로젝트를 Github에서 포크한 다음 dash.cloudflare.com에 로그인하고 페이지로 이동합니다.
+
+1. "프로젝트 만들기"를 클릭합니다.
+2. "Git에 연결"을 선택합니다.
+3. Cloudflare 페이지를 GitHub 계정과 연결합니다.
+4. 포크한 프로젝트를 선택합니다.
+5. "설정 시작"을 클릭합니다.
+6. "프로젝트 이름" 및 "프로덕션 브랜치"의 기본값을 사용하거나 필요에 따라 변경합니다.
+7. "빌드 설정"에서 "프레임워크 프리셋" 옵션을 선택하고 "Next.js"를 선택합니다.
+8. node:buffer 버그로 인해 지금은 기본 "빌드 명령어"를 사용하지 마세요. 다음 명령을 사용하세요:
+   ``
+   npx https://prerelease-registry.devprod.cloudflare.dev/next-on-pages/runs/4930842298/npm-package-next-on-pages-230 --experimental- minify
+   ```
+9. "빌드 출력 디렉토리"의 경우 기본값을 사용하고 수정하지 마십시오.
+10. "루트 디렉토리"는 수정하지 마십시오.
+11. "환경 변수"의 경우 ">"를 클릭한 다음 "변수 추가"를 클릭합니다. 다음에 따라 정보를 입력합니다:
+
+    - node_version=20.1`.
+    - next_telemetry_disable=1`.
+    - `OPENAI_API_KEY=자신의 API 키`
+    - ``yarn_version=1.22.19``
+    - ``php_version=7.4``.
+
+    실제 필요에 따라 다음 옵션을 선택적으로 입력합니다:
+
+    - `CODE= 선택적으로 액세스 비밀번호를 입력하며 쉼표를 사용하여 여러 비밀번호를 구분할 수 있습니다`.
+    - `OPENAI_ORG_ID= 선택 사항, OpenAI에서 조직 ID 지정`
+    - `HIDE_USER_API_KEY=1 선택 사항, 사용자가 API 키를 입력하지 못하도록 합니다.
+    - `DISABLE_GPT4=1 옵션, 사용자가 GPT-4를 사용하지 못하도록 설정` 12.
+    
+12. "저장 후 배포"를 클릭합니다.
+13. 호환성 플래그를 입력해야 하므로 "배포 취소"를 클릭합니다.
+14. "빌드 설정", "기능"으로 이동하여 "호환성 플래그"를 찾습니다.
+"프로덕션 호환성 플래그 구성" 및 "프리뷰 호환성 플래그 구성"에서 "nodejs_compat"를 입력합니다.
+16. "배포"로 이동하여 "배포 다시 시도"를 클릭합니다.
+17. 즐기세요!
--- a/docs/faq-ko.md
+++ b/docs/faq-ko.md
@ -0,0 +1,230 @@
+# 자주 묻는 질문
+
+## 어떻게 빠르게 도움을 받을 수 있나요?
+
+1. ChatGPT / Bing / Baidu / Google 등에 질문합니다.
+2. 인터넷 사용자에게 질문합니다. 문제의 배경 정보와 자세한 문제 설명을 제공하세요. 질 좋은 질문은 유용한 답변을 쉽게 받을 수 있습니다.
+
+# 배포 관련 질문
+
+각종 배포 방법에 대한 자세한 튜토리얼 참조: [링크](https://rptzik3toh.feishu.cn/docx/XtrdduHwXoSCGIxeFLlcEPsdn8b)
+
+## 왜 Docker 배포 버전이 계속 업데이트 알림을 주나요?
+
+Docker 버전은 사실상 안정된 버전과 같습니다. latest Docker는 항상 latest release version과 일치합니다. 현재 우리의 발행 빈도는 하루 또는 이틀에 한 번이므로 Docker 버전은 항상 최신 커밋보다 하루나 이틀 뒤처집니다. 이것은 예상된 것입니다.
+
+## Vercel에서 어떻게 배포하나요?
+
+1. Github 계정을 등록하고, 이 프로젝트를 포크합니다.
+2. Vercel을 등록합니다(휴대폰 인증 필요, 중국 번호 사용 가능), Github 계정을 연결합니다.
+3. Vercel에서 새 프로젝트를 생성하고, Github에서 포크한 프로젝트를 선택합니다. 환경 변수를 필요에 따라 입력한 후 배포를 시작합니다. 배포 후에는 VPN이 있는 환경에서 Vercel이 제공하는 도메인으로 프로젝트에 접근할 수 있습니다.
+4. 중국에서 방화벽 없이 접근하려면: 도메인 관리 사이트에서 도메인의 CNAME 레코드를 추가하고, cname.vercel-dns.com을 가리키게 합니다. 그런 다음 Vercel에서 도메인 접근을 설정합니다.
+
+## Vercel 환경 변수를 어떻게 수정하나요?
+
+- Vercel의 제어판 페이지로 이동합니다.
+- chatgpt next web 프로젝트를 선택합니다.
+- 페이지 상단의 Settings 옵션을 클릭합니다.
+- 사이드바의 Environment Variables 옵션을 찾습니다.
+- 해당 값을 수정합니다.
+
+## 환경 변수 CODE는 무엇이며, 반드시 설정해야 하나요?
+
+이것은 당신이 사용자 정의한 접근 비밀번호입니다. 다음 중 하나를 선택할 수 있습니다:
+
+1. 설정하지 않습니다. 해당 환경 변수를 삭제합니다. 주의: 이 경우 누구나 프로젝트에 접근할 수 있습니다.
+2. 프로젝트를 배포할 때 환경 변수 CODE를 설정합니다(여러 비밀번호는 쉼표로 구분). 접근 비밀번호를 설정하면 사용자는 설정 페이지에서 접근 비밀번호를 입력해야만 사용할 수 있습니다. [관련 설명 참조](https://github.com/Yidadaa/ChatGPT-Next-Web/blob/main/README_CN.md#%E9%85%8D%E7%BD%AE%E9%A1%B5%E9%9D%A2%E8%AE%BF%E9%97%AE%E5%AF%86%E7%A0%81)
+
+## 왜 내 배포 버전에 스트리밍 응답이 없나요?
+
+> 관련 토론: [#386](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/386)
+
+nginx 리버스 프록시를 사용하는 경우, 설정 파일에 다음 코드를 추가해야 합니다:
+
+```nginx
+# 캐시하지 않고, 스트리밍 출력 지원
+proxy_cache off;  # 캐시 비활성화
+proxy_buffering off;  # 프록시 버퍼링 비활성화
+chunked_transfer_encoding on;  # 청크 전송 인코딩 활성화
+tcp_nopush on;  # TCP NOPUSH 옵션 활성화, Nagle 알고리즘 금지
+tcp_nodelay on;  # TCP NODELAY 옵션 활성화, 지연 ACK 알고리즘 금지
+keepalive_timeout 300;  # keep-alive 타임아웃을 65초로 설정
+```
+
+netlify에서 배포하는 경우, 이 문제는 아직 해결되지 않았습니다. 기다려 주십시오.
+
+## 배포했지만 액세스할 수 없는 경우.
+
+다음의 사항들을 확인해보세요:
+
+- 서비스가 배포 중인가요?
+- 포트가 올바르게 매핑되었나요?
+- 방화벽에서 포트가 열렸나요?
+- 서버 경로가 유효한가요?
+- 도메인 이름이 올바른가요?
+
+## 프록시란 무엇이며 어떻게 사용하나요?
+
+중국 및 일부 국가에서는 OpenAI의 IP 제한으로 인해 OpenAI API에 직접 연결할 수 없으며 프록시를 거쳐야 합니다. 프록시 서버(정방향 프록시)를 사용하거나 OpenAI API에 대해 설정된 역방향 프록시를 사용할 수 있습니다.
+
+- 정방향 프록시 예: 사이언티픽 인터넷 래더. 도커 배포의 경우 환경 변수 HTTP_PROXY를 프록시 주소(예: 10.10.10.10:8002)로 설정합니다.
+- 역방향 프록시 예: 다른 사람이 구축한 프록시 주소를 사용하거나 Cloudflare를 통해 무료로 설정할 수 있습니다. 프로젝트 환경 변수 BASE_URL을 프록시 주소로 설정합니다.
+
+## 국내 서버를 배포할 수 있나요?
+
+예. 하지만 해결해야 할 문제가 있습니다:
+
+- github 및 openAI와 같은 사이트에 연결하려면 프록시가 필요합니다;
+- 도메인 이름 확인을 설정하려면 국내 서버를 신청해야 합니다;
+- 국내 정책에 따라 프록시가 엑스트라넷/ChatGPT 관련 애플리케이션에 액세스하지 못하도록 제한되어 차단될 수 있습니다.
+
+## 도커 배포 후 네트워크 오류가 발생하는 이유는 무엇인가요?
+
+https://github.com/Yidadaa/ChatGPT-Next-Web/issues/1569 에서 토론을 참조하세요.
+
+## 사용 관련 문제
+
+## "문제가 발생했습니다, 나중에 다시 시도하세요"라는 메시지가 계속 뜨는 이유는 무엇인가요?
+
+여러 가지 이유가 있을 수 있으니 순서대로 확인해 주세요:
+
+- 코드 버전이 최신 버전인지 확인하고, 최신 버전으로 업데이트한 후 다시 시도해 주세요;
+- API 키가 올바르게 설정되었는지 확인해주세요. 환경 변수 이름은 모두 대문자이며 밑줄이 있어야 합니다;
+- API 키가 사용 가능한지 확인해 주세요;
+- 위 단계를 수행한 후에도 문제를 확인할 수 없는 경우, 이슈 영역에 신규 이슈를 제출하고 버셀의 런타임 로그 또는 도커 런타임 로그를 첨부해 주시기 바랍니다.
+
+## ChatGPT 응답이 왜곡되는 이유는 무엇인가요?
+
+설정 - 모델 설정 섹션에 '온도'에 대한 값이 있는데, 이 값이 1보다 크면 응답이 왜곡될 수 있으니 1 이내로 다시 설정해 주세요.
+
+## "권한이 없는 상태입니다, 설정 페이지에서 액세스 비밀번호를 입력하세요"?
+
+프로젝트에서 환경 변수 CODE에 접근 비밀번호를 설정했습니다. 처음 사용할 때는 설정 페이지에서 액세스 코드를 입력해야 합니다.
+
+## 사용 시 "현재 할당량을 초과했습니다, ..."라는 메시지가 표시됩니다.
+
+API 키에 문제가 있습니다. 잔액이 부족합니다.
+
+## "오류: CSS 청크 xxx를 로드하지 못했습니다..."와 함께 사용.
+
+첫 번째 화이트 스크린 시간을 줄이기 위해 청크 컴파일이 기본적으로 활성화되어 있으며, 기술 원칙은 아래를 참조하세요:
+
+- https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading
+- https://stackoverflow.com/questions/55993890/how-can-i-disable-chunkcode-splitting-with-webpack4
+- https://github.com/vercel/next.js/issues/38507
+- https://stackoverflow.com/questions/55993890/how-can-i-disable-chunkcode-splitting-with-webpack4
+
+그러나 NextJS는 호환성이 좋지 않아 구형 브라우저에서 이 오류가 발생할 수 있으므로 컴파일 시 청크 컴파일을 비활성화할 수 있습니다.
+
+버셀 플랫폼의 경우 환경 변수에 `DISABLE_CHUNK=1`을 추가하고 다시 배포합니다;
+자체 컴파일 및 배포한 프로젝트의 경우, 빌드 시 `DISABLE_CHUNK=1 yarn build`를 사용하여 빌드합니다;
+Docker 사용자의 경우, Docker가 프로젝트를 패키징할 때 이미 빌드하기 때문에 이 기능을 해제하는 것은 지원되지 않습니다.
+
+이 기능을 끄면 사용자가 웹사이트를 처음 방문할 때 모든 리소스를 로드하므로 인터넷 연결 상태가 좋지 않은 경우 흰색 화면이 길게 표시되어 사용자 경험에 영향을 줄 수 있으므로 사용자가 직접 고려하시기 바랍니다.
+
+"## NotFoundError: '노드': 노드....에서 'removeChild'를 실행하지 못했습니다." 오류가 발생했습니다.
+브라우저의 자체 자동 번역 기능을 비활성화하고 모든 자동 번역 플러그인을 닫아주세요.
+
+## 웹 서비스 관련 문제
+
+## 클라우드플레어란 무엇인가요?
+
+Cloudflare(CF)는 CDN, 도메인 관리, 정적 페이지 호스팅, 엣지 컴퓨팅 기능 배포 등을 제공하는 웹 서비스 제공업체입니다. 일반적인 용도: 도메인 구매 및/또는 호스팅(리졸브, 동적 도메인 등), 서버에 CDN 설치(벽에서 IP를 숨기는 기능), 웹사이트 배포(CF 페이지). CF는 이러한 서비스 대부분을 무료로 제공합니다.
+
+## Vercel이란 무엇인가요?
+
+Vercel은 개발자가 최신 웹 애플리케이션을 더 빠르게 빌드하고 배포할 수 있도록 설계된 글로벌 클라우드 플랫폼입니다. 이 프로젝트와 많은 웹 애플리케이션을 클릭 한 번으로 Vercel에 무료로 배포할 수 있습니다. 코드, 리눅스, 서버, 수수료가 필요 없고 OpenAI API 프록시를 설정할 필요도 없습니다. 단점은 중국에서 장벽 없이 액세스하려면 도메인 이름을 바인딩해야 한다는 것입니다.
+
+## 도메인 네임은 어떻게 얻나요?
+
+1) 도메인 네임 공급업체로 이동하여 해외에서는 Namesilo(알리페이 지원), 클라우드플레어 등, 중국에서는 월드와이드웹과 같은 도메인 네임을 등록합니다. 2) 무료 도메인 네임 공급업체: 예: eBay;
+2. 무료 도메인 네임 제공업체: eu.org(두 번째 레벨 도메인 네임) 등..;
+3. 친구에게 무료 2단계 도메인 네임을 요청합니다.
+
+## 서버를 얻는 방법
+
+- 외국 서버 제공업체의 예: 아마존 클라우드, 구글 클라우드, 벌터, 밴드왜건, 호스트데어 등;
+  해외 서버 문제: 서버 라인은 해당 국가의 액세스 속도에 영향을 미치므로 CN2 GIA 및 CN2 라인 서버를 권장합니다. 국내 서버의 접속에 문제가 있는 경우(심각한 패킷 손실 등) CDN(Cloudflare 및 기타 제공 업체)을 설정해 볼 수 있습니다.
+- 국내 서버 제공업체: 알리윈, 텐센트 등;
+  국내 서버 문제: 도메인 이름 확인을 신청해야 하며, 국내 서버 대역폭이 더 비싸고, 해외 사이트(Github, openAI 등)에 액세스하려면 프록시가 필요합니다.
+
+## 서버는 언제 신청해야 하나요?
+
+중국 본토에서 운영되는 웹사이트는 규제 요건에 따라 신고해야 합니다. 실제로 서버가 중국에 있고 도메인 네임 레졸루션이 있는 경우 서버 제공업체가 규제 신고 요건을 시행하며, 그렇지 않으면 서비스가 종료됩니다. 일반적인 규칙은 다음과 같습니다:
+|서버 위치|도메인 네임 공급자|파일링 필요 여부|
+|---|---|---|
+|국내|국내|예
+|국내|외국|예
+|외국|외국인|아니요
+|외국|국내|일반적으로 아니요|
+
+서버 공급자를 전환한 후 파일링을 전환해야 합니다.
+
+## OpenAI 관련 질문
+
+## OpenAI 계정은 어떻게 가입하나요?
+
+chat.openai.com으로 이동하여 등록하세요. 다음이 필요합니다:
+
+- 유효한 래더(OpenAI는 지역별 기본 IP 주소를 지원합니다)
+- 지원되는 이메일 주소(예: Outlook이나 qq가 아닌 Gmail 또는 회사/학교 이메일)
+- SMS 인증을 받을 수 있는 방법(예: SMS 활성화 웹사이트)
+
+## OpenAI API는 어떻게 열 수 있나요? API 잔액은 어떻게 확인하나요?
+
+공식 웹사이트 주소(래더 필요): https://platform.openai.com/account/usage
+일부 사용자는 래더 없이 잔액 조회 에이전트를 구축한 경우가 있으니, 해당 사용자에게 요청해 주시기 바랍니다. API 키 유출을 방지하기 위해 신뢰할 수 있는 소스인지 확인하시기 바랍니다.
+
+## 새로 등록한 OpenAI 계정에 API 잔액이 없는 이유는 무엇인가요?
+
+(4월 6일 업데이트) 새로 등록된 계정은 일반적으로 24시간 후에 API 잔액이 표시됩니다. 현재 새로 등록된 계정에는 $5의 잔액이 표시됩니다.
+
+## OpenAI API를 충전하려면 어떻게 해야 하나요?
+
+OpenAI는 특정 지역의 신용카드만 사용할 수 있습니다(중국 신용카드는 사용할 수 없음). 충전 방법의 몇 가지 예는 다음과 같습니다:
+
+1. 가상 신용카드로 결제하기
+2. 해외 신용카드 신청
+3. 온라인에서 신용카드를 충전할 사람 찾기
+
+## GPT-4 API 액세스는 어떻게 사용하나요?
+
+- GPT-4 API 액세스는 별도의 신청이 필요합니다. 다음 주소로 이동하여 정보를 입력하여 신청 대기열 대기자 명단에 들어가세요(OpenAI 조직 ID를 준비하세요): https://openai.com/waitlist/gpt-4-api.
+  그런 다음 이메일 메시지를 기다립니다.
+- ChatGPT Plus를 사용하도록 설정했다고 해서 GPT-4 권한이 있는 것은 아니며, 서로 관련이 없습니다.
+
+## Azure OpenAI 인터페이스 사용 방법
+
+참조: [#371](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/371)
+
+## 내 토큰이 왜 이렇게 빨리 소모되나요?
+
+> 관련 토론: [#518](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/518)
+
+- GPT 4에 액세스 권한이 있고 매일 GPT 4 API를 사용하는 경우, GPT 4 가격이 GPT 3.5의 약 15배이기 때문에 청구 금액이 급격히 증가합니다;
+- GPT 3.5를 자주 사용하지 않는데도 요금이 급격하게 증가하는 경우 아래 단계를 따라 확인하시기 바랍니다:
+  - 오픈아이 공식 웹사이트로 이동하여 API 키 소비 기록을 확인하고, 매 시간마다 토큰이 소비되고 매번 수만 개의 토큰이 소비된다면 키가 유출된 것이므로 즉시 삭제하고 재생성하시기 바랍니다. 즉시 키를 삭제하고 다시 생성하시기 바랍니다. 지저분한 웹사이트에서 잔액을 확인하지 마세요. **
+  - 비밀번호 설정이 5자리 이내의 문자와 같이 매우 짧으면 블라스팅 비용이 매우 낮습니다. 도커의 로그 기록을 검색하여 누군가 많은 수의 비밀번호 조합을 시도했는지 확인하는 것이 좋습니다. 키워드: 액세스 코드를 얻었습니다.
+- 이 두 가지 방법을 사용하면 토큰이 소비되는 이유를 빠르게 찾을 수 있습니다:
+  - 오픈아이 소비 기록은 비정상적이지만 도커 로그는 정상이라면 API 키가 유출되고 있다는 뜻입니다;
+  - 도커 로그에서 액세스 코드 버스트 레코드가 많이 발견되면 비밀번호가 버스트된 것입니다.
+
+
+## API의 가격은 어떻게 청구되나요?
+
+OpenAI의 청구 지침은 https://openai.com/pricing#language-models 에서 확인할 수 있습니다.  
+OpenAI는 토큰 수에 따라 요금을 청구하며, 일반적으로 1000토큰은 영어 단어 750개 또는 중국어 문자 500개를 나타냅니다. 입력(프롬프트)과 출력(완료)은 별도로 청구됩니다.
+
+|모델|사용자 입력(프롬프트) 청구 |모델 출력(완료) 청구 |인터랙션당 최대 토큰 수 |
+|----|----|----|----|
+|GPT-3.5-TURBO|$0.0015 / 1천 토큰|$0.002 / 1천 토큰|4096|
+|GPT-3.5-TURBO-16K|$0.003 / 1천 토큰|$0.004 / 1천 토큰|16384| |GPT-4|$0.004 / 1천 토큰|16384
+|GPT-3.5-TURBO-16K|$0.003 / 1천 토큰|$0.004 / 1천 토큰|16384| |GPT-4|$0.03 / 1천 토큰|$0.06 / 1천 토큰|8192
+|GPT-4-32K|$0.06 / 1천 토큰|$0.12 / 1천 토큰|32768|
+
+## gpt-3.5-터보와 gpt3.5-터보-0301(또는 gpt3.5-터보-mmdd) 모델의 차이점은 무엇인가요?
+
+공식 문서 설명: https://platform.openai.com/docs/models/gpt-3-5
+
+- GPT-3.5-TURBO는 최신 모델이며 지속적으로 업데이트될 예정입니다.
+- gpt-3.5-turbo-0301은 3월 1일에 고정된 모델의 스냅샷으로, 변경되지 않으며 3개월 후에 새로운 스냅샷으로 대체될 예정입니다.
--- a/docs/user-manual-cn.md
+++ b/docs/user-manual-cn.md
@ -0,0 +1,101 @@
+# 用户手册 User Manual
+
+> No english version yet, please read this doc with ChatGPT or other translation tools.
+
+本文档用于解释 ChatGPT Next Web 的部分功能介绍和设计原则。
+
+## 面具 (Mask)
+
+### 什么是面具？它和提示词的区别是什么？
+
+面具 = 多个预设提示词 + 模型设置 + 对话设置。
+
+其中预设提示词（Contextual Prompts）一般用于 In-Context Learning，用于让 ChatGPT 生成更加符合要求的输出，也可以增加系统约束或者输入有限的额外知识。
+
+模型设置则顾名思义，使用此面具创建的对话都会默认使用对应的模型参数。
+
+对话设置是与对话体验相关的一系列设置，我们会在下方的章节中依次介绍。
+
+### 如何添加一个预设面具？
+
+目前仅能够通过编辑源代码的方式添加预设面具，请根据需要编辑 [mask](../app/masks/) 目录下对应语言的文件即可。
+
+编辑步骤如下：
+
+1. 在 ChatGPT Next Web 中配置好一个面具；
+2. 使用面具编辑页面的下载按钮，将面具保存为 JSON 格式；
+3. 让 ChatGPT 帮你将 json 文件格式化为对应的 ts 代码；
+4. 放入对应的 .ts 文件。
+
+后续会增加使用旁加载的方式加载面具。
+
+## 对话 (Chat)
+
+### 对话框上方的按钮的作用
+
+在默认状态下，将鼠标移动到按钮上，即可查看按钮的文字说明，我们依次介绍：
+
+- 对话设置：当前对话的设置，它与全局设置的关系，请查看下一小节的说明；
+- 颜色主题：点击即可在自动、暗黑、浅色之间轮换；
+- 快捷指令：项目内置的快捷填充预设提示词，也可以在对话框中输入 / 进行搜索；
+- 所有面具：进入面具页面；
+- 清除聊天：插入一个清除标记，标记上方的聊天将不会发给 GPT，效果相当于清除了当前对话，当然，你也可以再次点击该按钮，可取消清除；
+- 模型设置：更改当前对话的模型，注意，此按钮只会修改当前对话的模型，并不会修改全局默认模型。
+
+### 对话内设置与全局设置的关系
+
+目前有两处设置入口：
+
+1. 页面左下角的设置按钮，进入后是全局设置页；
+2. 对话框上方的设置按钮，进入后是对话设置页。
+
+在新建对话后，该对话的设置默认与全局设置保持同步，修改全局设置，则新建对话的对话内设置也会被同步修改。
+
+一旦用户手动更改过对话内设置，则对话内设置将与全局设置断开同步，此时更改全局设置，将不会对该对话生效。
+
+如果想恢复两者的同步关系，可以将“对话内设置 -> 使用全局设置”选项勾选。
+
+### 对话内设置项的含义
+
+点开对话框上方的按钮，进入对话内设置，内容从上到下依次为：
+
+- 预设提示词列表：可以增加、删除、排序预设提示词
+- 角色头像：顾名思义
+- 角色名称：顾名思义
+- 隐藏预设对话：隐藏后，预设提示词不会出现在聊天界面
+- 使用全局设置：用于表示当前对话是否使用全局对话设置
+- 模型设置选项：剩余的选项与全局设置选项含义一致，见下一小节
+
+### 全局设置项的含义
+
+- model / temperature / top_p / max_tokens / presence_penalty / frequency_penalty 均为 ChatGPT 的设置参数，详情请查阅 OpenAI 官方文档，再次不再赘述；
+- 注入系统级提示信息、用户输入预处理：详情请看 [https://github.com/Yidadaa/ChatGPT-Next-Web/issues/2144](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/2144)
+- 附带历史消息数：用户每次输入消息并发送时，所携带的最近 n 条消息数量；
+- 历史消息长度压缩阈值：当已经产生的聊天字数达到该数值以后，则自动触发历史摘要功能；
+- 历史摘要：是否启用历史摘要功能。
+
+### 什么是历史摘要？
+
+历史摘要功能，也是历史消息压缩功能，是保证长对话场景下保持历史记忆的关键，合理使用该功能可以在不丢失历史话题信息的情况下，节省所使用的 token。
+
+由于 ChatGPT API 的长度限制，我们以 3.5 模型为例，它只能接受小于 4096 tokens 的对话消息，一旦超出这个数值，就会报错。
+
+同时为了让 ChatGPT 理解我们对话的上下文，往往会携带多条历史消息来提供上下文信息，而当对话进行一段时间之后，很容易就会触发长度限制。
+
+为了解决此问题，我们增加了历史记录压缩功能，假设阈值为 1000 字符，那么每次用户产生的聊天记录超过 1000 字符时，都会将没有被总结过的消息，发送给 ChatGPT，让其产生一个 100 字所有的摘要。
+
+这样，历史信息就从 1000 字压缩到了 100 字，这是一种有损压缩，但已能满足大多数使用场景。
+
+### 什么时候应该关闭历史摘要？
+
+历史摘要可能会影响 ChatGPT 的对话质量，所以如果对话场景是翻译、信息提取等一次性对话场景，请直接关闭历史摘要功能，并将历史消息数设置为 0。
+
+### 当用户发送一条消息时，有哪些信息被发送出去了？
+
+当用户在对话框输入了一条消息后，发送给 ChatGPT 的消息，包含以下几个部分：
+
+1. 系统级提示词：用于尽可能贴近 ChatGPT 官方 WebUI 的使用体验，可在设置中关闭此信息；
+2. 历史摘要：作为长期记忆，提供长久但模糊的上下文信息；
+3. 预设提示词：当前对话内设置的预设提示词，用于 In-Context Learning 或者注入系统级限制；
+4. 最近 n 条对话记录：作为短期记忆，提供短暂但精确的上下文信息；
+5. 用户当前输入的消息。
--- a/docs/vercel-ko.md
+++ b/docs/vercel-ko.md
@ -0,0 +1,39 @@
+# Vercel 사용 방법
+
+## 새 프로젝트 생성 방법
+이 프로젝트를 Github에서 포크한 후, 다시 배포하려면 Vercel에서 새로운 Vercel 프로젝트를 생성해야 하며, 다음 단계를 따라야 합니다.
+
+![vercel-create-1](./images/vercel/vercel-create-1.jpg)
+1. Vercel 콘솔 홈 페이지로 이동합니다;
+2. 새로 추가를 클릭합니다;
+3. 프로젝트를 선택합니다.
+
+![vercel-create-2](./images/vercel/vercel-create-2.jpg)
+1. Git 리포지토리 가져오기에서 chatgpt-next-web을 검색합니다. 2. 새 포크를 선택합니다;
+2. 새로 포크된 프로젝트를 선택하고 가져오기를 클릭합니다.
+
+![vercel-create-3](./images/vercel/vercel-create-3.jpg)
+1. 프로젝트 구성 페이지에서 환경 변수 설정을 클릭하여 환경 변수 설정을 시작합니다;
+2. OPENAI_API_KEY, CODE ([Access Code](https://github.com/Yidadaa/ChatGPT-Next-Web/blob/357296986609c14de10bf210871d30e2f67a8784/docs/faq-cn.md#%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F-code-%E6%98%AF%E4%BB%80%E4%B9%88%E5%BF%85%E9%A1%BB%E8%AE%BE%E7%BD%AE%E5%90%97)). 환경 변수를 설정합니다;
+3. 환경 변수의 값을 입력합니다;
+4. 추가를 클릭하여 환경 변수 추가를 확인합니다;
+5. OPENAI_API_KEY를 추가해야 하며, 그렇지 않으면 작동하지 않습니다;
+6. 배포를 클릭하여 도메인 이름 생성을 완료하고 배포가 완료될 때까지 약 5분간 기다립니다.
+
+## 사용자 정의 도메인 네임 추가 방법
+[TODO]
+
+## 환경 변수 변경 방법
+![vercel-env-edit](./images/vercel/vercel-env-edit.jpg)
+1. 버셀 프로젝트의 내부 콘솔로 이동하여 상단의 설정 버튼을 클릭합니다;
+2. 왼쪽의 환경 변수를 클릭합니다;
+3. 기존 항목 오른쪽에 있는 버튼을 클릭합니다;
+4. 편집을 선택하여 수정하고 저장합니다.
+
+⚠️️ 참고: 환경 변수를 변경할 때마다 [프로젝트를 재배포](#如何重新部署)해야 변경 사항을 적용할 수 있습니다!
+
+## 재배포 방법
+![vercel-redeploy](./images/vercel/vercel-redeploy.jpg)
+1. 버셀 내부 프로젝트 콘솔로 이동하여 상단의 배포 버튼을 클릭합니다;
+2. 목록에서 맨 위 항목 오른쪽에 있는 버튼을 선택합니다;
+3. 재배포를 클릭하여 재배포합니다.
--- a/package.json
+++ b/package.json
@ -29,7 +29,7 @@
    "html-to-image": "^1.11.11",
    "html-to-text": "^9.0.5",
    "langchain": "^0.0.114",
-    "mermaid": "^10.2.3",
+    "mermaid": "^10.3.1",
    "nanoid": "^4.0.2",
    "next": "^13.4.9",
    "node-fetch": "^3.3.1",
@ -57,12 +57,12 @@
    "@types/spark-md5": "^3.0.2",
    "cross-env": "^7.0.3",
    "eslint": "^8.44.0",
-    "eslint-config-next": "13.2.3",
+    "eslint-config-next": "13.4.19",
    "eslint-config-prettier": "^8.8.0",
    "eslint-plugin-prettier": "^4.2.1",
    "husky": "^8.0.0",
    "lint-staged": "^13.2.2",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.2",
    "typescript": "4.9.5",
    "webpack": "^5.88.1"
  },
--- a/scripts/setup.sh
+++ b/scripts/setup.sh
@ -10,7 +10,7 @@ case "$(uname -s)" in
        exit 1
      fi
    else
-      if [[ ! "$(cat /etc/*-release | grep '^ID=')" =~ ^(ID=\"ubuntu\")|(ID=\"centos\")|(ID=\"arch\")$ ]]; then
+      if [[ !"$(cat /etc/*-release | grep '^ID=')" =~ ^(ID=\"ubuntu\")|(ID=\"centos\")|(ID=\"arch\")|(ID=\"debian\")$ ]]; then
        echo "Unsupported Linux distribution."
        exit 1
      fi
@ -32,6 +32,9 @@ if ! command -v node >/dev/null || ! command -v git >/dev/null || ! command -v y
      if [[ "$(cat /etc/*-release | grep '^ID=')" = "ID=ubuntu" ]]; then
        sudo apt-get update
        sudo apt-get -y install nodejs git yarn
+      elif [[ "$(cat /etc/*-release | grep '^ID=')" = "ID=debian" ]]; then
+        sudo apt-get update
+        sudo apt-get -y install nodejs git yarn
      elif [[ "$(cat /etc/*-release | grep '^ID=')" = "ID=centos" ]]; then
        sudo yum -y install epel-release
        sudo yum -y install nodejs git yarn
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@ -9,7 +9,7 @@
  },
  "package": {
    "productName": "ChatGPT Next Web",
-    "version": "2.9.4"
+    "version": "2.9.5"
  },
  "tauri": {
    "allowlist": {
--- a/yarn.lock
+++ b/yarn.lock
@ -1014,10 +1014,10 @@
    "@babel/helper-validator-identifier" "^7.19.1"
    to-fast-properties "^2.0.0"

-"@braintree/sanitize-url@^6.0.2":
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.2.tgz#6110f918d273fe2af8ea1c4398a88774bb9fc12f"
-  integrity sha512-Tbsj02wXCbqGmzdnXNk0SOF19ChhRU70BsroIi4Pm6Ehp56in6vch94mfbdQ17DozxkL3BAVjbZ4Qc1a0HFRAg==
+"@braintree/sanitize-url@^6.0.1":
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/@braintree/sanitize-url/-/sanitize-url-6.0.4.tgz#923ca57e173c6b232bbbb07347b1be982f03e783"
+  integrity sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==

 "@eslint-community/eslint-utils@^4.2.0":
  version "4.4.0"
@ -1150,10 +1150,10 @@
  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.4.9.tgz#b77759514dd56bfa9791770755a2482f4d6ca93e"
  integrity sha512-vuDRK05BOKfmoBYLNi2cujG2jrYbEod/ubSSyqgmEx9n/W3eZaJQdRNhTfumO+qmq/QTzLurW487n/PM/fHOkw==

-"@next/eslint-plugin-next@13.2.3":
-  version "13.2.3"
-  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-13.2.3.tgz#5af8ddeac6dbe028c812a0e59c41952c004d95d5"
-  integrity sha512-QmMPItnU7VeojI1KnuwL9SLFWEwmaNHNlnOGpoTwdLoSiP9sc8KYiAHWEc4/44L+cAdCxcZYvn7frcRNP5l84Q==
+"@next/eslint-plugin-next@13.4.19":
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-13.4.19.tgz#93d130c37b47fd120f6d111aee36a60611148df1"
+  integrity sha512-N/O+zGb6wZQdwu6atMZHbR7T9Np5SUFUjZqCbj0sXm+MwQO35M8TazVB4otm87GkXYs2l6OPwARd3/PUWhZBVQ==
  dependencies:
    glob "7.1.7"

@ -1437,6 +1437,23 @@
  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==

+"@types/d3-scale-chromatic@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz#103124777e8cdec85b20b51fd3397c682ee1e954"
+  integrity sha512-dsoJGEIShosKVRBZB0Vo3C8nqSDqVGujJU6tPznsBJxNJNwMF8utmS83nvCBKQYPpjCzaaHcrf66iTRpZosLPw==
+
+"@types/d3-scale@^4.0.3":
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/@types/d3-scale/-/d3-scale-4.0.3.tgz#7a5780e934e52b6f63ad9c24b105e33dd58102b5"
+  integrity sha512-PATBiMCpvHJSMtZAMEhc2WyL+hnzarKzI6wAHYjhsonjWJYGq5BXTzQjv4l8m2jO183/4wZ90rKvSeT7o72xNQ==
+  dependencies:
+    "@types/d3-time" "*"
+
+"@types/d3-time@*":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@types/d3-time/-/d3-time-3.0.0.tgz#e1ac0f3e9e195135361fa1a1d62f795d87e6e819"
+  integrity sha512-sZLCdHvBUcNby1cB6Fd3ZBrABbjz3v1Vm90nysCQ6Vt7vd6e/h9Lt7SiJUoEX0l4Dzc7P5llKyhqSi1ycSf1Hg==
+
 "@types/debug@^4.0.0":
  version "4.1.7"
  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.7.tgz#7cc0ea761509124709b8b2d1090d8f6c17aadb82"
@ -1603,49 +1620,50 @@
  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-9.0.2.tgz#ede1d1b1e451548d44919dc226253e32a6952c4b"
  integrity sha512-kNnC1GFBLuhImSnV7w4njQkUiJi0ZXUycu1rUaouPqiKlXkh77JKgdRnTAp1x5eBwcIwbtI+3otwzuIDEuDoxQ==

-"@typescript-eslint/parser@^5.42.0":
-  version "5.57.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.57.0.tgz#f675bf2cd1a838949fd0de5683834417b757e4fa"
-  integrity sha512-orrduvpWYkgLCyAdNtR1QIWovcNZlEm6yL8nwH/eTxWLd8gsP+25pdLHYzL2QdkqrieaDwLpytHqycncv0woUQ==
+"@typescript-eslint/parser@^5.4.2 || ^6.0.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.4.0.tgz#47e7c6e22ff1248e8675d95f488890484de67600"
+  integrity sha512-I1Ah1irl033uxjxO9Xql7+biL3YD7w9IU8zF+xlzD/YxY6a4b7DYA08PXUUCbm2sEljwJF6ERFy2kTGAGcNilg==
  dependencies:
-    "@typescript-eslint/scope-manager" "5.57.0"
-    "@typescript-eslint/types" "5.57.0"
-    "@typescript-eslint/typescript-estree" "5.57.0"
+    "@typescript-eslint/scope-manager" "6.4.0"
+    "@typescript-eslint/types" "6.4.0"
+    "@typescript-eslint/typescript-estree" "6.4.0"
+    "@typescript-eslint/visitor-keys" "6.4.0"
    debug "^4.3.4"

-"@typescript-eslint/scope-manager@5.57.0":
-  version "5.57.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.57.0.tgz#79ccd3fa7bde0758059172d44239e871e087ea36"
-  integrity sha512-NANBNOQvllPlizl9LatX8+MHi7bx7WGIWYjPHDmQe5Si/0YEYfxSljJpoTyTWFTgRy3X8gLYSE4xQ2U+aCozSw==
+"@typescript-eslint/scope-manager@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.4.0.tgz#3048e4262ba3eafa4e2e69b08912d9037ec646ae"
+  integrity sha512-TUS7vaKkPWDVvl7GDNHFQMsMruD+zhkd3SdVW0d7b+7Zo+bd/hXJQ8nsiUZMi1jloWo6c9qt3B7Sqo+flC1nig==
  dependencies:
-    "@typescript-eslint/types" "5.57.0"
-    "@typescript-eslint/visitor-keys" "5.57.0"
+    "@typescript-eslint/types" "6.4.0"
+    "@typescript-eslint/visitor-keys" "6.4.0"

-"@typescript-eslint/types@5.57.0":
-  version "5.57.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.57.0.tgz#727bfa2b64c73a4376264379cf1f447998eaa132"
-  integrity sha512-mxsod+aZRSyLT+jiqHw1KK6xrANm19/+VFALVFP5qa/aiJnlP38qpyaTd0fEKhWvQk6YeNZ5LGwI1pDpBRBhtQ==
+"@typescript-eslint/types@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.4.0.tgz#5b109a59a805f0d8d375895e42d9e5f0037f66ee"
+  integrity sha512-+FV9kVFrS7w78YtzkIsNSoYsnOtrYVnKWSTVXoL1761CsCRv5wpDOINgsXpxD67YCLZtVQekDDyaxfjVWUJmmg==

-"@typescript-eslint/typescript-estree@5.57.0":
-  version "5.57.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.57.0.tgz#ebcd0ee3e1d6230e888d88cddf654252d41e2e40"
-  integrity sha512-LTzQ23TV82KpO8HPnWuxM2V7ieXW8O142I7hQTxWIHDcCEIjtkat6H96PFkYBQqGFLW/G/eVVOB9Z8rcvdY/Vw==
+"@typescript-eslint/typescript-estree@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.4.0.tgz#3c58d20632db93fec3d6ab902acbedf593d37276"
+  integrity sha512-iDPJArf/K2sxvjOR6skeUCNgHR/tCQXBsa+ee1/clRKr3olZjZ/dSkXPZjG6YkPtnW6p5D1egeEPMCW6Gn4yLA==
  dependencies:
-    "@typescript-eslint/types" "5.57.0"
-    "@typescript-eslint/visitor-keys" "5.57.0"
+    "@typescript-eslint/types" "6.4.0"
+    "@typescript-eslint/visitor-keys" "6.4.0"
    debug "^4.3.4"
    globby "^11.1.0"
    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"

-"@typescript-eslint/visitor-keys@5.57.0":
-  version "5.57.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.57.0.tgz#e2b2f4174aff1d15eef887ce3d019ecc2d7a8ac1"
-  integrity sha512-ery2g3k0hv5BLiKpPuwYt9KBkAp2ugT6VvyShXdLOkax895EC55sP0Tx5L0fZaQueiK3fBLvHVvEl3jFS5ia+g==
+"@typescript-eslint/visitor-keys@6.4.0":
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.4.0.tgz#96a426cdb1add28274abd7a34aefe27f8b7d51ef"
+  integrity sha512-yJSfyT+uJm+JRDWYRYdCm2i+pmvXJSMtPR9Cq5/XQs4QIgNoLcoRtDdzsLbLsFM/c6um6ohQkg/MLxWvoIndJA==
  dependencies:
-    "@typescript-eslint/types" "5.57.0"
-    eslint-visitor-keys "^3.3.0"
+    "@typescript-eslint/types" "6.4.0"
+    eslint-visitor-keys "^3.4.1"

 "@vercel/analytics@^0.1.11":
  version "0.1.11"
@ -2458,6 +2476,13 @@ cytoscape@^3.23.0:
    heap "^0.2.6"
    lodash "^4.17.21"

+"d3-array@1 - 2":
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/d3-array/-/d3-array-2.12.1.tgz#e20b41aafcdffdf5d50928004ececf815a465e81"
+  integrity sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==
+  dependencies:
+    internmap "^1.0.0"
+
 "d3-array@2 - 3", "d3-array@2.10.0 - 3", "d3-array@2.5.0 - 3", d3-array@3, d3-array@^3.2.0:
  version "3.2.3"
  resolved "https://registry.npmmirror.com/d3-array/-/d3-array-3.2.3.tgz#39f1f4954e4a09ff69ac597c2d61906b04e84740"
@ -2574,6 +2599,11 @@ d3-hierarchy@3:
  dependencies:
    d3-color "1 - 3"

+d3-path@1:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/d3-path/-/d3-path-1.0.9.tgz#48c050bb1fe8c262493a8caf5524e3e9591701cf"
+  integrity sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==
+
 "d3-path@1 - 3", d3-path@3, d3-path@^3.1.0:
  version "3.1.0"
  resolved "https://registry.npmmirror.com/d3-path/-/d3-path-3.1.0.tgz#22df939032fb5a71ae8b1800d61ddb7851c42526"
@ -2594,6 +2624,14 @@ d3-random@3:
  resolved "https://registry.npmmirror.com/d3-random/-/d3-random-3.0.1.tgz#d4926378d333d9c0bfd1e6fa0194d30aebaa20f4"
  integrity sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==

+d3-sankey@^0.12.3:
+  version "0.12.3"
+  resolved "https://registry.yarnpkg.com/d3-sankey/-/d3-sankey-0.12.3.tgz#b3c268627bd72e5d80336e8de6acbfec9d15d01d"
+  integrity sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==
+  dependencies:
+    d3-array "1 - 2"
+    d3-shape "^1.2.0"
+
 d3-scale-chromatic@3:
  version "3.0.0"
  resolved "https://registry.npmmirror.com/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz#15b4ceb8ca2bb0dcb6d1a641ee03d59c3b62376a"
@ -2625,6 +2663,13 @@ d3-shape@3:
  dependencies:
    d3-path "^3.1.0"

+d3-shape@^1.2.0:
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-1.3.7.tgz#df63801be07bc986bc54f63789b4fe502992b5d7"
+  integrity sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==
+  dependencies:
+    d3-path "1"
+
 "d3-time-format@2 - 4", d3-time-format@4:
  version "4.1.0"
  resolved "https://registry.npmmirror.com/d3-time-format/-/d3-time-format-4.1.0.tgz#7ab5257a5041d11ecb4fe70a5c7d16a195bb408a"
@ -2885,10 +2930,10 @@ domhandler@^5.0.2, domhandler@^5.0.3:
  dependencies:
    domelementtype "^2.3.0"

-dompurify@3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.0.3.tgz#4b115d15a091ddc96f232bcef668550a2f6f1430"
-  integrity sha512-axQ9zieHLnAnHh0sfAamKYiqXMJAVwu+LM/alQ7WDagoWessyWvMSFyW65CqF3owufNu8HBcE4cM2Vflu7YWcQ==
+dompurify@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.0.5.tgz#eb3d9cfa10037b6e73f32c586682c4b2ab01fbed"
+  integrity sha512-F9e6wPGtY+8KNMRAVfxeCOHU0/NPWMSENNq4pQctuXRqqdEPW7q3CrLbR5Nse044WwacyjHGOMlvNsBe1y6z9A==

 domutils@^2.8.0:
  version "2.8.0"
@ -3096,20 +3141,20 @@ escape-string-regexp@^5.0.0:
  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8"
  integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==

-eslint-config-next@13.2.3:
-  version "13.2.3"
-  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-13.2.3.tgz#8a952bfd856f492684a30dd5fcdc8979c97c1cc2"
-  integrity sha512-kPulHiQEHGei9hIaaNGygHRc0UzlWM+3euOmYbxNkd2Nbhci5rrCDeMBMPSV8xgUssphDGmwDHWbk4VZz3rlZQ==
+eslint-config-next@13.4.19:
+  version "13.4.19"
+  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-13.4.19.tgz#f46be9d4bd9e52755f846338456132217081d7f8"
+  integrity sha512-WE8367sqMnjhWHvR5OivmfwENRQ1ixfNE9hZwQqNCsd+iM3KnuMc1V8Pt6ytgjxjf23D+xbesADv9x3xaKfT3g==
  dependencies:
-    "@next/eslint-plugin-next" "13.2.3"
+    "@next/eslint-plugin-next" "13.4.19"
    "@rushstack/eslint-patch" "^1.1.3"
-    "@typescript-eslint/parser" "^5.42.0"
+    "@typescript-eslint/parser" "^5.4.2 || ^6.0.0"
    eslint-import-resolver-node "^0.3.6"
    eslint-import-resolver-typescript "^3.5.2"
    eslint-plugin-import "^2.26.0"
    eslint-plugin-jsx-a11y "^6.5.1"
    eslint-plugin-react "^7.31.7"
-    eslint-plugin-react-hooks "^4.5.0"
+    eslint-plugin-react-hooks "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"

 eslint-config-prettier@^8.8.0:
  version "8.8.0"
@ -3195,7 +3240,7 @@ eslint-plugin-prettier@^4.2.1:
  dependencies:
    prettier-linter-helpers "^1.0.0"

-eslint-plugin-react-hooks@^4.5.0:
+"eslint-plugin-react-hooks@^4.5.0 || 5.0.0-canary-7118f5dd7-20230705":
  version "4.6.0"
  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
  integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
@ -3953,6 +3998,11 @@ internal-slot@^1.0.3, internal-slot@^1.0.4, internal-slot@^1.0.5:
  resolved "https://registry.npmmirror.com/internmap/-/internmap-2.0.3.tgz#6685f23755e43c524e251d29cbc97248e3061009"
  integrity sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==

+internmap@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/internmap/-/internmap-1.0.1.tgz#0017cc8a3b99605f0302f2b198d272e015e5df95"
+  integrity sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==
+
 is-any-array@^2.0.0:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/is-any-array/-/is-any-array-2.0.1.tgz#9233242a9c098220290aa2ec28f82ca7fa79899e"
@ -4653,19 +4703,22 @@ merge2@^1.3.0, merge2@^1.4.1:
  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==

-mermaid@^10.2.3:
-  version "10.2.3"
-  resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-10.2.3.tgz#789d3b582c5da8c69aa4a7c0e2b826562c8c8b12"
-  integrity sha512-cMVE5s9PlQvOwfORkyVpr5beMsLdInrycAosdr+tpZ0WFjG4RJ/bUHST7aTgHNJbujHkdBRAm+N50P3puQOfPw==
+mermaid@^10.3.1:
+  version "10.3.1"
+  resolved "https://registry.yarnpkg.com/mermaid/-/mermaid-10.3.1.tgz#2f3c7e9f6bd7a8da2bef71cce2a542c8eba2a62e"
+  integrity sha512-hkenh7WkuRWPcob3oJtrN3W+yzrrIYuWF1OIfk/d0xGE8UWlvDhfexaHmDwwe8DKQgqMLI8DWEPwGprxkumjuw==
  dependencies:
-    "@braintree/sanitize-url" "^6.0.2"
+    "@braintree/sanitize-url" "^6.0.1"
+    "@types/d3-scale" "^4.0.3"
+    "@types/d3-scale-chromatic" "^3.0.0"
    cytoscape "^3.23.0"
    cytoscape-cose-bilkent "^4.1.0"
    cytoscape-fcose "^2.1.0"
    d3 "^7.4.0"
+    d3-sankey "^0.12.3"
    dagre-d3-es "7.0.10"
    dayjs "^1.11.7"
-    dompurify "3.0.3"
+    dompurify "^3.0.5"
    elkjs "^0.8.2"
    khroma "^2.0.0"
    lodash-es "^4.17.21"
@ -5458,10 +5511,10 @@ prettier-linter-helpers@^1.0.0:
  dependencies:
    fast-diff "^1.1.2"

-prettier@^2.8.8:
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
+prettier@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.2.tgz#78fcecd6d870551aa5547437cdae39d4701dca5b"
+  integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==

 prop-types@^15.0.0, prop-types@^15.8.1:
  version "15.8.1"
@ -5859,7 +5912,7 @@ semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==

-semver@^7.3.7:
+semver@^7.5.4:
  version "7.5.4"
  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
@ -6220,6 +6273,11 @@ trough@^2.0.0:
  resolved "https://registry.yarnpkg.com/trough/-/trough-2.1.0.tgz#0f7b511a4fde65a46f18477ab38849b22c554876"
  integrity sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==

+ts-api-utils@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.0.2.tgz#7c094f753b6705ee4faee25c3c684ade52d66d99"
+  integrity sha512-Cbu4nIqnEdd+THNEsBdkolnOXhg0I8XteoHaEKgvsxpsbWda4IsUut2c187HxywQCvveojow0Dgw/amxtSKVkQ==
+
 ts-dedent@^2.2.0:
  version "2.2.0"
  resolved "https://registry.npmmirror.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
@ -6235,23 +6293,11 @@ tsconfig-paths@^3.14.1:
    minimist "^1.2.6"
    strip-bom "^3.0.0"

-tslib@^1.8.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
-  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
-
 tslib@^2.1.0, tslib@^2.4.0, tslib@^2.5.0:
  version "2.5.0"
  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
  integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==

-tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
-  dependencies:
-    tslib "^1.8.1"
-
 type-check@^0.4.0, type-check@~0.4.0:
  version "0.4.0"
  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"