Merge pull request #812 from Yidadaa/bugfix-0415

refactor: remove protocol env vars
fixup
2025-09-03 13:56:55 +08:00 · 2023-04-15 02:52:53 +08:00 · 2023-04-15 02:51:15 +08:00 · 2023-04-15 02:50:04 +08:00 · 2023-04-15 02:38:30 +08:00 · 2023-04-15 02:37:24 +08:00
63 changed files with 1381 additions and 339 deletions
--- a/.github/ISSUE_TEMPLATE/反馈问题.md
+++ b/.github/ISSUE_TEMPLATE/反馈问题.md
@@ -7,6 +7,11 @@ assignees: ''

 ---

+**反馈须知**
+> 请在下方中括号内输入 x 来表示你已经知晓相关内容。
+- [ ] 我确认已经在 [常见问题](https://github.com/Yidadaa/ChatGPT-Next-Web/blob/main/docs/faq-cn.md) 中搜索了此次反馈的问题，没有找到解答；
+- [ ] 我确认已经在 [Issues](https://github.com/Yidadaa/ChatGPT-Next-Web/issues) 列表（包括已经 Close 的）中搜索了此次反馈的问题，没有找到解答。
+
 **描述问题**
 请在此描述你遇到了什么问题。

--- a/.github/workflows/docker.yml
+++ b/.github/workflows/docker.yml
@@ -43,7 +43,7 @@ jobs:
        uses: docker/build-push-action@v4
        with:
          context: .
-          platforms: linux/amd64
+          platforms: linux/amd64,linux/arm64
          push: true
          tags: ${{ steps.meta.outputs.tags }}
          labels: ${{ steps.meta.outputs.labels }}
--- a/.github/workflows/sync.yml
+++ b/.github/workflows/sync.yml
@@ -5,7 +5,7 @@ permissions:

 on:
  schedule:
-    - cron: "0 */6 * * *" # every 6 hours
+    - cron: "0 * * * *" # every hour
  workflow_dispatch:

 jobs:
@@ -31,3 +31,10 @@ jobs:

          # Set test_mode true to run tests instead of the true action!!
          test_mode: false
+
+      - name: Sync check
+        if: failure()
+        run: |
+          echo "::error::由于权限不足，导致同步失败（这是预期的行为），请前往仓库首页手动执行[Sync fork]。"
+          echo "::error::Due to insufficient permissions, synchronization failed (as expected). Please go to the repository homepage and manually perform [Sync fork]."
+          exit 1
--- a/23
+++ b/23
@@ -8,6 +8,7 @@ WORKDIR /app

 COPY package.json yarn.lock ./

+RUN yarn config set registry 'https://registry.npm.taobao.org'
 RUN yarn install

 FROM base AS builder
@@ -16,7 +17,6 @@ RUN apk update && apk add --no-cache git

 ENV OPENAI_API_KEY=""
 ENV CODE=""
-ARG DOCKER=true

 WORKDIR /app
 COPY --from=deps /app/node_modules ./node_modules
@@ -27,6 +27,9 @@ RUN yarn build
 FROM base AS runner
 WORKDIR /app

+RUN apk add proxychains-ng
+
+ENV PROXY_URL=""
 ENV OPENAI_API_KEY=""
 ENV CODE=""

@@ -37,4 +40,20 @@ COPY --from=builder /app/.next/server ./.next/server

 EXPOSE 3000

-CMD ["node","server.js"]
+CMD if [ -n "$PROXY_URL" ]; then \
+        protocol=$(echo $PROXY_URL | cut -d: -f1); \
+        host=$(echo $PROXY_URL | cut -d/ -f3 | cut -d: -f1); \
+        port=$(echo $PROXY_URL | cut -d: -f3); \
+        conf=/etc/proxychains.conf; \
+        echo "strict_chain" > $conf; \
+        echo "proxy_dns" >> $conf; \
+        echo "remote_dns_subnet 224" >> $conf; \
+        echo "tcp_read_time_out 15000" >> $conf; \
+        echo "tcp_connect_time_out 8000" >> $conf; \
+        echo "[ProxyList]" >> $conf; \
+        echo "$protocol $host $port" >> $conf; \
+        cat /etc/proxychains.conf; \
+        proxychains -f $conf node server.js; \
+    else \
+        node server.js; \
+    fi
--- a/README.md
+++ b/README.md
@@ -3,11 +3,15 @@

 <h1 align="center">ChatGPT Next Web</h1>

+English / [简体中文](./README_CN.md)
+
 One-Click to deploy well-designed ChatGPT web UI on Vercel.

 一键免费部署你的私人 ChatGPT 网页应用。

-[演示 Demo](https://chat-gpt-next-web.vercel.app/) / [反馈 Issues](https://github.com/Yidadaa/ChatGPT-Next-Web/issues) / [Join 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) / [Buy Me a Coffee](https://www.buymeacoffee.com/yidadaa)
+[Demo](https://chat-gpt-next-web.vercel.app/) / [Issues](https://github.com/Yidadaa/ChatGPT-Next-Web/issues) / [Join Discord](https://discord.gg/zrhvHCr79N) / [Buy Me a Coffee](https://www.buymeacoffee.com/yidadaa)
+
+[演示](https://chat-gpt-next-web.vercel.app/) / [反馈](https://github.com/Yidadaa/ChatGPT-Next-Web/issues) / [QQ 群](https://user-images.githubusercontent.com/16968934/231789746-41f34d05-6ef9-43f3-a1d1-ff109d4c3c14.jpg) / [打赏开发者](https://user-images.githubusercontent.com/16968934/227772541-5bcd52d8-61b7-488c-a203-0330d8006e2b.jpg)

 [![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)

@@ -20,8 +24,9 @@ One-Click to deploy well-designed ChatGPT web UI on Vercel.
 ## Features

 - **Deploy for free with one-click** on Vercel in under 1 minute
+- Privacy first, all data stored locally in the browser
 - Responsive design, dark mode and PWA
- Fast first screen loading speed (~100kb)
+- Fast first screen loading speed (~100kb), support streaming response
 - Awesome prompts powered by [awesome-chatgpt-prompts-zh](https://github.com/PlexPt/awesome-chatgpt-prompts-zh) and [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts)
 - Automatically compresses chat history to support long conversations while also saving your tokens
 - One-click export all chat history with full Markdown support
@@ -44,13 +49,15 @@ One-Click to deploy well-designed ChatGPT web UI on Vercel.

 - 在 1 分钟内使用 Vercel **免费一键部署**
 - 精心设计的 UI，响应式设计，支持深色模式，支持 PWA
- 极快的首屏加载速度（~100kb）
+- 极快的首屏加载速度（~100kb），支持流式响应
+- 隐私安全，所有数据保存在用户浏览器本地
 - 海量的内置 prompt 列表，来自[中文](https://github.com/PlexPt/awesome-chatgpt-prompts-zh)和[英文](https://github.com/f/awesome-chatgpt-prompts)
 - 自动压缩上下文聊天记录，在节省 Token 的同时支持超长对话
 - 一键导出聊天记录，完整的 Markdown 支持
 - 拥有自己的域名？好上加好，绑定后即可在任何地方**无障碍**快速访问

-## 开发计划 
+## 开发计划
+
 - [x] 为每个对话设置系统 Prompt [#138](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/138)
 - [ ] 允许用户自行编辑内置 Prompt 列表
 - [ ] 使用 tauri 打包桌面应用
@@ -58,11 +65,12 @@ One-Click to deploy well-designed ChatGPT web UI on Vercel.
 - [ ] 插件机制，支持联网搜索、计算器、调用其他平台 api [#165](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/165)

 ### 不会开发的功能
+
 - 界面文字自定义
 - 用户登录、账号管理、消息云同步

-
 ## Get Started
+
 > [简体中文 > 如何开始使用](./README_CN.md#开始使用)

 1. Get [OpenAI API Key](https://platform.openai.com/account/api-keys);
@@ -71,27 +79,39 @@ One-Click to deploy well-designed ChatGPT web UI on Vercel.
 3. Enjoy :)

 ## FAQ
-[简体中文 > 常见问题](./docs/faq-cn.md) | [English > FAQ](./docs/faq.en.md)
+
+[简体中文 > 常见问题](./docs/faq-cn.md)
+
+[English > FAQ](./docs/faq-en.md)

 ## Keep Updated
+
 > [简体中文 > 如何保持代码更新](./README_CN.md#保持更新)

 If you have deployed your own project with just one click following the steps above, you may encounter the issue of "Updates Available" constantly showing up. This is because Vercel will create a new project for you by default instead of forking this project, resulting in the inability to detect updates correctly.

 We recommend that you follow the steps below to re-deploy:

- Delete the original repo;
- Fork this project;
- Go to the Vercel dashboard, delete the original project, then create a new project and select the project you just forked to redeploy;
- Please manually add an environment variable named `OPENAI_API_KEY` and enter your API key as the value during the redeploy process.
+- Delete the original repository;
+- Use the fork button in the upper right corner of the page to fork this project;
+- Choose and deploy in Vercel again, [please see the detailed tutorial](./docs/vercel-cn.md).

-This project will be continuously updated, and after forking the project, the upstream code will be automatically synchronized every day without additional operations.
+### Enable Automatic Updates

-If you want to update instantly, you can check out the [Github documentation](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork) to learn how to synchronize a forked project with upstream code. 
+After forking the project, due to the limitations imposed by Github, you need to manually enable Workflows and Upstream Sync Action on the Actions page of the forked project. Once enabled, automatic updates will be scheduled every hour:
+
+![Automatic Updates](./docs/images/enable-actions.jpg)
+
+![Enable Automatic Updates](./docs/images/enable-actions-sync.jpg)
+
+### Manually Updating Code
+
+If you want to update instantly, you can check out the [Github documentation](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/syncing-a-fork) to learn how to synchronize a forked project with upstream code.

 You can star or watch this project or follow author to get release notifictions in time.

 ## Access Password
+
 > [简体中文 > 如何增加访问密码](./README_CN.md#配置页面访问密码)

 This project provides limited access control. Please add an environment variable named `CODE` on the vercel environment variables page. The value should be passwords separated by comma like this:
@@ -103,6 +123,7 @@ code1,code2,code3
 After adding or modifying this environment variable, please redeploy the project for the changes to take effect.

 ## Environment Variables
+
 > [简体中文 > 如何配置 api key、访问密码、接口代理](./README_CN.md#环境变量)

 ### `OPENAI_API_KEY` (required)
@@ -115,19 +136,14 @@ Access passsword, separated by comma.

 ### `BASE_URL` (optional)

-> Default: `api.openai.com`
+> Default: `https://api.openai.com`
+
+> Examples: `http://your-openai-proxy.com`

 Override openai api request base url.

-### `PROTOCOL` (optional)
-
-> Default: `https`
-
-> Values: `http` | `https`
-
-Override openai api request protocol.
-
 ## Development
+
 > [简体中文 > 如何进行二次开发](./README_CN.md#开发)

 [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Yidadaa/ChatGPT-Next-Web)
@@ -149,13 +165,28 @@ yarn dev
 ```

 ## Deployment
+
 > [简体中文 > 如何部署到私人服务器](./README_CN.md#部署)
+
 ### Docker (Recommended)

 ```shell
 docker pull yidadaa/chatgpt-next-web

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

 ### Shell
@@ -163,6 +194,7 @@ docker run -d -p 3000:3000 -e OPENAI_API_KEY="" -e CODE="" yidadaa/chatgpt-next-
 ```shell
 bash <(curl -s https://raw.githubusercontent.com/Yidadaa/ChatGPT-Next-Web/main/scripts/setup.sh)
 ```
+
 ## Screenshots

 ![Settings](./docs/images/settings.png)
@@ -170,11 +202,15 @@ bash <(curl -s https://raw.githubusercontent.com/Yidadaa/ChatGPT-Next-Web/main/s
 ![More](./docs/images/more.png)

 ## Donation
+
 [Buy Me a Coffee](https://www.buymeacoffee.com/yidadaa)

 ## Special Thanks
+
 ### Sponsor

+> 仅列出捐赠金额 >= 100RMB 的用户。
+
 [@mushan0x0](https://github.com/mushan0x0)
 [@ClarenceDan](https://github.com/ClarenceDan)
 [@zhangjia](https://github.com/zhangjia)
@@ -184,6 +220,7 @@ bash <(curl -s https://raw.githubusercontent.com/Yidadaa/ChatGPT-Next-Web/main/s
 [@webees](https://github.com/webees)
 [@chazzhou](https://github.com/chazzhou)
 [@hauy](https://github.com/hauy)
+[@Corwin006](https://github.com/Corwin006)

 ### Contributor

--- a/README_CN.md
+++ b/README_CN.md
@@ -11,7 +11,7 @@

 [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Yidadaa/ChatGPT-Next-Web)

-![主界面](./static/cover.png)
+![主界面](./docs/images/cover.png)

 </div>

@@ -29,7 +29,7 @@

 1. 准备好你的 [OpenAI API Key](https://platform.openai.com/account/api-keys);
 2. 点击右侧按钮开始部署：
-   [![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)，直接使用 Github 账号登录即可，记得在环境变量页填入 API Key；
+   [![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)，直接使用 Github 账号登录即可，记得在环境变量页填入 API Key 和[页面访问密码](#配置页面访问密码) CODE；
 3. 部署完毕后，即可开始使用；
 4. （可选）[绑定自定义域名](https://vercel.com/docs/concepts/projects/domains/add-a-domain)：Vercel 分配的域名 DNS 在某些区域被污染了，绑定自定义域名即可直连。

@@ -38,12 +38,19 @@
 如果你按照上述步骤一键部署了自己的项目，可能会发现总是提示“存在更新”的问题，这是由于 Vercel 会默认为你创建一个新项目而不是 fork 本项目，这会导致无法正确地检测更新。
 推荐你按照下列步骤重新部署：

- 删除掉原先的 repo；
- fork 本项目；
- 前往 vercel 控制台，删除掉原先的 project，然后新建 project，选择你刚刚 fork 出来的项目重新进行部署即可；
- 在重新部署的过程中，请手动添加名为 `OPENAI_API_KEY` 的环境变量，并填入你的 api key 作为值。
+- 删除掉原先的仓库；
+- 使用页面右上角的 fork 按钮，fork 本项目；
+- 在 Vercel 重新选择并部署，[请查看详细教程](./docs/vercel-cn.md#如何新建项目)。

-本项目会持续更新，当你 Fork 项目之后，默认会每天自动同步上游代码，无需额外操作。
+### 打开自动更新
+
+当你 fork 项目之后，由于 Github 的限制，需要手动去你 fork 后的项目的 Actions 页面启用 Workflows，并启用 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) 了解如何让 fork 的项目与上游代码同步。

@@ -53,6 +60,8 @@

 > 配置密码后，用户需要在设置页手动填写访问码才可以正常聊天，否则会通过消息提示未授权状态。

+> **警告**：请务必将密码的位数设置得足够长，最好 7 位以上，否则[会被爆破](https://github.com/Yidadaa/ChatGPT-Next-Web/issues/518)。
+
 本项目提供有限的权限控制功能，请在 Vercel 项目控制面板的环境变量页增加名为 `CODE` 的环境变量，值为用英文逗号分隔的自定义密码：

 ```
@@ -62,6 +71,7 @@ code1,code2,code3
 增加或修改该环境变量后，请**重新部署**项目使改动生效。

 ## 环境变量
+
 > 本项目大多数配置项都通过环境变量来设置。

 ### `OPENAI_API_KEY` （必填项）
@@ -76,17 +86,13 @@ OpanAI 密钥，你在 openai 账户页面申请的 api key。

 ### `BASE_URL` （可选）

-> Default: `api.openai.com`
+> Default: `https://api.openai.com`
+
+> Examples: `http://your-openai-proxy.com`

 OpenAI 接口代理 URL，如果你手动配置了 openai 接口代理，请填写此选项。

-### `PROTOCOL` （可选）
-
-> Default: `https`
-
-> Values: `http` | `https`
-
-OpenAI 代理接口协议，如果遇到 ssl 证书问题，请尝试通过此选项设置为 http。
+> 如果遇到 ssl 证书问题，请将 `BASE_URL` 的协议设置为 http。

 ## 开发

@@ -108,37 +114,51 @@ OPENAI_API_KEY=<your api key here>
 2. 执行 `yarn install && yarn dev` 即可。

 ## 部署
+
 ### 容器部署 （推荐）
+
 > 注意：docker 版本在大多数时间都会落后最新的版本 1 到 2 天，所以部署后会持续出现“存在更新”的提示，属于正常现象。

 ```shell
 docker pull yidadaa/chatgpt-next-web

-docker run -d -p 3000:3000 -e OPENAI_API_KEY="" -e CODE="" yidadaa/chatgpt-next-web
+docker run -d -p 3000:3000 \
+   -e OPENAI_API_KEY="sk-xxxx" \
+   -e CODE="页面访问密码" \
+   yidadaa/chatgpt-next-web
+```
+
+你也可以指定 proxy：
+
+```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
 bash <(curl -s https://raw.githubusercontent.com/Yidadaa/ChatGPT-Next-Web/main/scripts/setup.sh)
 ```

-
 ## 鸣谢
-### 捐赠者
-> 仅列出了部分大额打赏，小额打赏（< 100RMB）人数太多，在此不再列出，敬请谅解。

-[@mushan0x0](https://github.com/mushan0x0)
-[@ClarenceDan](https://github.com/ClarenceDan)
-[@zhangjia](https://github.com/zhangjia)
-[@hoochanlon](https://github.com/hoochanlon)
+### 捐赠者
+
+> 见英文版。

 ### 贡献者

 [见项目贡献者列表](https://github.com/Yidadaa/ChatGPT-Next-Web/graphs/contributors)

 ## 开源协议
+
 > 反对 996，从我开始。

 [Anti 996 License](https://github.com/kattgu7/Anti-996-License/blob/master/LICENSE_CN_EN)
--- a/app/api/access.ts
+++ b/app/api/access.ts
@@ -1,17 +0,0 @@
-import md5 from "spark-md5";
-
-export function getAccessCodes(): Set<string> {
-  const code = process.env.CODE;
-
-  try {
-    const codes = (code?.split(",") ?? [])
-      .filter((v) => !!v)
-      .map((v) => md5.hash(v.trim()));
-    return new Set(codes);
-  } catch (e) {
-    return new Set();
-  }
-}
-
-export const ACCESS_CODES = getAccessCodes();
-export const IS_IN_DOCKER = process.env.DOCKER;
--- a/app/api/chat-stream/route.ts
+++ b/app/api/chat-stream/route.ts
@@ -40,7 +40,7 @@ async function createStream(req: NextRequest) {

      const parser = createParser(onParse);
      for await (const chunk of res.body as any) {
-        parser.feed(decoder.decode(chunk));
+        parser.feed(decoder.decode(chunk, { stream: true }));
      }
    },
  });
--- a/app/api/common.ts
+++ b/app/api/common.ts
@@ -9,9 +9,16 @@ export async function requestOpenai(req: NextRequest) {
  const apiKey = req.headers.get("token");
  const openaiPath = req.headers.get("path");

-  console.log("[Proxy] ", openaiPath);
+  let baseUrl = BASE_URL;

-  return fetch(`${PROTOCOL}://${BASE_URL}/${openaiPath}`, {
+  if (!baseUrl.startsWith("http")) {
+    baseUrl = `${PROTOCOL}://${baseUrl}`;
+  }
+
+  console.log("[Proxy] ", openaiPath);
+  console.log("[Base Url]", baseUrl);
+
+  return fetch(`${baseUrl}/${openaiPath}`, {
    headers: {
      "Content-Type": "application/json",
      Authorization: `Bearer ${apiKey}`,
--- a/app/api/config/route.ts
+++ b/app/api/config/route.ts
@@ -0,0 +1,21 @@
+import { NextRequest, NextResponse } from "next/server";
+
+import { getServerSideConfig } from "../../config/server";
+
+const serverConfig = getServerSideConfig();
+
+// Danger! Don not write any secret value here!
+// 警告！不要在这里写入任何敏感信息！
+const DANGER_CONFIG = {
+  needCode: serverConfig.needCode,
+};
+
+declare global {
+  type DangerConfig = typeof DANGER_CONFIG;
+}
+
+export async function POST(req: NextRequest) {
+  return NextResponse.json({
+    needCode: serverConfig.needCode,
+  });
+}
--- a/app/api/openai/typing.ts
+++ b/app/api/openai/typing.ts
@@ -4,4 +4,4 @@ import type {
 } from "openai";

 export type ChatRequest = CreateChatCompletionRequest;
-export type ChatReponse = CreateChatCompletionResponse;
+export type ChatResponse = CreateChatCompletionResponse;
--- a/app/components/button.module.scss
+++ b/app/components/button.module.scss
@@ -49,4 +49,7 @@
 .icon-button-text {
  margin-left: 5px;
  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
--- a/app/components/chat-list.tsx
+++ b/app/components/chat-list.tsx
@@ -96,7 +96,7 @@ export function ChatList() {
                index={i}
                selected={i === selectedIndex}
                onClick={() => selectSession(i)}
-                onDelete={chatStore.deleteSession}
+                onDelete={() => chatStore.deleteSession(i)}
              />
            ))}
            {provided.placeholder}
--- a/app/components/chat.module.scss
+++ b/app/components/chat.module.scss
@@ -1,5 +1,29 @@
@import "../styles/animation.scss";

+.chat-input-actions {
+  display: flex;
+  flex-wrap: wrap;
+
+  .chat-input-action {
+    display: inline-flex;
+    border-radius: 20px;
+    font-size: 12px;
+    background-color: var(--white);
+    color: var(--black);
+    border: var(--border-in-light);
+    padding: 4px 10px;
+    animation: slide-in ease 0.3s;
+    box-shadow: var(--card-shadow);
+    transition: all ease 0.3s;
+    margin-bottom: 10px;
+    align-items: center;
+
+    &:not(:last-child) {
+      margin-right: 5px;
+    }
+  }
+}
+
 .prompt-toast {
  position: absolute;
  bottom: -50px;
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -3,7 +3,8 @@ import { memo, useState, useRef, useEffect, useLayoutEffect } from "react";

 import SendWhiteIcon from "../icons/send-white.svg";
 import BrainIcon from "../icons/brain.svg";
-import ExportIcon from "../icons/export.svg";
+import RenameIcon from "../icons/rename.svg";
+import ExportIcon from "../icons/share.svg";
 import ReturnIcon from "../icons/return.svg";
 import CopyIcon from "../icons/copy.svg";
 import DownloadIcon from "../icons/download.svg";
@@ -11,6 +12,13 @@ import LoadingIcon from "../icons/three-dots.svg";
 import BotIcon from "../icons/bot.svg";
 import AddIcon from "../icons/add.svg";
 import DeleteIcon from "../icons/delete.svg";
+import MaxIcon from "../icons/max.svg";
+import MinIcon from "../icons/min.svg";
+
+import LightIcon from "../icons/light.svg";
+import DarkIcon from "../icons/dark.svg";
+import AutoIcon from "../icons/auto.svg";
+import BottomIcon from "../icons/bottom.svg";

 import {
  Message,
@@ -19,6 +27,8 @@ import {
  BOT_HELLO,
  ROLES,
  createMessage,
+  useAccessStore,
+  Theme,
 } from "../store";

 import {
@@ -28,6 +38,7 @@ import {
  isMobileScreen,
  selectOrCopy,
  autoGrowTextArea,
+  getCSSVar,
 } from "../utils";

 import dynamic from "next/dynamic";
@@ -57,7 +68,11 @@ export function Avatar(props: { role: Message["role"] }) {
  const config = useChatStore((state) => state.config);

  if (props.role !== "user") {
-    return <BotIcon className={styles["user-avtar"]} />;
+    return (
+      <div className="no-dark">
+        <BotIcon className={styles["user-avtar"]} />
+      </div>
+    );
  }

  return (
@@ -313,22 +328,78 @@ function useScrollToBottom() {
  // for auto-scroll
  const scrollRef = useRef<HTMLDivElement>(null);
  const [autoScroll, setAutoScroll] = useState(true);
+  const scrollToBottom = () => {
+    const dom = scrollRef.current;
+    if (dom) {
+      setTimeout(() => (dom.scrollTop = dom.scrollHeight), 1);
+    }
+  };

  // auto scroll
  useLayoutEffect(() => {
-    const dom = scrollRef.current;
-    if (dom && autoScroll) {
-      setTimeout(() => (dom.scrollTop = dom.scrollHeight), 1);
-    }
+    autoScroll && scrollToBottom();
  });

  return {
    scrollRef,
    autoScroll,
    setAutoScroll,
+    scrollToBottom,
  };
 }

+export function ChatActions(props: {
+  showPromptModal: () => void;
+  scrollToBottom: () => void;
+  hitBottom: boolean;
+}) {
+  const chatStore = useChatStore();
+
+  const theme = chatStore.config.theme;
+
+  function nextTheme() {
+    const themes = [Theme.Auto, Theme.Light, Theme.Dark];
+    const themeIndex = themes.indexOf(theme);
+    const nextIndex = (themeIndex + 1) % themes.length;
+    const nextTheme = themes[nextIndex];
+    chatStore.updateConfig((config) => (config.theme = nextTheme));
+  }
+
+  return (
+    <div className={chatStyle["chat-input-actions"]}>
+      {!props.hitBottom && (
+        <div
+          className={`${chatStyle["chat-input-action"]} clickable`}
+          onClick={props.scrollToBottom}
+        >
+          <BottomIcon />
+        </div>
+      )}
+      {props.hitBottom && (
+        <div
+          className={`${chatStyle["chat-input-action"]} clickable`}
+          onClick={props.showPromptModal}
+        >
+          <BrainIcon />
+        </div>
+      )}
+
+      <div
+        className={`${chatStyle["chat-input-action"]} clickable`}
+        onClick={nextTheme}
+      >
+        {theme === Theme.Auto ? (
+          <AutoIcon />
+        ) : theme === Theme.Light ? (
+          <LightIcon />
+        ) : theme === Theme.Dark ? (
+          <DarkIcon />
+        ) : null}
+      </div>
+    </div>
+  );
+}
+
 export function Chat(props: {
  showSideBar?: () => void;
  sideBarShowing?: boolean;
@@ -347,7 +418,7 @@ export function Chat(props: {
  const [beforeInput, setBeforeInput] = useState("");
  const [isLoading, setIsLoading] = useState(false);
  const { submitKey, shouldSubmit } = useSubmitHandler();
-  const { scrollRef, setAutoScroll } = useScrollToBottom();
+  const { scrollRef, setAutoScroll, scrollToBottom } = useScrollToBottom();
  const [hitBottom, setHitBottom] = useState(false);

  const onChatBodyScroll = (e: HTMLElement) => {
@@ -372,16 +443,6 @@ export function Chat(props: {
    inputRef.current?.focus();
  };

-  const scrollInput = () => {
-    const dom = inputRef.current;
-    if (!dom) return;
-    const paddingBottomNum: number = parseInt(
-      window.getComputedStyle(dom).paddingBottom,
-      10,
-    );
-    dom.scrollTop = dom.scrollHeight - dom.offsetHeight + paddingBottomNum;
-  };
-
  // auto grow input
  const [inputRows, setInputRows] = useState(2);
  const measure = useDebouncedCallback(
@@ -406,7 +467,6 @@ export function Chat(props: {
  // only search prompts when user input is short
  const SEARCH_TEXT_LIMIT = 30;
  const onInput = (text: string) => {
-    scrollInput();
    setUserInput(text);
    const n = text.trim().length;

@@ -485,11 +545,17 @@ export function Chat(props: {

  const context: RenderMessage[] = session.context.slice();

+  const accessStore = useAccessStore();
+
  if (
    context.length === 0 &&
    session.messages.at(0)?.content !== BOT_HELLO.content
  ) {
-    context.push(BOT_HELLO);
+    const copiedHello = Object.assign({}, BOT_HELLO);
+    if (!accessStore.isAuthorized()) {
+      copiedHello.content = Locale.Error.Unauthorized;
+    }
+    context.push(copiedHello);
  }

  // preview messages
@@ -524,6 +590,13 @@ export function Chat(props: {

  const [showPromptModal, setShowPromptModal] = useState(false);

+  const renameSession = () => {
+    const newTopic = prompt(Locale.Chat.Rename, session.topic);
+    if (newTopic && newTopic !== session.topic) {
+      chatStore.updateCurrentSession((session) => (session.topic = newTopic!));
+    }
+  };
+
  // Auto focus
  useEffect(() => {
    if (props.sideBarShowing && isMobileScreen()) return;
@@ -537,14 +610,7 @@ export function Chat(props: {
        <div className={styles["window-header-title"]}>
          <div
            className={`${styles["window-header-main-title"]} ${styles["chat-body-title"]}`}
-            onClickCapture={() => {
-              const newTopic = prompt(Locale.Chat.Rename, session.topic);
-              if (newTopic && newTopic !== session.topic) {
-                chatStore.updateCurrentSession(
-                  (session) => (session.topic = newTopic!),
-                );
-              }
-            }}
+            onClickCapture={renameSession}
          >
            {session.topic}
          </div>
@@ -563,12 +629,9 @@ export function Chat(props: {
          </div>
          <div className={styles["window-action-button"]}>
            <IconButton
-              icon={<BrainIcon />}
+              icon={<RenameIcon />}
              bordered
-              title={Locale.Chat.Actions.CompressedHistory}
-              onClick={() => {
-                setShowPromptModal(true);
-              }}
+              onClick={renameSession}
            />
          </div>
          <div className={styles["window-action-button"]}>
@@ -584,6 +647,19 @@ export function Chat(props: {
              }}
            />
          </div>
+          {!isMobileScreen() && (
+            <div className={styles["window-action-button"]}>
+              <IconButton
+                icon={chatStore.config.tightBorder ? <MinIcon /> : <MaxIcon />}
+                bordered
+                onClick={() => {
+                  chatStore.updateConfig(
+                    (config) => (config.tightBorder = !config.tightBorder),
+                  );
+                }}
+              />
+            </div>
+          )}
        </div>

        <PromptToast
@@ -650,22 +726,20 @@ export function Chat(props: {
                        </div>
                      </div>
                    )}
-                  {(message.preview || message.content.length === 0) &&
-                  !isUser ? (
-                    <LoadingIcon />
-                  ) : (
-                    <div
-                      className="markdown-body"
-                      style={{ fontSize: `${fontSize}px` }}
-                      onContextMenu={(e) => onRightClick(e, message)}
-                      onDoubleClickCapture={() => {
-                        if (!isMobileScreen()) return;
-                        setUserInput(message.content);
-                      }}
-                    >
-                      <Markdown content={message.content} />
-                    </div>
-                  )}
+                  <Markdown
+                    content={message.content}
+                    loading={
+                      (message.preview || message.content.length === 0) &&
+                      !isUser
+                    }
+                    onContextMenu={(e) => onRightClick(e, message)}
+                    onDoubleClickCapture={() => {
+                      if (!isMobileScreen()) return;
+                      setUserInput(message.content);
+                    }}
+                    fontSize={fontSize}
+                    parentRef={scrollRef}
+                  />
                </div>
                {!isUser && !message.preview && (
                  <div className={styles["chat-message-actions"]}>
@@ -682,6 +756,12 @@ export function Chat(props: {

      <div className={styles["chat-input-panel"]}>
        <PromptHints prompts={promptHints} onPromptSelect={onPromptSelect} />
+
+        <ChatActions
+          showPromptModal={() => setShowPromptModal(true)}
+          scrollToBottom={scrollToBottom}
+          hitBottom={hitBottom}
+        />
        <div className={styles["chat-input-panel-inner"]}>
          <textarea
            ref={inputRef}
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -10,7 +10,7 @@
  background-color: var(--white);
  min-width: 600px;
  min-height: 480px;
-  max-width: 900px;
+  max-width: 1200px;

  display: flex;
  overflow: hidden;
@@ -36,6 +36,7 @@
    max-height: var(--full-height);

    border-radius: 0;
+    border: 0;
  }
 }

@@ -48,6 +49,27 @@
  display: flex;
  flex-direction: column;
  box-shadow: inset -2px 0px 2px 0px rgb(0, 0, 0, 0.05);
+  position: relative;
+  transition: width ease 0.1s;
+}
+
+.sidebar-drag {
+  $width: 10px;
+
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: $width;
+  background-color: var(--black);
+  cursor: ew-resize;
+  opacity: 0;
+  transition: all ease 0.3s;
+
+  &:hover,
+  &:active {
+    opacity: 0.2;
+  }
 }

 .window-content {
@@ -177,10 +199,11 @@
  margin-top: 8px;
 }

-.chat-item-count {
-}
-
+.chat-item-count,
 .chat-item-date {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }

 .sidebar-tail {
@@ -208,6 +231,7 @@
  flex: 1;
  overflow: auto;
  padding: 20px;
+  padding-bottom: 40px;
  position: relative;
 }

@@ -332,11 +356,16 @@
 }

 .chat-input-panel {
+  position: relative;
  width: 100%;
  padding: 20px;
-  padding-top: 5px;
+  padding-top: 10px;
  box-sizing: border-box;
  flex-direction: column;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  border-top: var(--border-in-light);
+  box-shadow: var(--card-shadow);
 }

@mixin single-line {
@@ -436,6 +465,7 @@

 .export-content {
  white-space: break-spaces;
+  padding: 10px !important;
 }

 .loading-content {
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -2,7 +2,7 @@

 require("../polyfill");

-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";

 import { IconButton } from "./button";
 import styles from "./home.module.scss";
@@ -17,7 +17,7 @@ import LoadingIcon from "../icons/three-dots.svg";
 import CloseIcon from "../icons/close.svg";

 import { useChatStore } from "../store";
-import { isMobileScreen } from "../utils";
+import { getCSSVar, isMobileScreen } from "../utils";
 import Locale from "../locales";
 import { Chat } from "./chat";

@@ -66,15 +66,60 @@ function useSwitchTheme() {
      metaDescriptionDark?.setAttribute("content", "#151515");
      metaDescriptionLight?.setAttribute("content", "#fafafa");
    } else {
-      const themeColor = getComputedStyle(document.body)
-        .getPropertyValue("--theme-color")
-        .trim();
+      const themeColor = getCSSVar("--themeColor");
      metaDescriptionDark?.setAttribute("content", themeColor);
      metaDescriptionLight?.setAttribute("content", themeColor);
    }
  }, [config.theme]);
 }

+function useDragSideBar() {
+  const limit = (x: number) => Math.min(500, Math.max(220, x));
+
+  const chatStore = useChatStore();
+  const startX = useRef(0);
+  const startDragWidth = useRef(chatStore.config.sidebarWidth ?? 300);
+  const lastUpdateTime = useRef(Date.now());
+
+  const handleMouseMove = useRef((e: MouseEvent) => {
+    if (Date.now() < lastUpdateTime.current + 100) {
+      return;
+    }
+    lastUpdateTime.current = Date.now();
+    const d = e.clientX - startX.current;
+    const nextWidth = limit(startDragWidth.current + d);
+    chatStore.updateConfig((config) => (config.sidebarWidth = nextWidth));
+  });
+
+  const handleMouseUp = useRef(() => {
+    startDragWidth.current = chatStore.config.sidebarWidth ?? 300;
+    window.removeEventListener("mousemove", handleMouseMove.current);
+    window.removeEventListener("mouseup", handleMouseUp.current);
+  });
+
+  const onDragMouseDown = (e: MouseEvent) => {
+    startX.current = e.clientX;
+
+    window.addEventListener("mousemove", handleMouseMove.current);
+    window.addEventListener("mouseup", handleMouseUp.current);
+  };
+
+  useEffect(() => {
+    if (isMobileScreen()) {
+      return;
+    }
+
+    document.documentElement.style.setProperty(
+      "--sidebar-width",
+      `${limit(chatStore.config.sidebarWidth ?? 300)}px`,
+    );
+  }, [chatStore.config.sidebarWidth]);
+
+  return {
+    onDragMouseDown,
+  };
+}
+
 const useHasHydrated = () => {
  const [hasHydrated, setHasHydrated] = useState<boolean>(false);

@@ -101,6 +146,9 @@ function _Home() {
  const [openSettings, setOpenSettings] = useState(false);
  const config = useChatStore((state) => state.config);

+  // drag side bar
+  const { onDragMouseDown } = useDragSideBar();
+
  useSwitchTheme();

  if (loading) {
@@ -174,6 +222,11 @@ function _Home() {
            />
          </div>
        </div>
+
+        <div
+          className={styles["sidebar-drag"]}
+          onMouseDown={(e) => onDragMouseDown(e as any)}
+        ></div>
      </div>

      <div className={styles["window-content"]}>
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -8,6 +8,8 @@ import RehypeHighlight from "rehype-highlight";
 import { useRef, useState, RefObject, useEffect } from "react";
 import { copyToClipboard } from "../utils";

+import LoadingIcon from "../icons/three-dots.svg";
+
 export function PreCode(props: { children: any }) {
  const ref = useRef<HTMLPreElement>(null);

@@ -27,49 +29,78 @@ export function PreCode(props: { children: any }) {
  );
 }

-const useLazyLoad = (ref: RefObject<Element>): boolean => {
-  const [isIntersecting, setIntersecting] = useState<boolean>(false);
+export function Markdown(
+  props: {
+    content: string;
+    loading?: boolean;
+    fontSize?: number;
+    parentRef: RefObject<HTMLDivElement>;
+  } & React.DOMAttributes<HTMLDivElement>,
+) {
+  const mdRef = useRef<HTMLDivElement>(null);
+
+  const parent = props.parentRef.current;
+  const md = mdRef.current;
+  const rendered = useRef(true); // disable lazy loading for bad ux
+  const [counter, setCounter] = useState(0);

  useEffect(() => {
-    const observer = new IntersectionObserver(([entry]) => {
-      if (entry.isIntersecting) {
-        setIntersecting(true);
-        observer.disconnect();
+    // to triggr rerender
+    setCounter(counter + 1);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.loading]);
+
+  const inView =
+    rendered.current ||
+    (() => {
+      if (parent && md) {
+        const parentBounds = parent.getBoundingClientRect();
+        const mdBounds = md.getBoundingClientRect();
+        const isInRange = (x: number) =>
+          x <= parentBounds.bottom && x >= parentBounds.top;
+        const inView = isInRange(mdBounds.top) || isInRange(mdBounds.bottom);
+
+        if (inView) {
+          rendered.current = true;
+        }
+
+        return inView;
      }
-    });
+    })();

-    if (ref.current) {
-      observer.observe(ref.current);
-    }
+  const shouldLoading = props.loading || !inView;

-    return () => {
-      observer.disconnect();
-    };
-  }, [ref]);
-
-  return isIntersecting;
-};
-
-export function Markdown(props: { content: string }) {
  return (
-    <ReactMarkdown
-      remarkPlugins={[RemarkMath, RemarkGfm, RemarkBreaks]}
-      rehypePlugins={[
-        RehypeKatex,
-        [
-          RehypeHighlight,
-          {
-            detect: false,
-            ignoreMissing: true,
-          },
-        ],
-      ]}
-      components={{
-        pre: PreCode,
-      }}
-      linkTarget={"_blank"}
+    <div
+      className="markdown-body"
+      style={{ fontSize: `${props.fontSize ?? 14}px` }}
+      ref={mdRef}
+      onContextMenu={props.onContextMenu}
+      onDoubleClickCapture={props.onDoubleClickCapture}
    >
-      {props.content}
-    </ReactMarkdown>
+      {shouldLoading ? (
+        <LoadingIcon />
+      ) : (
+        <ReactMarkdown
+          remarkPlugins={[RemarkMath, RemarkGfm, RemarkBreaks]}
+          rehypePlugins={[
+            RehypeKatex,
+            [
+              RehypeHighlight,
+              {
+                detect: false,
+                ignoreMissing: true,
+              },
+            ],
+          ]}
+          components={{
+            pre: PreCode,
+          }}
+          linkTarget={"_blank"}
+        >
+          {props.content}
+        </ReactMarkdown>
+      )}
+    </div>
  );
 }
--- a/app/components/settings.module.scss
+++ b/app/components/settings.module.scss
@@ -19,11 +19,16 @@
  cursor: pointer;
 }

-.password-input {
+.password-input-container {
+  max-width: 50%;
  display: flex;
  justify-content: flex-end;

  .password-eye {
    margin-right: 4px;
  }
+
+  .password-input {
+    min-width: 80%;
+  }
 }
--- a/app/components/settings.tsx
+++ b/app/components/settings.tsx
@@ -26,7 +26,7 @@ import {
 import { Avatar } from "./chat";

 import Locale, { AllLangs, changeLang, getLang } from "../locales";
-import { getCurrentVersion, getEmojiUrl } from "../utils";
+import { getEmojiUrl } from "../utils";
 import Link from "next/link";
 import { UPDATE_URL } from "../constant";
 import { SearchService, usePromptStore } from "../store/prompt";
@@ -60,13 +60,17 @@ function PasswordInput(props: HTMLProps<HTMLInputElement>) {
  }

  return (
-    <div className={styles["password-input"]}>
+    <div className={styles["password-input-container"]}>
      <IconButton
        icon={visible ? <EyeIcon /> : <EyeOffIcon />}
        onClick={changeVisibility}
        className={styles["password-eye"]}
      />
-      <input {...props} type={visible ? "text" : "password"} />
+      <input
+        {...props}
+        type={visible ? "text" : "password"}
+        className={styles["password-input"]}
+      />
    </div>
  );
 }
@@ -84,13 +88,13 @@ export function Settings(props: { closeSettings: () => void }) {

  const updateStore = useUpdateStore();
  const [checkingUpdate, setCheckingUpdate] = useState(false);
-  const currentId = getCurrentVersion();
-  const remoteId = updateStore.remoteId;
-  const hasNewVersion = currentId !== remoteId;
+  const currentVersion = updateStore.version;
+  const remoteId = updateStore.remoteVersion;
+  const hasNewVersion = currentVersion !== remoteId;

  function checkUpdate(force = false) {
    setCheckingUpdate(true);
-    updateStore.getLatestCommitId(force).then(() => {
+    updateStore.getLatestVersion(force).then(() => {
      setCheckingUpdate(false);
    });
  }
@@ -120,8 +124,7 @@ export function Settings(props: { closeSettings: () => void }) {
  const builtinCount = SearchService.count.builtin;
  const customCount = promptStore.prompts.size ?? 0;

-  const showUsage = !!accessStore.token || !!accessStore.accessCode;
-
+  const showUsage = accessStore.isAuthorized();
  useEffect(() => {
    checkUpdate();
    showUsage && checkUsage();
@@ -156,7 +159,14 @@ export function Settings(props: { closeSettings: () => void }) {
          <div className={styles["window-action-button"]}>
            <IconButton
              icon={<ClearIcon />}
-              onClick={clearSessions}
+              onClick={() => {
+                const confirmed = window.confirm(
+                  `${Locale.Settings.Actions.ConfirmClearAll.Confirm}`,
+                );
+                if (confirmed) {
+                  clearSessions();
+                }
+              }}
              bordered
              title={Locale.Settings.Actions.ClearAll}
            />
@@ -164,7 +174,14 @@ export function Settings(props: { closeSettings: () => void }) {
          <div className={styles["window-action-button"]}>
            <IconButton
              icon={<ResetIcon />}
-              onClick={resetConfig}
+              onClick={() => {
+                const confirmed = window.confirm(
+                  `${Locale.Settings.Actions.ConfirmResetAll.Confirm}`,
+                );
+                if (confirmed) {
+                  resetConfig();
+                }
+              }}
              bordered
              title={Locale.Settings.Actions.ResetAll}
            />
@@ -207,7 +224,7 @@ export function Settings(props: { closeSettings: () => void }) {
          </SettingItem>

          <SettingItem
-            title={Locale.Settings.Update.Version(currentId)}
+            title={Locale.Settings.Update.Version(currentVersion ?? "unknown")}
            subTitle={
              checkingUpdate
                ? Locale.Settings.Update.IsChecking
@@ -328,37 +345,7 @@ export function Settings(props: { closeSettings: () => void }) {
            ></input>
          </SettingItem>
        </List>
-        <List>
-          <SettingItem
-            title={Locale.Settings.Prompt.Disable.Title}
-            subTitle={Locale.Settings.Prompt.Disable.SubTitle}
-          >
-            <input
-              type="checkbox"
-              checked={config.disablePromptHint}
-              onChange={(e) =>
-                updateConfig(
-                  (config) =>
-                    (config.disablePromptHint = e.currentTarget.checked),
-                )
-              }
-            ></input>
-          </SettingItem>

-          <SettingItem
-            title={Locale.Settings.Prompt.List}
-            subTitle={Locale.Settings.Prompt.ListCount(
-              builtinCount,
-              customCount,
-            )}
-          >
-            <IconButton
-              icon={<EditIcon />}
-              text={Locale.Settings.Prompt.Edit}
-              onClick={() => showToast(Locale.WIP)}
-            />
-          </SettingItem>
-        </List>
        <List>
          {enabledAccessControl ? (
            <SettingItem
@@ -455,6 +442,38 @@ export function Settings(props: { closeSettings: () => void }) {
          </SettingItem>
        </List>

+        <List>
+          <SettingItem
+            title={Locale.Settings.Prompt.Disable.Title}
+            subTitle={Locale.Settings.Prompt.Disable.SubTitle}
+          >
+            <input
+              type="checkbox"
+              checked={config.disablePromptHint}
+              onChange={(e) =>
+                updateConfig(
+                  (config) =>
+                    (config.disablePromptHint = e.currentTarget.checked),
+                )
+              }
+            ></input>
+          </SettingItem>
+
+          <SettingItem
+            title={Locale.Settings.Prompt.List}
+            subTitle={Locale.Settings.Prompt.ListCount(
+              builtinCount,
+              customCount,
+            )}
+          >
+            <IconButton
+              icon={<EditIcon />}
+              text={Locale.Settings.Prompt.Edit}
+              onClick={() => showToast(Locale.WIP)}
+            />
+          </SettingItem>
+        </List>
+
        <List>
          <SettingItem title={Locale.Settings.Model}>
            <select
--- a/app/components/ui-lib.module.scss
+++ b/app/components/ui-lib.module.scss
@@ -9,6 +9,7 @@

 .popover {
  position: relative;
+  z-index: 2;
 }

 .popover-content {
@@ -126,6 +127,7 @@
  width: 100vw;
  display: flex;
  justify-content: center;
+  pointer-events: none;

  .toast-content {
    max-width: 80vw;
@@ -140,6 +142,7 @@
    margin-bottom: 20px;
    display: flex;
    align-items: center;
+    pointer-events: all;

    .toast-action {
      padding-left: 20px;
--- a/app/config/build.ts
+++ b/app/config/build.ts
@@ -0,0 +1,27 @@
+const COMMIT_ID: string = (() => {
+  try {
+    const childProcess = require("child_process");
+    return (
+      childProcess
+        // .execSync("git describe --tags --abbrev=0")
+        .execSync("git rev-parse --short HEAD")
+        .toString()
+        .trim()
+    );
+  } catch (e) {
+    console.error("[Build Config] No git or not from git repo.");
+    return "unknown";
+  }
+})();
+
+export const getBuildConfig = () => {
+  if (typeof process === "undefined") {
+    throw Error(
+      "[Server Config] you are importing a nodejs-only module outside of nodejs",
+    );
+  }
+
+  return {
+    commitId: COMMIT_ID,
+  };
+};
--- a/app/config/server.ts
+++ b/app/config/server.ts
@@ -0,0 +1,42 @@
+import md5 from "spark-md5";
+
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv {
+      OPENAI_API_KEY?: string;
+      CODE?: string;
+      PROXY_URL?: string;
+      VERCEL?: string;
+    }
+  }
+}
+
+const ACCESS_CODES = (function getAccessCodes(): Set<string> {
+  const code = process.env.CODE;
+
+  try {
+    const codes = (code?.split(",") ?? [])
+      .filter((v) => !!v)
+      .map((v) => md5.hash(v.trim()));
+    return new Set(codes);
+  } catch (e) {
+    return new Set();
+  }
+})();
+
+export const getServerSideConfig = () => {
+  if (typeof process === "undefined") {
+    throw Error(
+      "[Server Config] you are importing a nodejs-only module outside of nodejs",
+    );
+  }
+
+  return {
+    apiKey: process.env.OPENAI_API_KEY,
+    code: process.env.CODE,
+    codes: ACCESS_CODES,
+    needCode: ACCESS_CODES.size > 0,
+    proxyUrl: process.env.PROXY_URL,
+    isVercel: !!process.env.VERCEL,
+  };
+};
--- a/app/constant.ts
+++ b/app/constant.ts
@@ -5,3 +5,4 @@ export const ISSUE_URL = `https://github.com/${OWNER}/${REPO}/issues`;
 export const UPDATE_URL = `${REPO_URL}#keep-updated`;
 export const FETCH_COMMIT_URL = `https://api.github.com/repos/${OWNER}/${REPO}/commits?per_page=1`;
 export const FETCH_TAG_URL = `https://api.github.com/repos/${OWNER}/${REPO}/tags?per_page=1`;
+export const RUNTIME_CONFIG_DOM = "danger-runtime-config";
--- a/app/global.d.ts
+++ b/app/global.d.ts
@@ -0,0 +1,11 @@
+declare module "*.jpg";
+declare module "*.png";
+declare module "*.woff2";
+declare module "*.woff";
+declare module "*.ttf";
+declare module "*.scss" {
+  const content: Record<string, string>;
+  export default content;
+}
+
+declare module "*.svg";
--- a/app/icons/auto.svg
+++ b/app/icons/auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none"><defs><rect id="path_0" x="0" y="0" width="16" height="16" /></defs><g opacity="1" transform="translate(0 0)  rotate(0 8 8)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path  id="分组 1" style="stroke:#333333; stroke-width:1; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(5.666666666666666 5.333333333333333)  rotate(0 2.333750009536743 2.6666666666666665)" d="M0 5.33667L0.73 3.66667 M4.6675 5.33667L3.9375 3.66667 M0.729167 3.67L2.32917 0L3.93917 3.67 M0.729167 3.66667L3.93917 3.66667 " /><path  id="路径 5" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(1.3333333333333333 1.3333333333333333)  rotate(0 6.533316666666666 2.6666666666666665)" d="M13.07,5.33C12.45,2.29 9.76,0 6.53,0C3.31,0 0.62,2.29 0,5.33L2,4.67 " /><path  id="路径 6" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(1.3333333333333333 9.333333333333332)  rotate(0 6.533316666666666 2.6666666666666665)" d="M0,0C0.62,3.04 3.31,5.33 6.53,5.33C9.76,5.33 12.45,3.04 13.07,0L11.33,0.67 " /></g></g></svg>
--- a/app/icons/bottom.svg
+++ b/app/icons/bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none"><defs><rect id="path_0" x="0" y="0" width="16" height="16" /></defs><g opacity="1" transform="translate(0 0)  rotate(0 8 8)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path  id="路径 1" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(8.002766666666666 2)  rotate(0 0 4.649916666666667)" d="M0,9.3L0,0 " /><path  id="路径 2" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(4 7.333333333333333)  rotate(0 4 2)" d="M8,0L4,4L0,0 " /><path  id="路径 3" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(4 14)  rotate(0 4 0)" d="M8,0L0,0 " /></g></g></svg>
--- a/app/icons/dark.svg
+++ b/app/icons/dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none"><defs><rect id="path_0" x="0" y="0" width="16" height="16" /></defs><g opacity="1" transform="translate(0 0)  rotate(0 8 8)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path  id="路径 1" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(1.3333333333333333 1.333333333333485)  rotate(0 6.666666666666666 6.666666666666666)" d="M6.67,0L4.91,1.76L1.76,1.76L1.76,4.91L0,6.67L1.76,8.42L1.76,11.58L4.91,11.58L6.67,13.33L8.42,11.58L11.58,11.58L11.58,8.42L13.33,6.67L11.58,4.91L11.58,1.76L8.42,1.76L6.67,0Z " /><path  id="路径 2" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(5.666666666666666 5.44771525016904)  rotate(0 2.4732087011352872 2.442809041582063)" d="M4,0.55C2.17,-0.78 0,0.55 0,1.89C1.67,1.89 3.33,2.22 3.33,4.89C4.67,4.89 5.83,1.89 4,0.55Z " /></g></g></svg>
--- a/app/icons/light.svg
+++ b/app/icons/light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none"><defs><rect id="path_0" x="0" y="0" width="16" height="16" /></defs><g opacity="1" transform="translate(0 0)  rotate(0 8 8)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path  id="路径 1" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(4.340166666666667 4.21550000000002)  rotate(0 3.6666666666666665 3.666666666666666)" d="M0,3.67C0,5.69 1.64,7.33 3.67,7.33C5.69,7.33 7.33,5.69 7.33,3.67C7.33,1.64 5.69,0 3.67,0C1.64,0 0,1.64 0,3.67Z " /><path  id="路径 2" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(12.166666666666666 12.1719333333333)  rotate(0 0.4100499999999994 0.41240499999999997)" d="M0.82,0.82L0,0 " /><path  id="路径 3" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(3.0068366666666666 3.0654333333332033)  rotate(0 0.3411483333333332 0.34309999999999974)" d="M0.68,0.69L0,0 " /><path  id="路径 4" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(8 1.2155666666667457)  rotate(0 0 0.5)" d="M0,1L0,0 " /><path  id="路径 5" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(13.333266666666667 8.21550000000002)  rotate(0 0.6666666666666666 0)" d="M1.33,0L0,0 " /><path  id="路径 6" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(12.5108 3.065499999999929)  rotate(0 0.41123333333333295 0.41123333333333295)" d="M0,0.82L0.82,0 " /><path id="路径 7" fill-rule="evenodd" style="fill:#333333" transform="translate(5.673499999999999 5.5488333333332776)  rotate(0 1.1666666666666665 2.333333333333333)" opacity="1" d="M2.33,0C1.04,0 0,1.04 0,2.33C0,3.62 1.04,4.67 2.33,4.67L2.33,0Z " /><path  id="路径 8" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(1.3333966666666666 7.8821666666667625)  rotate(0 0.6666666666666666 0)" d="M0,0L1.33,0 " /><path  id="路径 9" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(3.348133333333333 12.3125)  rotate(0 0.3421333333333335 0.3421266666666665)" d="M0,0.68L0.68,0 " /><path  id="路径 10" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(8 13.548763333333454)  rotate(0 0 0.6666666666666666)" d="M0,1.33L0,0 " /></g></g></svg>
--- a/app/icons/max.svg
+++ b/app/icons/max.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16"
+  height="16" viewBox="0 0 16 16" fill="none">
+  <defs>
+    <rect id="path_0" x="0" y="0" width="16" height="16" />
+  </defs>
+  <g opacity="1" transform="translate(0 0)  rotate(0 8 8)">
+    <mask id="bg-mask-0" fill="white">
+      <use xlink:href="#path_0"></use>
+    </mask>
+    <g mask="url(#bg-mask-0)">
+      <path id="路径 1"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2 2)  rotate(0 1.6666666666666665 1.6499166666666665)"
+        d="M0,0L3.33,3.3 " />
+      <path id="路径 2"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2 10.666666666666666)  rotate(0 1.6666666666666665 1.6499166666666671)"
+        d="M0,3.3L3.33,0 " />
+      <path id="路径 3"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(10.700199999999999 10.666666666666666)  rotate(0 1.6499166666666671 1.6499166666666671)"
+        d="M3.3,3.3L0,0 " />
+      <path id="路径 4"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(10.666666666666666 2)  rotate(0 1.6499166666666671 1.6499166666666665)"
+        d="M3.3,0L0,3.3 " />
+      <path id="路径 5"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(11 2)  rotate(0 1.5 1.5)" d="M0,0L3,0L3,3 " />
+      <path id="路径 6"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(11 11)  rotate(0 1.5 1.5)" d="M3,0L3,3L0,3 " />
+      <path id="路径 7"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2 11)  rotate(0 1.5 1.5)" d="M3,3L0,3L0,0 " />
+      <path id="路径 8"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2 2)  rotate(0 1.5 1.5)" d="M0,3L0,0L3,0 " />
+    </g>
+  </g>
+</svg>
--- a/app/icons/min.svg
+++ b/app/icons/min.svg
@@ -0,0 +1,45 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16"
+  height="16" viewBox="0 0 16 16" fill="none">
+  <defs>
+    <rect id="path_0" x="0" y="0" width="16" height="16" />
+  </defs>
+  <g opacity="1" transform="translate(0 0)  rotate(0 8 8)">
+    <mask id="bg-mask-0" fill="white">
+      <use xlink:href="#path_0"></use>
+    </mask>
+    <g mask="url(#bg-mask-0)">
+      <path id="路径 1"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2 2)  rotate(0 1.6666666666666665 1.6499166666666665)"
+        d="M0,0L3.33,3.3 " />
+      <path id="路径 2"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2 10.666666666666666)  rotate(0 1.6666666666666665 1.6499166666666671)"
+        d="M0,3.3L3.33,0 " />
+      <path id="路径 3"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(10.700199999999999 10.666666666666666)  rotate(0 1.6499166666666671 1.6499166666666671)"
+        d="M3.3,3.3L0,0 " />
+      <path id="路径 4"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(10.666666666666666 2)  rotate(0 1.6499166666666671 1.6499166666666665)"
+        d="M3.3,0L0,3.3 " />
+      <path id="路径 5"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(10.666666666666666 2.333333333333333)  rotate(0 1.5 1.5)"
+        d="M0,0L0,3L3,3 " />
+      <path id="路径 6"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2.333333333333333 2.333333333333333)  rotate(0 1.5 1.5)"
+        d="M3,0L3,3L0,3 " />
+      <path id="路径 7"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2.333333333333333 10.666666666666666)  rotate(0 1.5 1.5)"
+        d="M3,3L3,0L0,0 " />
+      <path id="路径 8"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(10.666666666666666 10.666666666666666)  rotate(0 1.4832500000000004 1.5)"
+        d="M0,3L0,0L2.97,0 " />
+    </g>
+  </g>
+</svg>
--- a/app/icons/rename.svg
+++ b/app/icons/rename.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none"><defs><rect id="path_0" x="0" y="0" width="16" height="16" /></defs><g opacity="1" transform="translate(0 0)  rotate(0 8 8)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path  id="路径 1" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(1.774903333333333 1.3006199999999999)  rotate(0 6.599664999999999 6.599656666666666)" d="M2.83,13.2L13.2,2.83L10.37,0L0,10.37L0,13.2L2.83,13.2Z " /><path  id="路径 2" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(9.317366666666667 4.129066666666667)  rotate(0 1.4142166666666658 1.4142166666666665)" d="M0,0L2.83,2.83 " /></g></g></svg>
--- a/app/icons/share.svg
+++ b/app/icons/share.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16"
+  height="16" viewBox="0 0 16 16" fill="none">
+  <defs>
+    <rect id="path_0" x="0" y="0" width="16" height="16" />
+  </defs>
+  <g opacity="1" transform="translate(0 0)  rotate(0 8 8)">
+    <mask id="bg-mask-0" fill="white">
+      <use xlink:href="#path_0"></use>
+    </mask>
+    <g mask="url(#bg-mask-0)">
+      <path id="路径 1"
+        style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0"
+        transform="translate(2 1.3333333333333333)  rotate(0 6.333333333333333 6.5)"
+        d="M6.67,3.67C1.67,3.67 0,7.33 0,13C0,13 2,8 6.67,8L6.67,11.67L12.67,6L6.67,0L6.67,3.67Z " />
+    </g>
+  </g>
+</svg>
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,19 +2,9 @@
 import "./styles/globals.scss";
 import "./styles/markdown.scss";
 import "./styles/highlight.scss";
-import process from "child_process";
-import { ACCESS_CODES, IS_IN_DOCKER } from "./api/access";
+import { getBuildConfig } from "./config/build";

-let COMMIT_ID: string | undefined;
-try {
-  COMMIT_ID = process
-    // .execSync("git describe --tags --abbrev=0")
-    .execSync("git rev-parse --short HEAD")
-    .toString()
-    .trim();
-} catch (e) {
-  console.error("No git or not from git repo.");
-}
+const buildConfig = getBuildConfig();

 export const metadata = {
  title: "ChatGPT Next Web",
@@ -26,21 +16,6 @@ export const metadata = {
  themeColor: "#fafafa",
 };

-function Meta() {
-  const metas = {
-    version: COMMIT_ID ?? "unknown",
-    access: ACCESS_CODES.size > 0 || IS_IN_DOCKER ? "enabled" : "disabled",
-  };
-
-  return (
-    <>
-      {Object.entries(metas).map(([k, v]) => (
-        <meta name={k} content={v} key={k} />
-      ))}
-    </>
-  );
-}
-
 export default function RootLayout({
  children,
 }: {
@@ -58,7 +33,7 @@ export default function RootLayout({
          content="#151515"
          media="(prefers-color-scheme: dark)"
        />
-        <Meta />
+        <meta name="version" content={buildConfig.commitId} />
        <link rel="manifest" href="/site.webmanifest"></link>
        <link rel="preconnect" href="https://fonts.googleapis.com"></link>
        <link rel="preconnect" href="https://fonts.gstatic.com"></link>
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@@ -3,7 +3,7 @@ import { SubmitKey } from "../store/app";
 const cn = {
  WIP: "该功能仍在开发中……",
  Error: {
-    Unauthorized: "现在是未授权状态，请在设置页输入访问密码。",
+    Unauthorized: "现在是未授权状态，请点击左下角设置按钮输入访问密码。",
  },
  ChatItem: {
    ChatItemCount: (count: number) => `${count} 条对话`,
@@ -57,6 +57,12 @@ const cn = {
      ClearAll: "清除所有数据",
      ResetAll: "重置所有选项",
      Close: "关闭",
+      ConfirmResetAll: {
+        Confirm: "Are you sure you want to reset all configurations?",
+      },
+      ConfirmClearAll: {
+        Confirm: "Are you sure you want to reset all chat?",
+      },
    },
    Lang: {
      Name: "Language",
@@ -66,6 +72,8 @@ const cn = {
        tw: "繁體中文",
        es: "Español",
        it: "Italiano",
+        tr: "Türkçe",
+        jp: "日本語",
      },
    },
    Avatar: "头像",
@@ -84,7 +92,7 @@ const cn = {
    },
    SendKey: "发送键",
    Theme: "主题",
-    TightBorder: "紧凑边框",
+    TightBorder: "无边框模式",
    SendPreviewBubble: "发送预览气泡",
    Prompt: {
      Disable: {
@@ -120,7 +128,7 @@ const cn = {
    },
    AccessCode: {
      Title: "访问密码",
-      SubTitle: "现在是未授权访问状态",
+      SubTitle: "已开启加密访问",
      Placeholder: "请输入访问密码",
    },
    Model: "模型 (model)",
--- a/app/locales/en.ts
+++ b/app/locales/en.ts
@@ -60,6 +60,12 @@ const en: LocaleType = {
      ClearAll: "Clear All Data",
      ResetAll: "Reset All Settings",
      Close: "Close",
+      ConfirmResetAll: {
+        Confirm: "Are you sure you want to reset all configurations?",
+      },
+      ConfirmClearAll: {
+        Confirm: "Are you sure you want to reset all chat?",
+      },
    },
    Lang: {
      Name: "Language", // ATTENTION: if you wanna add a new translation, please do not translate this value, leave it as `Language`
@@ -69,6 +75,8 @@ const en: LocaleType = {
        tw: "繁體中文",
        es: "Español",
        it: "Italiano",
+        tr: "Türkçe",
+        jp: "日本語",
      },
    },
    Avatar: "Avatar",
--- a/app/locales/es.ts
+++ b/app/locales/es.ts
@@ -60,6 +60,12 @@ const es: LocaleType = {
      ClearAll: "Borrar todos los datos",
      ResetAll: "Restablecer todas las configuraciones",
      Close: "Cerrar",
+      ConfirmResetAll: {
+        Confirm: "Are you sure you want to reset all configurations?",
+      },
+      ConfirmClearAll: {
+        Confirm: "Are you sure you want to reset all chat?",
+      },
    },
    Lang: {
      Name: "Language",
@@ -69,6 +75,8 @@ const es: LocaleType = {
        tw: "繁體中文",
        es: "Español",
        it: "Italiano",
+        tr: "Türkçe",
+        jp: "日本語",
      },
    },
    Avatar: "Avatar",
--- a/app/locales/index.ts
+++ b/app/locales/index.ts
@@ -3,10 +3,12 @@ import EN from "./en";
 import TW from "./tw";
 import ES from "./es";
 import IT from "./it";
+import TR from "./tr";
+import JP from "./jp";

 export type { LocaleType } from "./cn";

-export const AllLangs = ["en", "cn", "tw", "es", "it"] as const;
+export const AllLangs = ["en", "cn", "tw", "es", "it", "tr", "jp"] as const;
 type Lang = (typeof AllLangs)[number];

 const LANG_KEY = "lang";
@@ -50,6 +52,10 @@ export function getLang(): Lang {
    return "es";
  } else if (lang.includes("it")) {
    return "it";
+  } else if (lang.includes("tr")) {
+    return "tr";
+  } else if (lang.includes("jp")) {
+    return "jp";
  } else {
    return "en";
  }
@@ -60,4 +66,6 @@ export function changeLang(lang: Lang) {
  location.reload();
 }

-export default { en: EN, cn: CN, tw: TW, es: ES, it: IT }[getLang()];
+export default { en: EN, cn: CN, tw: TW, es: ES, it: IT, tr: TR, jp: JP }[
+  getLang()
+];
--- a/app/locales/it.ts
+++ b/app/locales/it.ts
@@ -60,6 +60,12 @@ const it: LocaleType = {
      ClearAll: "Cancella tutti i dati",
      ResetAll: "Resetta tutte le impostazioni",
      Close: "Chiudi",
+      ConfirmResetAll: {
+        Confirm: "Sei sicuro vuoi cancellare tutte le impostazioni?",
+      },
+      ConfirmClearAll: {
+        Confirm: "Sei sicuro vuoi cancellare tutte le chat?",
+      },
    },
    Lang: {
      Name: "Lingue",
@@ -69,6 +75,8 @@ const it: LocaleType = {
        tw: "繁體中文",
        es: "Español",
        it: "Italiano",
+        tr: "Türkçe",
+        jp: "日本語",
      },
    },
    Avatar: "Avatar",
--- a/app/locales/jp.ts
+++ b/app/locales/jp.ts
@@ -0,0 +1,182 @@
+import { SubmitKey } from "../store/app";
+
+const jp = {
+  WIP: "この機能は開発中です……",
+  Error: {
+    Unauthorized:
+      "現在は未承認状態です。左下の設定ボタンをクリックし、アクセスパスワードを入力してください。",
+  },
+  ChatItem: {
+    ChatItemCount: (count: number) => `${count} 通のチャット`,
+  },
+  Chat: {
+    SubTitle: (count: number) => `ChatGPTとの ${count} 通のチャット`,
+    Actions: {
+      ChatList: "メッセージリストを表示",
+      CompressedHistory: "圧縮された履歴プロンプトを表示",
+      Export: "チャット履歴をエクスポート",
+      Copy: "コピー",
+      Stop: "停止",
+      Retry: "リトライ",
+    },
+    Rename: "チャットの名前を変更",
+    Typing: "入力中…",
+    Input: (submitKey: string) => {
+      var inputHints = `${submitKey} で送信`;
+      if (submitKey === String(SubmitKey.Enter)) {
+        inputHints += "，Shift + Enter で改行";
+      }
+      return inputHints + "，/ で自動補完をトリガー";
+    },
+    Send: "送信",
+  },
+  Export: {
+    Title: "チャット履歴をMarkdown形式でエクスポート",
+    Copy: "すべてコピー",
+    Download: "ファイルをダウンロード",
+    MessageFromYou: "あなたからのメッセージ",
+    MessageFromChatGPT: "ChatGPTからのメッセージ",
+  },
+  Memory: {
+    Title: "履歴メモリ",
+    EmptyContent: "まだ記憶されていません",
+    Send: "メモリを送信",
+    Copy: "メモリをコピー",
+    Reset: "チャットをリセット",
+    ResetConfirm:
+      "リセット後、現在のチャット履歴と過去のメモリがクリアされます。リセットしてもよろしいですか？",
+  },
+  Home: {
+    NewChat: "新しいチャット",
+    DeleteChat: "選択したチャットを削除してもよろしいですか？",
+    DeleteToast: "チャットが削除されました",
+    Revert: "元に戻す",
+  },
+  Settings: {
+    Title: "設定",
+    SubTitle: "設定オプション",
+    Actions: {
+      ClearAll: "すべてのデータをクリア",
+      ResetAll: "すべてのオプションをリセット",
+      Close: "閉じる",
+      ConfirmResetAll: {
+        Confirm: "すべての設定をリセットしてもよろしいですか？",
+      },
+      ConfirmClearAll: {
+        Confirm: "すべてのチャットをリセットしてもよろしいですか？",
+      },
+    },
+    Lang: {
+      Name: "Language",
+      Options: {
+        cn: "简体中文",
+        en: "English",
+        tw: "繁體中文",
+        es: "Español",
+        it: "Italiano",
+        tr: "Türkçe",
+        jp: "日本語",
+      },
+    },
+    Avatar: "アバター",
+    FontSize: {
+      Title: "フォントサイズ",
+      SubTitle: "チャット内容のフォントサイズ",
+    },
+
+    Update: {
+      Version: (x: string) => `現在のバージョン：${x}`,
+      IsLatest: "最新バージョンです",
+      CheckUpdate: "アップデートを確認",
+      IsChecking: "アップデートを確認しています...",
+      FoundUpdate: (x: string) => `新しいバージョンが見つかりました：${x}`,
+      GoToUpdate: "更新する",
+    },
+    SendKey: "送信キー",
+    Theme: "テーマ",
+    TightBorder: "ボーダーレスモード",
+    SendPreviewBubble: "プレビューバブルの送信",
+    Prompt: {
+      Disable: {
+        Title: "プロンプトの自動補完を無効にする",
+        SubTitle:
+          "入力フィールドの先頭に / を入力すると、自動補完がトリガーされます。",
+      },
+      List: "カスタムプロンプトリスト",
+      ListCount: (builtin: number, custom: number) =>
+        `組み込み ${builtin} 件、ユーザー定義 ${custom} 件`,
+      Edit: "編集",
+    },
+    HistoryCount: {
+      Title: "履歴メッセージ数を添付",
+      SubTitle: "リクエストごとに添付する履歴メッセージ数",
+    },
+    CompressThreshold: {
+      Title: "履歴メッセージの長さ圧縮しきい値",
+      SubTitle:
+        "圧縮されていない履歴メッセージがこの値を超えた場合、圧縮が行われます。",
+    },
+    Token: {
+      Title: "APIキー",
+      SubTitle: "自分のキーを使用してパスワードアクセス制限を迂回する",
+      Placeholder: "OpenAI APIキー",
+    },
+    Usage: {
+      Title: "残高照会",
+      SubTitle(used: any, total: any) {
+        return `今月は $${used} を使用しました。総額は $${total} です。`;
+      },
+      IsChecking: "確認中...",
+      Check: "再確認",
+      NoAccess: "APIキーまたはアクセスパスワードを入力して残高を表示",
+    },
+    AccessCode: {
+      Title: "アクセスパスワード",
+      SubTitle: "暗号化アクセスが有効になっています",
+      Placeholder: "アクセスパスワードを入力してください",
+    },
+    Model: "モデル (model)",
+    Temperature: {
+      Title: "ランダム性 (temperature)",
+      SubTitle:
+        "値が大きいほど、回答がランダムになります。1以上の値には文字化けが含まれる可能性があります。",
+    },
+    MaxTokens: {
+      Title: "シングルレスポンス制限 (max_tokens)",
+      SubTitle: "1回のインタラクションで使用される最大トークン数",
+    },
+    PresencePenlty: {
+      Title: "トピックの新鮮度 (presence_penalty)",
+      SubTitle: "値が大きいほど、新しいトピックへの展開が可能になります。",
+    },
+  },
+  Store: {
+    DefaultTopic: "新しいチャット",
+    BotHello: "何かお手伝いできることはありますか",
+    Error: "エラーが発生しました。しばらくしてからやり直してください。",
+    Prompt: {
+      History: (content: string) =>
+        "これは、AI とユーザの過去のチャットを要約した前提となるストーリーです：" +
+        content,
+      Topic:
+        "4～5文字でこの文章の簡潔な主題を返してください。説明、句読点、感嘆詞、余分なテキストは無しで。もし主題がない場合は、「おしゃべり」を返してください",
+      Summarize:
+        "あなたとユーザの会話を簡潔にまとめて、後続のコンテキストプロンプトとして使ってください。200字以内に抑えてください。",
+    },
+    ConfirmClearAll:
+      "すべてのチャット、設定データをクリアしてもよろしいですか？",
+  },
+  Copy: {
+    Success: "クリップボードに書き込みました",
+    Failed: "コピーに失敗しました。クリップボード許可を与えてください。",
+  },
+  Context: {
+    Toast: (x: any) => `前置コンテキストが ${x} 件設定されました`,
+    Edit: "前置コンテキストと履歴メモリ",
+    Add: "新規追加",
+  },
+};
+
+export type LocaleType = typeof jp;
+
+export default jp;
--- a/app/locales/tr.ts
+++ b/app/locales/tr.ts
@@ -0,0 +1,181 @@
+import { SubmitKey } from "../store/app";
+import type { LocaleType } from "./index";
+
+const tr: LocaleType = {
+  WIP: "Çalışma devam ediyor...",
+  Error: {
+    Unauthorized:
+      "Yetkisiz erişim, lütfen erişim kodunu ayarlar sayfasından giriniz.",
+  },
+  ChatItem: {
+    ChatItemCount: (count: number) => `${count} mesaj`,
+  },
+  Chat: {
+    SubTitle: (count: number) => `ChatGPT tarafından ${count} mesaj`,
+    Actions: {
+      ChatList: "Sohbet Listesine Git",
+      CompressedHistory: "Sıkıştırılmış Geçmiş Bellek Komutu",
+      Export: "Tüm Mesajları Markdown Olarak Dışa Aktar",
+      Copy: "Kopyala",
+      Stop: "Durdur",
+      Retry: "Tekrar Dene",
+    },
+    Rename: "Sohbeti Yeniden Adlandır",
+    Typing: "Yazıyor…",
+    Input: (submitKey: string) => {
+      var inputHints = `Göndermek için ${submitKey}`;
+      if (submitKey === String(SubmitKey.Enter)) {
+        inputHints += ", kaydırmak için Shift + Enter";
+      }
+      return inputHints + ", komutları aramak için / (eğik çizgi)";
+    },
+    Send: "Gönder",
+  },
+  Export: {
+    Title: "Tüm Mesajlar",
+    Copy: "Tümünü Kopyala",
+    Download: "İndir",
+    MessageFromYou: "Sizin Mesajınız",
+    MessageFromChatGPT: "ChatGPT'nin Mesajı",
+  },
+  Memory: {
+    Title: "Bellek Komutları",
+    EmptyContent: "Henüz değil.",
+    Send: "Belleği Gönder",
+    Copy: "Belleği Kopyala",
+    Reset: "Oturumu Sıfırla",
+    ResetConfirm:
+      "Sıfırlama, geçerli görüşme geçmişini ve geçmiş belleği siler. Sıfırlamak istediğinizden emin misiniz?",
+  },
+  Home: {
+    NewChat: "Yeni Sohbet",
+    DeleteChat: "Seçili sohbeti silmeyi onaylıyor musunuz?",
+    DeleteToast: "Sohbet Silindi",
+    Revert: "Geri Al",
+  },
+  Settings: {
+    Title: "Ayarlar",
+    SubTitle: "Tüm Ayarlar",
+    Actions: {
+      ClearAll: "Tüm Verileri Temizle",
+      ResetAll: "Tüm Ayarları Sıfırla",
+      Close: "Kapat",
+      ConfirmResetAll: {
+        Confirm: "Tüm ayarları sıfırlamak istediğinizden emin misiniz?",
+      },
+      ConfirmClearAll: {
+        Confirm: "Tüm sohbeti sıfırlamak istediğinizden emin misiniz?",
+      },
+    },
+    Lang: {
+      Name: "Language", // ATTENTION: if you wanna add a new translation, please do not translate this value, leave it as `Language`
+      Options: {
+        cn: "简体中文",
+        en: "English",
+        tw: "繁體中文",
+        es: "Español",
+        it: "Italiano",
+        tr: "Türkçe",
+        jp: "日本語",
+      },
+    },
+    Avatar: "Avatar",
+    FontSize: {
+      Title: "Yazı Boyutu",
+      SubTitle: "Sohbet içeriğinin yazı boyutunu ayarlayın",
+    },
+    Update: {
+      Version: (x: string) => `Sürüm: ${x}`,
+      IsLatest: "En son sürüm",
+      CheckUpdate: "Güncellemeyi Kontrol Et",
+      IsChecking: "Güncelleme kontrol ediliyor...",
+      FoundUpdate: (x: string) => `Yeni sürüm bulundu: ${x}`,
+      GoToUpdate: "Güncelle",
+    },
+    SendKey: "Gönder Tuşu",
+    Theme: "Tema",
+    TightBorder: "Tam Ekran",
+    SendPreviewBubble: "Mesaj Önizleme Balonu",
+    Prompt: {
+      Disable: {
+        Title: "Otomatik tamamlamayı devre dışı bırak",
+        SubTitle: "Otomatik tamamlamayı kullanmak için / (eğik çizgi) girin",
+      },
+      List: "Komut Listesi",
+      ListCount: (builtin: number, custom: number) =>
+        `${builtin} yerleşik, ${custom} kullanıcı tanımlı`,
+      Edit: "Düzenle",
+    },
+    HistoryCount: {
+      Title: "Ekli Mesaj Sayısı",
+      SubTitle: "İstek başına ekli gönderilen mesaj sayısı",
+    },
+    CompressThreshold: {
+      Title: "Geçmiş Sıkıştırma Eşiği",
+      SubTitle:
+        "Sıkıştırılmamış mesajların uzunluğu bu değeri aşarsa sıkıştırılır",
+    },
+    Token: {
+      Title: "API Anahtarı",
+      SubTitle: "Erişim kodu sınırını yoksaymak için anahtarınızı kullanın",
+      Placeholder: "OpenAI API Anahtarı",
+    },
+    Usage: {
+      Title: "Hesap Bakiyesi",
+      SubTitle(used: any, total: any) {
+        return `Bu ay kullanılan $${used}, abonelik $${total}`;
+      },
+      IsChecking: "Kontrol ediliyor...",
+      Check: "Tekrar Kontrol Et",
+      NoAccess: "Bakiyeyi kontrol etmek için API anahtarını girin",
+    },
+    AccessCode: {
+      Title: "Erişim Kodu",
+      SubTitle: "Erişim kontrolü etkinleştirme",
+      Placeholder: "Erişim Kodu Gerekiyor",
+    },
+    Model: "Model",
+    Temperature: {
+      Title: "Gerçeklik",
+      SubTitle:
+        "Daha büyük bir değer girildiğinde gerçeklik oranı düşer ve daha rastgele çıktılar üretir",
+    },
+    MaxTokens: {
+      Title: "Maksimum Belirteç",
+      SubTitle:
+        "Girdi belirteçlerinin ve oluşturulan belirteçlerin maksimum uzunluğu",
+    },
+    PresencePenlty: {
+      Title: "Varlık Cezası",
+      SubTitle:
+        "Daha büyük bir değer, yeni konular hakkında konuşma olasılığını artırır",
+    },
+  },
+  Store: {
+    DefaultTopic: "Yeni Konuşma",
+    BotHello: "Merhaba! Size bugün nasıl yardımcı olabilirim?",
+    Error: "Bir şeyler yanlış gitti. Lütfen daha sonra tekrar deneyiniz.",
+    Prompt: {
+      History: (content: string) =>
+        "Bu, yapay zeka ile kullanıcı arasındaki sohbet geçmişinin bir özetidir: " +
+        content,
+      Topic:
+        "Lütfen herhangi bir giriş, noktalama işareti, tırnak işareti, nokta, sembol veya ek metin olmadan konuşmamızı özetleyen dört ila beş kelimelik bir başlık oluşturun. Çevreleyen tırnak işaretlerini kaldırın.",
+      Summarize:
+        "Gelecekteki bağlam için bir bilgi istemi olarak kullanmak üzere tartışmamızı en fazla 200 kelimeyle özetleyin.",
+    },
+    ConfirmClearAll:
+      "Tüm sohbet ve ayar verilerini temizlemeyi onaylıyor musunuz?",
+  },
+  Copy: {
+    Success: "Panoya kopyalandı",
+    Failed: "Kopyalama başarısız oldu, lütfen panoya erişim izni verin",
+  },
+  Context: {
+    Toast: (x: any) => `${x} bağlamsal bellek komutu`,
+    Edit: "Bağlamsal ve Bellek Komutları",
+    Add: "Yeni Ekle",
+  },
+};
+
+export default tr;
--- a/app/locales/tw.ts
+++ b/app/locales/tw.ts
@@ -58,6 +58,12 @@ const tw: LocaleType = {
      ClearAll: "清除所有數據",
      ResetAll: "重置所有設定",
      Close: "關閉",
+      ConfirmResetAll: {
+        Confirm: "Are you sure you want to reset all configurations?",
+      },
+      ConfirmClearAll: {
+        Confirm: "Are you sure you want to reset all chat?",
+      },
    },
    Lang: {
      Name: "Language",
@@ -67,6 +73,8 @@ const tw: LocaleType = {
        tw: "繁體中文",
        es: "Español",
        it: "Italiano",
+        tr: "Türkçe",
+        jp: "日本語",
      },
    },
    Avatar: "大頭貼",
@@ -144,9 +152,9 @@ const tw: LocaleType = {
    Prompt: {
      History: (content: string) =>
        "這是 AI 與用戶的歷史聊天總結，作為前情提要：" + content,
-      Topic: "直接返回這句話的簡要主題，無須解釋，若無主題，請直接返回「閒聊」",
+      Topic: "Summarise the conversation in a short and concise eye-catching title that instantly conveys the main topic. Use as few words as possible. Use the language used in the enquiry, e.g. use English for English enquiry, use zh-hant for traditional chinese enquiry. Don't use quotation marks at the beginning and the end.",
      Summarize:
-        "簡要總結一下你和用戶的對話，作為後續的上下文提示 prompt，且字數控制在 200 字以內",
+        "Summarise the conversation in at most 250 tokens for continuing the conversation in future. Use the language used in the conversation, e.g. use English for English conversation, use zh-hant for traditional chinese conversation.",
    },
    ConfirmClearAll: "確認清除所有對話、設定數據？",
  },
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -2,11 +2,15 @@ import { Analytics } from "@vercel/analytics/react";

 import { Home } from "./components/home";

-export default function App() {
+import { getServerSideConfig } from "./config/server";
+
+const serverConfig = getServerSideConfig();
+
+export default async function App() {
  return (
    <>
      <Home />
-      <Analytics />
+      {serverConfig?.isVercel && <Analytics />}
    </>
  );
 }
--- a/app/requests.ts
+++ b/app/requests.ts
@@ -1,4 +1,4 @@
-import type { ChatRequest, ChatReponse } from "./api/openai/typing";
+import type { ChatRequest, ChatResponse } from "./api/openai/typing";
 import { Message, ModelConfig, useAccessStore, useChatStore } from "./store";
 import { showToast } from "./components/ui-lib";

@@ -67,7 +67,7 @@ export async function requestChat(messages: Message[]) {
  const res = await requestOpenaiClient("v1/chat/completions")(req);

  try {
-    const response = (await res.json()) as ChatReponse;
+    const response = (await res.json()) as ChatResponse;
    return response;
  } catch (error) {
    console.error("[Request Chat] ", error, res.body);
@@ -171,10 +171,15 @@ export async function requestChatStream(
        const resTimeoutId = setTimeout(() => finish(), TIME_OUT_MS);
        const content = await reader?.read();
        clearTimeout(resTimeoutId);
-        const text = decoder.decode(content?.value);
+      
+        if (!content || !content.value) {
+          break;
+        }
+      
+        const text = decoder.decode(content.value, { stream: true });
        responseText += text;

-        const done = !content || content.done;
+        const done = content.done;
        options?.onMessage(responseText, false);

        if (done) {
@@ -184,8 +189,8 @@ export async function requestChatStream(

      finish();
    } else if (res.status === 401) {
-      console.error("Anauthorized");
-      options?.onError(new Error("Anauthorized"), res.status);
+      console.error("Unauthorized");
+      options?.onError(new Error("Unauthorized"), res.status);
    } else {
      console.error("Stream Error", res.body);
      options?.onError(new Error("Stream Error"), res.status);
--- a/app/store/access.ts
+++ b/app/store/access.ts
@@ -1,25 +1,33 @@
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
-import { queryMeta } from "../utils";

 export interface AccessControlStore {
  accessCode: string;
  token: string;

+  needCode: boolean;
+
  updateToken: (_: string) => void;
  updateCode: (_: string) => void;
  enabledAccessControl: () => boolean;
+  isAuthorized: () => boolean;
+  fetch: () => void;
 }

 export const ACCESS_KEY = "access-control";

+let fetchState = 0; // 0 not fetch, 1 fetching, 2 done
+
 export const useAccessStore = create<AccessControlStore>()(
  persist(
    (set, get) => ({
      token: "",
      accessCode: "",
+      needCode: true,
      enabledAccessControl() {
-        return queryMeta("access") === "enabled";
+        get().fetch();
+
+        return get().needCode;
      },
      updateCode(code: string) {
        set((state) => ({ accessCode: code }));
@@ -27,10 +35,35 @@ export const useAccessStore = create<AccessControlStore>()(
      updateToken(token: string) {
        set((state) => ({ token }));
      },
+      isAuthorized() {
+        // has token or has code or disabled access control
+        return (
+          !!get().token || !!get().accessCode || !get().enabledAccessControl()
+        );
+      },
+      fetch() {
+        if (fetchState > 0) return;
+        fetchState = 1;
+        fetch("/api/config", {
+          method: "post",
+          body: null,
+        })
+          .then((res) => res.json())
+          .then((res: DangerConfig) => {
+            console.log("[Config] got config from server", res);
+            set(() => ({ ...res }));
+          })
+          .catch(() => {
+            console.error("[Config] failed to fetch config");
+          })
+          .finally(() => {
+            fetchState = 2;
+          });
+      },
    }),
    {
      name: ACCESS_KEY,
      version: 1,
-    }
-  )
+    },
+  ),
 );
--- a/app/store/app.ts
+++ b/app/store/app.ts
@@ -53,6 +53,7 @@ export interface ChatConfig {
  theme: Theme;
  tightBorder: boolean;
  sendPreviewBubble: boolean;
+  sidebarWidth: number;

  disablePromptHint: boolean;

@@ -141,6 +142,7 @@ const DEFAULT_CONFIG: ChatConfig = {
  theme: Theme.Auto as Theme,
  tightBorder: false,
  sendPreviewBubble: true,
+  sidebarWidth: 300,

  disablePromptHint: false,

@@ -205,7 +207,7 @@ interface ChatStore {
  moveSession: (from: number, to: number) => void;
  selectSession: (index: number) => void;
  newSession: () => void;
-  deleteSession: () => void;
+  deleteSession: (index?: number) => void;
  currentSession: () => ChatSession;
  onNewMessage: (message: Message) => void;
  onUserInput: (content: string) => Promise<void>;
@@ -326,24 +328,30 @@ export const useChatStore = create<ChatStore>()(
        }));
      },

-      deleteSession() {
+      deleteSession(i?: number) {
        const deletedSession = get().currentSession();
-        const index = get().currentSessionIndex;
+        const index = i ?? get().currentSessionIndex;
        const isLastSession = get().sessions.length === 1;
        if (!isMobileScreen() || confirm(Locale.Home.DeleteChat)) {
          get().removeSession(index);
-          
-          showToast(Locale.Home.DeleteToast, {
-            text: Locale.Home.Revert,
-            onClick() {
-              set((state) => ({
-                sessions: state.sessions
-                  .slice(0, index)
-                  .concat([deletedSession])
-                  .concat(state.sessions.slice(index + Number(isLastSession))),
-              }));
+
+          showToast(
+            Locale.Home.DeleteToast,
+            {
+              text: Locale.Home.Revert,
+              onClick() {
+                set((state) => ({
+                  sessions: state.sessions
+                    .slice(0, index)
+                    .concat([deletedSession])
+                    .concat(
+                      state.sessions.slice(index + Number(isLastSession)),
+                    ),
+                }));
+              },
            },
-          });
+            5000,
+          );
        }
      },

--- a/app/store/update.ts
+++ b/app/store/update.ts
@@ -1,28 +1,46 @@
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 import { FETCH_COMMIT_URL, FETCH_TAG_URL } from "../constant";
-import { getCurrentVersion } from "../utils";

 export interface UpdateStore {
  lastUpdate: number;
-  remoteId: string;
+  remoteVersion: string;

-  getLatestCommitId: (force: boolean) => Promise<string>;
+  version: string;
+  getLatestVersion: (force: boolean) => Promise<string>;
 }

 export const UPDATE_KEY = "chat-update";

+function queryMeta(key: string, defaultValue?: string): string {
+  let ret: string;
+  if (document) {
+    const meta = document.head.querySelector(
+      `meta[name='${key}']`,
+    ) as HTMLMetaElement;
+    ret = meta?.content ?? "";
+  } else {
+    ret = defaultValue ?? "";
+  }
+
+  return ret;
+}
+
 export const useUpdateStore = create<UpdateStore>()(
  persist(
    (set, get) => ({
      lastUpdate: 0,
-      remoteId: "",
+      remoteVersion: "",
+
+      version: "unknown",
+
+      async getLatestVersion(force = false) {
+        set(() => ({ version: queryMeta("version") }));

-      async getLatestCommitId(force = false) {
        const overTenMins = Date.now() - get().lastUpdate > 10 * 60 * 1000;
        const shouldFetch = force || overTenMins;
        if (!shouldFetch) {
-          return getCurrentVersion();
+          return get().version ?? "unknown";
        }

        try {
@@ -32,13 +50,13 @@ export const useUpdateStore = create<UpdateStore>()(
          const remoteId = (data[0].sha as string).substring(0, 7);
          set(() => ({
            lastUpdate: Date.now(),
-            remoteId,
+            remoteVersion: remoteId,
          }));
          console.log("[Got Upstream] ", remoteId);
          return remoteId;
        } catch (error) {
          console.error("[Fetch Upstream Commit Id]", error);
-          return getCurrentVersion();
+          return get().version ?? "";
        }
      },
    }),
--- a/app/styles/globals.scss
+++ b/app/styles/globals.scss
@@ -1,4 +1,6 @@
@mixin light {
+  --theme: light;
+
  /* color */
  --white: white;
  --black: rgb(48, 48, 48);
@@ -18,6 +20,8 @@
 }

@mixin dark {
+  --theme: dark;
+
  /* color */
  --white: rgb(30, 30, 30);
  --black: rgb(187, 187, 187);
@@ -31,6 +35,10 @@
  --border-in-light: 1px solid rgba(255, 255, 255, 0.192);

  --theme-color: var(--gray);
+
+  div:not(.no-dark) > svg {
+    filter: invert(0.5);
+  }
 }

 .light {
@@ -282,10 +290,6 @@ pre {
 .clickable {
  cursor: pointer;

-  div:not(.no-dark) > svg {
-    filter: invert(0.5);
-  }
-
  &:hover {
    filter: brightness(0.9);
  }
--- a/app/utils.ts
+++ b/app/utils.ts
@@ -69,31 +69,6 @@ export function selectOrCopy(el: HTMLElement, content: string) {
  return true;
 }

-export function queryMeta(key: string, defaultValue?: string): string {
-  let ret: string;
-  if (document) {
-    const meta = document.head.querySelector(
-      `meta[name='${key}']`,
-    ) as HTMLMetaElement;
-    ret = meta?.content ?? "";
-  } else {
-    ret = defaultValue ?? "";
-  }
-
-  return ret;
-}
-
-let currentId: string;
-export function getCurrentVersion() {
-  if (currentId) {
-    return currentId;
-  }
-
-  currentId = queryMeta("version");
-
-  return currentId;
-}
-
 export function getEmojiUrl(unified: string, style: EmojiStyle) {
  return `https://cdn.staticfile.org/emoji-datasource-apple/14.0.0/img/${style}/64/${unified}.png`;
 }
@@ -145,3 +120,7 @@ export function autoGrowTextArea(dom: HTMLTextAreaElement) {

  return rows;
 }
+
+export function getCSSVar(varName: string) {
+  return getComputedStyle(document.body).getPropertyValue(varName).trim();
+}
--- a/docs/faq-cn.md
+++ b/docs/faq-cn.md
@@ -1,13 +1,13 @@
 # 常见问题

-> We are sorry that there is currently no English version of the FAQ. English users can use translation tools to access this document. We look forward to receiving your PR for an English version of the documentation.
-
 ## 如何快速获得帮助？
 1. 询问ChatGPT / Bing / 百度 / Google等。
 2. 询问网友。请提供问题的背景信息和碰到问题的详细描述。高质量的提问容易获得有用的答案。

 # 部署相关问题

+各种部署方式详细教程参考：https://rptzik3toh.feishu.cn/docx/XtrdduHwXoSCGIxeFLlcEPsdn8b  
+
 ## 为什么 Docker 部署版本一直提示更新
 Docker 版本相当于稳定版，latest Docker 总是与 latest release version 一致，目前我们的发版频率是一到两天发一次，所以 Docker 版本会总是落后最新的提交一到两天，这在预期内。

@@ -53,6 +53,18 @@ keepalive_timeout 300;  # 设定keep-alive超时时间为65秒
 - 到服务器的路由通吗？
 - 域名正确解析了吗？

+## 什么是代理，如何使用？
+由于OpenAI的IP限制，中国和其他一些国家/地区无法直接连接OpenAI API，需要通过代理。你可以使用代理服务器（正向代理），或者已经设置好的OpenAI API反向代理。
+- 正向代理例子：科学上网梯子。docker部署的情况下，设置环境变量HTTP_PROXY为你的代理地址（例如：10.10.10.10:8002）。
+- 反向代理例子：可以用别人搭建的代理地址，或者通过Cloudflare免费设置。设置项目环境变量BASE_URL为你的代理地址。
+
+## 国内服务器可以部署吗？
+可以但需要解决的问题：
+- 需要代理才能连接github和openAI等网站；
+- 国内服务器要设置域名解析的话需要备案；
+- 国内政策限制代理访问外网/ChatGPT相关应用，可能被封。
+
+
 # 使用相关问题

 ## 为什么会一直提示“出错了，稍后重试吧”
@@ -71,17 +83,6 @@ keepalive_timeout 300;  # 设定keep-alive超时时间为65秒
 ## 使用时提示"You exceeded your current quota, ..."
 API KEY有问题。余额不足。

-## 什么是代理，如何使用？
-由于OpenAI的IP限制，中国和其他一些国家/地区无法直接连接OpenAI API，需要通过代理。你可以使用代理服务器（正向代理），或者已经设置好的OpenAI API反向代理。
- 正向代理例子：科学上网梯子。docker部署的情况下，设置环境变量HTTP_PROXY为你的代理地址（http://地址:端口）。
- 反向代理例子：可以用别人搭建的代理地址，或者通过Cloudflare免费设置。设置项目环境变量BASE_URL为你的代理地址。
-
-## 国内服务器可以部署吗？
-可以但需要解决的问题：
- 需要代理才能连接github和openAI等网站；
- 国内服务器要设置域名解析的话需要备案；
- 国内政策限制代理访问外网/ChatGPT相关应用，可能被封。
-
 # 网络服务相关问题
 ## Cloudflare是什么？
 Cloudflare（CF）是一个提供CDN，域名管理，静态页面托管，边缘计算函数部署等的网络服务供应商。常见的用途：购买和/或托管你的域名（解析、动态域名等），给你的服务器套上CDN（可以隐藏ip免被墙），部署网站（CF Pages）。CF免费提供大多数服务。
@@ -100,6 +101,17 @@ Vercel 是一个全球化的云平台，旨在帮助开发人员更快地构建
 - 国内服务器供应商：阿里云，腾讯等；
 国内服务器事项：解析域名需要备案；国内服务器带宽较贵；访问国外网站（Github, openAI等）需要代理。

+## 什么情况下服务器要备案？
+在中国大陆经营的网站按监管要求需要备案。实际操作中，服务器位于国内且有域名解析的情况下，服务器供应商会执行监管的备案要求，否则会关停服务。通常的规则如下：
+|服务器位置|域名供应商|是否需要备案|
+|---|---|---|
+|国内|国内|是|
+|国内|国外|是|
+|国外|国外|否|
+|国外|国内|通常否|
+
+换服务器供应商后需要转备案。
+
 # OpenAI相关问题
 ## 如何注册OpenAI账号？
 去chat.openai.com注册。你需要：
@@ -121,8 +133,9 @@ OpenAI只接受指定地区的信用卡（中国信用卡无法使用）。一
 3. 网上找人代充

 ## 如何使用GPT-4的API访问？
-（4月6日更新）GPT-4的API访问需要单独申请。到以下地址填写你的信息进入申请队列waitlist（准备好你的OpenAI组织ID）：https://openai.com/waitlist/gpt-4-api
+- GPT-4的API访问需要单独申请。到以下地址填写你的信息进入申请队列waitlist（准备好你的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)
@@ -136,3 +149,17 @@ OpenAI只接受指定地区的信用卡（中国信用卡无法使用）。一
 - 通过上述两个方法就可以定位到你的 token 被快速消耗的原因：
  - 如果 openai 消费记录异常，但是 docker 日志没有问题，那么说明是 api key 泄露；
  - 如果 docker 日志发现大量 got access code 爆破记录，那么就是密码被爆破了。
+ 
+## API是怎么计费的？
+OpenAI网站计费说明：https://openai.com/pricing#language-models  
+OpenAI根据token数收费，1000个token通常可代表750个英文单词，或500个汉字。输入（Prompt）和输出（Completion）分别统计费用。  
+|模型|用户输入（Prompt）计费|模型输出（Completion）计费|每次交互最大token数|
+|----|----|----|----|
+|gpt-3.5|$0.002 / 1千tokens|$0.002 / 1千tokens|4096|
+|gpt-4|$0.03 / 1千tokens|$0.06 / 1千tokens|8192|
+|gpt-4-32K|$0.06 / 1千tokens|$0.12 / 1千tokens|32768|
+
+## gpt-3.5-turbo和gpt3.5-turbo-0301(或者gpt3.5-turbo-mmdd)模型有什么区别?
+官方文档说明：https://platform.openai.com/docs/models/gpt-3-5  
+- gpt-3.5-turbo是最新的模型，会不断得到更新。
+- gpt-3.5-turbo-0301是3月1日定格的模型快照，不会变化，预期3个月后被新快照替代。
--- a/docs/faq-en.md
+++ b/docs/faq-en.md
--- a/docs/images/enable-actions-sync.jpg
+++ b/docs/images/enable-actions-sync.jpg
--- a/docs/images/enable-actions.jpg
+++ b/docs/images/enable-actions.jpg
--- a/docs/images/vercel/vercel-create-1.jpg
+++ b/docs/images/vercel/vercel-create-1.jpg
--- a/docs/images/vercel/vercel-create-2.jpg
+++ b/docs/images/vercel/vercel-create-2.jpg
--- a/docs/images/vercel/vercel-create-3.jpg
+++ b/docs/images/vercel/vercel-create-3.jpg
--- a/docs/images/vercel/vercel-env-edit.jpg
+++ b/docs/images/vercel/vercel-env-edit.jpg
--- a/docs/images/vercel/vercel-redeploy.jpg
+++ b/docs/images/vercel/vercel-redeploy.jpg
--- a/docs/vercel-cn.md
+++ b/docs/vercel-cn.md
@@ -0,0 +1,39 @@
+# Vercel 的使用说明
+
+## 如何新建项目
+当你从 Github fork 本项目之后，需要重新在 Vercel 创建一个全新的 Vercel 项目来重新部署，你需要按照下列步骤进行。
+
+![vercel-create-1](./images/vercel/vercel-create-1.jpg)
+1. 进入 Vercel 控制台首页；
+2. 点击 Add New；
+3. 选择 Project。
+
+![vercel-create-2](./images/vercel/vercel-create-2.jpg)
+1. 在 Import Git Repository 处，搜索 chatgpt-next-web；
+2. 选中新 fork 的项目，点击 Import。
+
+![vercel-create-3](./images/vercel/vercel-create-3.jpg)
+1. 在项目配置页，点开 Environmane Variables 开始配置环境变量；
+2. 依次新增名为 OPENAI_API_KEY 和 CODE 的环境变量；
+3. 填入环境变量对应的值；
+4. 点击 Add 确认增加环境变量；
+5. 请确保你添加了 OPENAI_API_KEY，否则无法使用；
+6. 点击 Deploy，创建完成，耐心等待 5 分钟左右部署完成。
+
+## 如何增加自定义域名
+[TODO]
+
+## 如何更改环境变量
+![vercel-env-edit](./images/vercel/vercel-env-edit.jpg)
+1. 进去 Vercel 项目内部控制台，点击顶部的 Settings 按钮；
+2. 点击左侧的 Environment Variables；
+3. 点击已有条目的右侧按钮；
+4. 选择 Edit 进行编辑，然后保存即可。
+
+⚠️️ 注意：每次修改完环境变量，你都需要[重新部署项目](#如何重新部署)来让改动生效！
+
+## 如何重新部署
+![vercel-redeploy](./images/vercel/vercel-redeploy.jpg)
+1. 进入 Vercel 项目内部控制台，点击顶部的 Deployments 按钮；
+2. 选择列表最顶部一条的右侧按钮；
+3. 点击 Redeploy 即可重新部署。
--- a/middleware.ts
+++ b/middleware.ts
@@ -1,21 +1,23 @@
 import { NextRequest, NextResponse } from "next/server";
-import { ACCESS_CODES } from "./app/api/access";
+import { getServerSideConfig } from "./app/config/server";
 import md5 from "spark-md5";

 export const config = {
  matcher: ["/api/openai", "/api/chat-stream"],
 };

+const serverConfig = getServerSideConfig();
+
 export function middleware(req: NextRequest) {
  const accessCode = req.headers.get("access-code");
  const token = req.headers.get("token");
  const hashedCode = md5.hash(accessCode ?? "").trim();

-  console.log("[Auth] allowed hashed codes: ", [...ACCESS_CODES]);
+  console.log("[Auth] allowed hashed codes: ", [...serverConfig.codes]);
  console.log("[Auth] got access code:", accessCode);
  console.log("[Auth] hashed access code:", hashedCode);

-  if (ACCESS_CODES.size > 0 && !ACCESS_CODES.has(hashedCode) && !token) {
+  if (serverConfig.needCode && !serverConfig.codes.has(hashedCode) && !token) {
    return NextResponse.json(
      {
        error: true,
@@ -30,7 +32,7 @@ export function middleware(req: NextRequest) {

  // inject api key
  if (!token) {
-    const apiKey = process.env.OPENAI_API_KEY;
+    const apiKey = serverConfig.apiKey;
    if (apiKey) {
      console.log("[Auth] set system token");
      req.headers.set("token", apiKey);
--- a/next.config.js
+++ b/next.config.js
@@ -8,14 +8,11 @@ const nextConfig = {
    config.module.rules.push({
      test: /\.svg$/,
      use: ["@svgr/webpack"],
-    }); // 针对 SVG 的处理规则
+    });

    return config;
-  }
+  },
+  output: "standalone",
 };

-if (process.env.DOCKER) {
-  nextConfig.output = 'standalone'
-}
-
 module.exports = nextConfig;
--- a/scripts/fetch-prompts.mjs
+++ b/scripts/fetch-prompts.mjs
@@ -1,14 +1,13 @@
 import fetch from "node-fetch";
 import fs from "fs/promises";

-const RAW_CN_URL =
-  "https://raw.githubusercontent.com/PlexPt/awesome-chatgpt-prompts-zh/main/prompts-zh.json";
-const CN_URL =
-  "https://cdn.jsdelivr.net/gh/PlexPt/awesome-chatgpt-prompts-zh@main/prompts-zh.json";
-const RAW_EN_URL =
-  "https://raw.githubusercontent.com/f/awesome-chatgpt-prompts/main/prompts.csv";
-const EN_URL =
-  "https://cdn.jsdelivr.net/gh/f/awesome-chatgpt-prompts@main/prompts.csv";
+const RAW_FILE_URL = "https://raw.githubusercontent.com/";
+const MIRRORF_FILE_URL = "https://raw.fgit.ml/";
+
+const RAW_CN_URL = "PlexPt/awesome-chatgpt-prompts-zh/main/prompts-zh.json";
+const CN_URL = MIRRORF_FILE_URL + RAW_CN_URL;
+const RAW_EN_URL = "f/awesome-chatgpt-prompts/main/prompts.csv";
+const EN_URL = MIRRORF_FILE_URL + RAW_EN_URL;
 const FILE = "./public/prompts.json";

 async function fetchCN() {
--- a/vercel.json
+++ b/vercel.json
@@ -0,0 +1,5 @@
+{
+    "github": {
+        "silent": true
+    }
+}
Author	SHA1	Message	Date
Yifei Zhang	e0f6c801d5	Merge pull request #812 from Yidadaa/bugfix-0415 refactor: remove protocol env vars	2023-04-15 02:52:53 +08:00
Yidadaa	ad274b7cad	fixup	2023-04-15 02:51:15 +08:00
Yidadaa	0a79df3670	refactor: remove protocol env vars	2023-04-15 02:50:04 +08:00
Yifei Zhang	f5a05da792	Merge pull request #811 from Yidadaa/bugfix-0415 fix: #804 disable auto scroll in textarea	2023-04-15 02:38:30 +08:00
Yidadaa	47a2911ee2	feat: edit session title button	2023-04-15 02:37:24 +08:00
Yidadaa	fb14785cad	fix: #804 disable auto scroll in textarea	2023-04-15 02:28:30 +08:00
Yifei Zhang	b0f7aeece5	Merge pull request #807 from jtung4/pr feat: close #796 improve tw summarize title prompt	2023-04-15 02:03:45 +08:00
jtung4	73216513dd	Update tw.ts	2023-04-14 19:49:48 +08:00
Yifei Zhang	563eb96282	Update README.md	2023-04-13 22:47:40 +08:00
Yifei Zhang	480ffa0ab3	Merge pull request #770 from JessySnow/dev/fix_docker_config fix docker proxy config	2023-04-13 21:57:48 +08:00
JessySnow	4baadefa1d	fix docker proxy config	2023-04-13 18:36:50 +08:00
Yifei Zhang	9fef4cab73	Merge pull request #755 from peanut996/patch-2 Fix wrong spelling	2023-04-13 14:45:47 +08:00
Peanuts	7fc43b4745	Fix wrong spelling	2023-04-13 11:07:42 +08:00
Yifei Zhang	86fb36163c	Update README_CN.md	2023-04-13 11:05:36 +08:00
Yifei Zhang	5ad8a3e214	Update README.md	2023-04-13 11:04:48 +08:00
Yifei Zhang	f6f07abf1d	Update markdown.tsx	2023-04-13 02:16:21 +08:00
Yifei Zhang	233e7bf406	Merge pull request #746 from Yidadaa/bugfix-0412 feat: close #680 lazy load markdown dom	2023-04-13 02:11:05 +08:00
Yifei Zhang	3f34731adf	Merge pull request #747 from yorunning/ci-prompt ci(sync): add an error prompt	2023-04-13 02:09:05 +08:00
Yidadaa	8363cdd9fa	feat: close #680 lazy rendering markdown	2023-04-13 02:07:24 +08:00
Yorun	e12ea69b6a	ci(sync): add an error prompt	2023-04-12 15:31:40 +00:00
Yidadaa	d790b0b372	feat: close #680 lazy load markdown dom	2023-04-12 23:27:28 +08:00
Yidadaa	9146b98285	fix: .scss .svg types	2023-04-12 23:04:45 +08:00
Yifei Zhang	2fb67f52a1	Merge pull request #742 from Yidadaa/revert-715-bugfix-scrollthumb Revert "fix: autoscroll conflict"	2023-04-12 19:48:59 +08:00
Yifei Zhang	c1bb53c4e3	Revert "fix: autoscroll conflict"	2023-04-12 19:48:12 +08:00
Yifei Zhang	2b921093e1	Update README.md	2023-04-12 17:03:42 +08:00
Yifei Zhang	7c9248a764	Update README.md	2023-04-12 14:58:11 +08:00
Yifei Zhang	5fc0ae1377	Update README.md	2023-04-12 12:13:52 +08:00
Yifei Zhang	3ee99cae75	docs: add vercel instructions	2023-04-12 12:11:22 +08:00
Yifei Zhang	a15bd3ce33	Merge pull request #715 from betgo/bugfix-scrollthumb fix: autoscroll conflict	2023-04-12 11:05:53 +08:00
Yifei Zhang	88fff82e3a	Merge pull request #721 from helloworld-xdy/main fix:修复正常响应结果后额外追加‘出错了,请稍后再试’bug	2023-04-11 22:56:10 +08:00
Yifei Zhang	3f2a8cc0bb	Merge pull request #723 from latorc/patch-1 docs: Update faq-cn.md	2023-04-11 22:53:17 +08:00
latorc	65aca5c38a	Update faq-cn.md	2023-04-11 22:17:36 +08:00
helloworld_xy	d8ef4a1031	fix:修复正常响应结果后额外追加‘出错了,请稍后再试’bug	2023-04-11 19:03:09 +08:00
Yifei Zhang	8d2abe36a9	Update README.md	2023-04-11 16:04:36 +08:00
Yifei Zhang	5a56bc3465	Merge pull request #688 from aooyoo/main add Japanese	2023-04-11 15:37:23 +08:00
Yifei Zhang	b4cea45bfe	Merge pull request #708 from peanut996/patch-1 [refactor] rename ChatResponse.	2023-04-11 15:36:50 +08:00
betgo	4269775665	fix: autoscroll conflict	2023-04-11 14:27:34 +08:00
peanut996	a1c709bb58	[refactor] rename ChatResponse.	2023-04-11 12:06:12 +08:00
Yifei Zhang	9f92968b96	Update issue templates	2023-04-11 11:21:05 +08:00
Yifei Zhang	f43d936ef0	Update faq-cn.md	2023-04-11 11:15:24 +08:00
Yifei Zhang	0f739f442e	Merge pull request #697 from Yidadaa/bugfix-0410 fix: runtime config and proxy fix	2023-04-11 02:59:51 +08:00
Yidadaa	6841846613	fixup	2023-04-11 02:56:48 +08:00
Yidadaa	d6e6dd09f0	feat: dynamic config	2023-04-11 02:54:31 +08:00
Yidadaa	9b61cb1335	refactor: build/runtime/client configs	2023-04-11 01:21:34 +08:00
Yidadaa	7aee53ea05	fix: #507 break cjk chars in stream mode	2023-04-10 23:13:20 +08:00
Yidadaa	8df8ee8936	fix: #676 docker override old proxy files	2023-04-10 22:46:58 +08:00
aooyoo	042e989ebb	fix spelling errors	2023-04-10 14:12:31 +00:00
aooyoo	7670b8b738	add new language, Japanese	2023-04-10 14:01:54 +00:00
Yifei Zhang	ec985f6a1d	Merge pull request #679 from muhammetdemirel/main Added new language, Turkish.	2023-04-10 18:03:39 +08:00
Yifei Zhang	2ec99bbb70	Update docker.yml	2023-04-10 17:39:21 +08:00
Muhammet Demirel	d7edcadec7	Added new language, Turkish.	2023-04-10 12:04:30 +03:00
Yifei Zhang	150735b001	Update access.ts	2023-04-10 10:57:16 +08:00
Yidadaa	3c1e81897a	fixup: wont show fullscreen icon on mobile	2023-04-10 01:13:33 +08:00
Yifei Zhang	601e72b56c	Merge pull request #659 from Yidadaa/bugfix-0409 fix: many UI bugs and resizable side bar	2023-04-10 01:04:38 +08:00
Yidadaa	09fd743e2e	feat: wider app body	2023-04-10 00:56:44 +08:00
Yidadaa	6ae61c5357	fix: #522 resizable side bar	2023-04-10 00:54:17 +08:00
Yidadaa	eae5a8a2e6	feat: #577 maximum / minimium icon	2023-04-10 00:00:36 +08:00
Yidadaa	0e05733bbb	fix: #589 improve unauthorized tips	2023-04-09 23:51:12 +08:00
Yidadaa	4a492264a1	fix: #641 delete wrong chat list	2023-04-09 23:41:16 +08:00
Yidadaa	174c745279	fix: #648 password input style	2023-04-09 23:35:45 +08:00
Yifei Zhang	3cfec63a95	Merge pull request #654 from Yidadaa/docker feat: #120 docker proxy	2023-04-09 20:46:37 +08:00
yidadaa	0c92d49f89	chore: update readme	2023-04-09 20:43:34 +08:00
yidadaa	1bb7b4a653	feat: add proxy for docker	2023-04-09 20:35:42 +08:00
Yifei Zhang	72aa2bcad8	Update cn.ts	2023-04-09 13:31:33 +08:00
Yidadaa	c8be5e4267	feat: add docker proxy	2023-04-09 00:56:56 +08:00
Yifei Zhang	40b8b225f9	Create vercel.json	2023-04-08 22:27:51 +08:00
Yifei Zhang	2666241df7	Merge pull request #618 from ilario92/main Update: Confirmation on reset chats and settings	2023-04-08 16:58:20 +08:00
GH Action - Upstream Sync	037d4638ea	Merge branch 'main' of https://github.com/Yidadaa/ChatGPT-Next-Web	2023-04-08 07:07:44 +00:00
Yifei Zhang	c4f1376faf	Merge pull request #621 from ClarenceYk/main Update ui-lib.module.scss	2023-04-08 14:43:05 +08:00
MaYuKe	7d2e850c42	Update ui-lib.module.scss Fix: icon-button can not be completely masked by popover.	2023-04-08 12:19:14 +08:00
GH Action - Upstream Sync	70b6507299	Merge branch 'main' of https://github.com/Yidadaa/ChatGPT-Next-Web	2023-04-07 21:07:51 +00:00
Ilario Scandurra	00ba47c4de	Update sync.yml	2023-04-07 22:19:21 +02:00
Ilario Scandurra	5b9fd1b101	Update sync.yml	2023-04-07 22:19:06 +02:00
Yifei Zhang	913305190a	Update README_CN.md	2023-04-08 03:30:11 +08:00
ilarioscandurra	d935de3e57	Update: Confirmation on reset chats and settings	2023-04-07 20:50:06 +02:00
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" fill="none"><defs><rect id="path_0" x="0" y="0" width="16" height="16" /></defs><g opacity="1" transform="translate(0 0) rotate(0 8 8)"><mask id="bg-mask-0" fill="white"><use xlink:href="#path_0"></use></mask><g mask="url(#bg-mask-0)" ><path id="分组 1" style="stroke:#333333; stroke-width:1; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(5.666666666666666 5.333333333333333) rotate(0 2.333750009536743 2.6666666666666665)" d="M0 5.33667L0.73 3.66667 M4.6675 5.33667L3.9375 3.66667 M0.729167 3.67L2.32917 0L3.93917 3.67 M0.729167 3.66667L3.93917 3.66667 " /><path id="路径 5" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(1.3333333333333333 1.3333333333333333) rotate(0 6.533316666666666 2.6666666666666665)" d="M13.07,5.33C12.45,2.29 9.76,0 6.53,0C3.31,0 0.62,2.29 0,5.33L2,4.67 " /><path id="路径 6" style="stroke:#333333; stroke-width:1.3333333333333333; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(1.3333333333333333 9.333333333333332) rotate(0 6.533316666666666 2.6666666666666665)" d="M0,0C0.62,3.04 3.31,5.33 6.53,5.33C9.76,5.33 12.45,3.04 13.07,0L11.33,0.67 " /></g></g></svg>