Merge branch 'Yidadaa:main' into main

2025-10-11 20:43:42 +08:00 · 2023-06-23 22:21:13 +08:00
parent ca6b0d3cdb 56bc945335
commit 96371c2bbe
68 changed files with 1323 additions and 399 deletions
--- a/app/api/auth.ts
+++ b/app/api/auth.ts
@@ -2,7 +2,6 @@ import { NextRequest } from "next/server";
 import { getServerSideConfig } from "../config/server";
 import md5 from "spark-md5";
 import { ACCESS_CODE_PREFIX } from "../constant";
-import { OPENAI_URL } from "./common";

 function getIP(req: NextRequest) {
  let ip = req.ip ?? req.headers.get("x-real-ip");
--- a/app/api/common.ts
+++ b/app/api/common.ts
@@ -43,6 +43,8 @@ export async function requestOpenai(req: NextRequest) {
    cache: "no-store",
    method: req.method,
    body: req.body,
+    // @ts-ignore
+    duplex: "half",
    signal: controller.signal,
  };

--- a/app/client/api.ts
+++ b/app/client/api.ts
@@ -1,3 +1,4 @@
+import { getClientConfig } from "../config/client";
 import { ACCESS_CODE_PREFIX } from "../constant";
 import { ChatMessage, ModelType, useAccessStore } from "../store";
 import { ChatGPTApi } from "./platforms/openai";
@@ -93,7 +94,11 @@ export class ClientApi {
    // Please do not modify this message

    console.log("[Share]", msgs);
-    const res = await fetch("/sharegpt", {
+    const clientConfig = getClientConfig();
+    const proxyUrl = "/sharegpt";
+    const rawUrl = "https://sharegpt.com/api/conversations";
+    const shareUrl = clientConfig?.isApp ? rawUrl : proxyUrl;
+    const res = await fetch(shareUrl, {
      body: JSON.stringify({
        avatarUrl,
        items: msgs,
--- a/app/client/platforms/openai.ts
+++ b/app/client/platforms/openai.ts
@@ -42,6 +42,7 @@ export class ChatGPTApi implements LLMApi {
      model: modelConfig.model,
      temperature: modelConfig.temperature,
      presence_penalty: modelConfig.presence_penalty,
+      frequency_penalty: modelConfig.frequency_penalty,
    };

    console.log("[Request] openai payload: ", requestPayload);
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -1,5 +1,11 @@
 import { useDebouncedCallback } from "use-debounce";
-import React, { useState, useRef, useEffect, useLayoutEffect } from "react";
+import React, {
+  useState,
+  useRef,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+} from "react";

 import SendWhiteIcon from "../icons/send-white.svg";
 import BrainIcon from "../icons/brain.svg";
@@ -61,6 +67,7 @@ import { useMaskStore } from "../store/mask";
 import { useCommand } from "../command";
 import { prettyObject } from "../utils/format";
 import { ExportMessageModal } from "./exporter";
+import { getClientConfig } from "../config/client";

 const Markdown = dynamic(async () => (await import("./markdown")).Markdown, {
  loading: () => <LoadingIcon />,
@@ -473,7 +480,7 @@ export function Chat() {
  const navigate = useNavigate();

  const onChatBodyScroll = (e: HTMLElement) => {
-    const isTouchBottom = e.scrollTop + e.clientHeight >= e.scrollHeight - 100;
+    const isTouchBottom = e.scrollTop + e.clientHeight >= e.scrollHeight - 10;
    setHitBottom(isTouchBottom);
  };

@@ -704,9 +711,13 @@ export function Chat() {
    }
  };

+  const clientConfig = useMemo(() => getClientConfig(), []);
+
  const location = useLocation();
  const isChat = location.pathname === Path.Chat;
+
  const autoFocus = !isMobileScreen || isChat; // only focus in chat page
+  const showMaxIcon = !isMobileScreen && !clientConfig?.isApp;

  useCommand({
    fill: setUserInput,
@@ -717,7 +728,7 @@ export function Chat() {

  return (
    <div className={styles.chat} key={session.id}>
-      <div className="window-header">
+      <div className="window-header" data-tauri-drag-region>
        <div className="window-header-title">
          <div
            className={`window-header-main-title " ${styles["chat-body-title"]}`}
@@ -755,7 +766,7 @@ export function Chat() {
              }}
            />
          </div>
-          {!isMobileScreen && (
+          {showMaxIcon && (
            <div className="window-action-button">
              <IconButton
                icon={config.tightBorder ? <MinIcon /> : <MaxIcon />}
@@ -916,6 +927,9 @@ export function Chat() {
            onBlur={() => setAutoScroll(false)}
            rows={inputRows}
            autoFocus={autoFocus}
+            style={{
+              fontSize: config.fontSize,
+            }}
          />
          <IconButton
            icon={<SendWhiteIcon />}
--- a/app/components/exporter.tsx
+++ b/app/components/exporter.tsx
@@ -449,16 +449,16 @@ export function ImagePreviewer(props: {
          </div>
          <div>
            <div className={styles["chat-info-item"]}>
-              Model: {mask.modelConfig.model}
+              {Locale.Exporter.Model}: {mask.modelConfig.model}
            </div>
            <div className={styles["chat-info-item"]}>
-              Messages: {props.messages.length}
+              {Locale.Exporter.Messages}: {props.messages.length}
            </div>
            <div className={styles["chat-info-item"]}>
-              Topic: {session.topic}
+              {Locale.Exporter.Topic}: {session.topic}
            </div>
            <div className={styles["chat-info-item"]}>
-              Time:{" "}
+              {Locale.Exporter.Time}:{" "}
              {new Date(
                props.messages.at(-1)?.date ?? Date.now(),
              ).toLocaleString()}
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -94,9 +94,14 @@ const useHasHydrated = () => {

 const loadAsyncGoogleFont = () => {
  const linkEl = document.createElement("link");
+  const proxyFontUrl = "/google-fonts";
+  const remoteFontUrl = "https://fonts.googleapis.com";
+  const googleFontUrl =
+    getClientConfig()?.buildMode === "export" ? remoteFontUrl : proxyFontUrl;
  linkEl.rel = "stylesheet";
  linkEl.href =
-    "/google-fonts/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap";
+    googleFontUrl +
+    "/css2?family=Noto+Sans+SC:wght@300;400;700;900&display=swap";
  document.head.appendChild(linkEl);
 };

--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -11,18 +11,21 @@ import mermaid from "mermaid";

 import LoadingIcon from "../icons/three-dots.svg";
 import React from "react";
+import { useDebouncedCallback, useThrottledCallback } from "use-debounce";

-export function Mermaid(props: { code: string; onError: () => void }) {
+export function Mermaid(props: { code: string }) {
  const ref = useRef<HTMLDivElement>(null);
+  const [hasError, setHasError] = useState(false);

  useEffect(() => {
    if (props.code && ref.current) {
      mermaid
        .run({
          nodes: [ref.current],
+          suppressErrors: true,
        })
        .catch((e) => {
-          props.onError();
+          setHasError(true);
          console.error("[Mermaid] ", e.message);
        });
    }
@@ -41,10 +44,17 @@ export function Mermaid(props: { code: string; onError: () => void }) {
    }
  }

+  if (hasError) {
+    return null;
+  }
+
  return (
    <div
-      className="no-dark"
-      style={{ cursor: "pointer", overflow: "auto" }}
+      className="no-dark mermaid"
+      style={{
+        cursor: "pointer",
+        overflow: "auto",
+      }}
      ref={ref}
      onClick={() => viewSvgInNewWindow()}
    >
@@ -55,33 +65,40 @@ export function Mermaid(props: { code: string; onError: () => void }) {

 export function PreCode(props: { children: any }) {
  const ref = useRef<HTMLPreElement>(null);
+  const refText = ref.current?.innerText;
  const [mermaidCode, setMermaidCode] = useState("");

-  useEffect(() => {
+  const renderMermaid = useDebouncedCallback(() => {
    if (!ref.current) return;
    const mermaidDom = ref.current.querySelector("code.language-mermaid");
    if (mermaidDom) {
      setMermaidCode((mermaidDom as HTMLElement).innerText);
    }
-  }, [props.children]);
+  }, 600);

-  if (mermaidCode) {
-    return <Mermaid code={mermaidCode} onError={() => setMermaidCode("")} />;
-  }
+  useEffect(() => {
+    setTimeout(renderMermaid, 1);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [refText]);

  return (
-    <pre ref={ref}>
-      <span
-        className="copy-code-button"
-        onClick={() => {
-          if (ref.current) {
-            const code = ref.current.innerText;
-            copyToClipboard(code);
-          }
-        }}
-      ></span>
-      {props.children}
-    </pre>
+    <>
+      {mermaidCode.length > 0 && (
+        <Mermaid code={mermaidCode} key={mermaidCode} />
+      )}
+      <pre ref={ref}>
+        <span
+          className="copy-code-button"
+          onClick={() => {
+            if (ref.current) {
+              const code = ref.current.innerText;
+              copyToClipboard(code);
+            }
+          }}
+        ></span>
+        {props.children}
+      </pre>
+    </>
  );
 }

@@ -127,43 +144,57 @@ export function Markdown(
 ) {
  const mdRef = useRef<HTMLDivElement>(null);
  const renderedHeight = useRef(0);
+  const renderedWidth = useRef(0);
  const inView = useRef(!!props.defaultShow);
+  const [_, triggerRender] = useState(0);
+  const checkInView = useThrottledCallback(
+    () => {
+      const parent = props.parentRef?.current;
+      const md = mdRef.current;
+      if (parent && md && !props.defaultShow) {
+        const parentBounds = parent.getBoundingClientRect();
+        const twoScreenHeight = Math.max(500, parentBounds.height * 2);
+        const mdBounds = md.getBoundingClientRect();
+        const parentTop = parentBounds.top - twoScreenHeight;
+        const parentBottom = parentBounds.bottom + twoScreenHeight;
+        const isOverlap =
+          Math.max(parentTop, mdBounds.top) <=
+          Math.min(parentBottom, mdBounds.bottom);
+        inView.current = isOverlap;
+        triggerRender(Date.now());
+      }

-  const parent = props.parentRef?.current;
-  const md = mdRef.current;
+      if (inView.current && md) {
+        const rect = md.getBoundingClientRect();
+        renderedHeight.current = Math.max(renderedHeight.current, rect.height);
+        renderedWidth.current = Math.max(renderedWidth.current, rect.width);
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    },
+    300,
+    {
+      leading: true,
+      trailing: true,
+    },
+  );

-  const checkInView = () => {
-    if (parent && md) {
-      const parentBounds = parent.getBoundingClientRect();
-      const twoScreenHeight = Math.max(500, parentBounds.height * 2);
-      const mdBounds = md.getBoundingClientRect();
-      const parentTop = parentBounds.top - twoScreenHeight;
-      const parentBottom = parentBounds.bottom + twoScreenHeight;
-      const isOverlap =
-        Math.max(parentTop, mdBounds.top) <=
-        Math.min(parentBottom, mdBounds.bottom);
-      inView.current = isOverlap;
-    }
+  useEffect(() => {
+    props.parentRef?.current?.addEventListener("scroll", checkInView);
+    checkInView();
+    return () =>
+      props.parentRef?.current?.removeEventListener("scroll", checkInView);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);

-    if (inView.current && md) {
-      renderedHeight.current = Math.max(
-        renderedHeight.current,
-        md.getBoundingClientRect().height,
-      );
-    }
-  };
-
-  setTimeout(() => checkInView(), 1);
+  const getSize = (x: number) => (!inView.current && x > 0 ? x : "auto");

  return (
    <div
      className="markdown-body"
      style={{
        fontSize: `${props.fontSize ?? 14}px`,
-        height:
-          !inView.current && renderedHeight.current > 0
-            ? renderedHeight.current
-            : "auto",
+        height: getSize(renderedHeight.current),
+        width: getSize(renderedWidth.current),
      }}
      ref={mdRef}
      onContextMenu={props.onContextMenu}
--- a/app/components/model-config.tsx
+++ b/app/components/model-config.tsx
@@ -88,6 +88,27 @@ export function ModelConfigList(props: {
        ></InputRange>
      </ListItem>

+      <ListItem
+        title={Locale.Settings.FrequencyPenalty.Title}
+        subTitle={Locale.Settings.FrequencyPenalty.SubTitle}
+      >
+        <InputRange
+          value={props.modelConfig.frequency_penalty?.toFixed(1)}
+          min="-2"
+          max="2"
+          step="0.1"
+          onChange={(e) => {
+            props.updateConfig(
+              (config) =>
+                (config.frequency_penalty =
+                  ModalConfigValidator.frequency_penalty(
+                    e.currentTarget.valueAsNumber,
+                  )),
+            );
+          }}
+        ></InputRange>
+      </ListItem>
+
      <ListItem
        title={Locale.Settings.HistoryCount.Title}
        subTitle={Locale.Settings.HistoryCount.SubTitle}
--- a/app/components/settings.tsx
+++ b/app/components/settings.tsx
@@ -286,9 +286,12 @@ export function Settings() {
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

+  const clientConfig = useMemo(() => getClientConfig(), []);
+  const showAccessCode = enabledAccessControl && !clientConfig?.isApp;
+
  return (
    <ErrorBoundary>
-      <div className="window-header">
+      <div className="window-header" data-tauri-drag-region>
        <div className="window-header-title">
          <div className="window-header-main-title">
            {Locale.Settings.Title}
@@ -485,7 +488,7 @@ export function Settings() {
        </List>

        <List>
-          {enabledAccessControl ? (
+          {showAccessCode ? (
            <ListItem
              title={Locale.Settings.AccessCode.Title}
              subTitle={Locale.Settings.AccessCode.SubTitle}
--- a/app/components/sidebar.tsx
+++ b/app/components/sidebar.tsx
@@ -118,8 +118,10 @@ export function SideBar(props: { className?: string }) {
        shouldNarrow && styles["narrow-sidebar"]
      }`}
    >
-      <div className={styles["sidebar-header"]}>
-        <div className={styles["sidebar-title"]}>ChatGPT Next</div>
+      <div className={styles["sidebar-header"]} data-tauri-drag-region>
+        <div className={styles["sidebar-title"]} data-tauri-drag-region>
+          ChatGPT Next
+        </div>
        <div className={styles["sidebar-sub-title"]}>
          
        </div>
--- a/app/config/build.ts
+++ b/app/config/build.ts
@@ -21,6 +21,7 @@ export const getBuildConfig = () => {
  return {
    commitId: COMMIT_ID,
    buildMode: process.env.BUILD_MODE ?? "standalone",
+    isApp: !!process.env.BUILD_APP,
  };
 };

--- a/app/config/server.ts
+++ b/app/config/server.ts
@@ -11,6 +11,7 @@ declare global {
      HIDE_USER_API_KEY?: string; // disable user's api key input
      DISABLE_GPT4?: string; // allow user to use gpt-4 or not
      BUILD_MODE?: "standalone" | "export";
+      BUILD_APP?: string; // is building desktop app
    }
  }
 }
--- a/app/constant.ts
+++ b/app/constant.ts
@@ -6,7 +6,7 @@ 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";
-export const DEFAULT_API_HOST = "https://chatgpt.nextweb.fun/api/proxy";
+export const DEFAULT_API_HOST = "https://chatgpt1.nextweb.fun/api/proxy";

 export enum Path {
  Home = "/",
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,7 +2,6 @@
 import "./styles/globals.scss";
 import "./styles/markdown.scss";
 import "./styles/highlight.scss";
-import { getBuildConfig } from "./config/build";
 import { getClientConfig } from "./config/client";

 export const metadata = {
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@@ -197,6 +197,10 @@ const cn = {
      Title: "话题新鲜度 (presence_penalty)",
      SubTitle: "值越大，越有可能扩展到新话题",
    },
+    FrequencyPenalty: {
+      Title: "频率惩罚度 (frequency_penalty)",
+      SubTitle: "值越大，越有可能降低重复字词",
+    },
  },
  Store: {
    DefaultTopic: "新的聊天",
@@ -277,6 +281,12 @@ const cn = {
    Create: "新建",
    Edit: "编辑",
  },
+  Exporter: {
+    Model: "模型",
+    Messages: "消息",
+    Topic: "主题",
+    Time: "时间",
+  },
 };

 type DeepPartial<T> = T extends object
@@ -284,7 +294,8 @@ type DeepPartial<T> = T extends object
      [P in keyof T]?: DeepPartial<T[P]>;
    }
  : T;
-export type LocaleType = DeepPartial<typeof cn>;
-export type RequiredLocaleType = typeof cn;
+
+export type LocaleType = typeof cn;
+export type PartialLocaleType = DeepPartial<typeof cn>;

 export default cn;
--- a/app/locales/cs.ts
+++ b/app/locales/cs.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const cs: LocaleType = {
+const cs: PartialLocaleType = {
  WIP: "V přípravě...",
  Error: {
    Unauthorized:
@@ -155,6 +155,11 @@ const cs: LocaleType = {
      Title: "Přítomnostní korekce",
      SubTitle: "Větší hodnota zvyšuje pravděpodobnost nových témat.",
    },
+    FrequencyPenalty: {
+      Title: "Frekvenční penalizace",
+      SubTitle:
+        "Větší hodnota snižující pravděpodobnost opakování stejného řádku",
+    },
  },
  Store: {
    DefaultTopic: "Nová konverzace",
@@ -226,6 +231,12 @@ const cs: LocaleType = {
    Create: "Vytvořit",
    Edit: "Upravit",
  },
+  Exporter: {
+    Model: "Model",
+    Messages: "Zprávy",
+    Topic: "Téma",
+    Time: "Čas",
+  },
 };

 export default cs;
--- a/app/locales/de.ts
+++ b/app/locales/de.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const de: LocaleType = {
+const de: PartialLocaleType = {
  WIP: "In Bearbeitung...",
  Error: {
    Unauthorized:
@@ -158,6 +158,11 @@ const de: LocaleType = {
      SubTitle:
        "Ein größerer Wert erhöht die Wahrscheinlichkeit, dass über neue Themen gesprochen wird",
    },
+    FrequencyPenalty: {
+      Title: "Frequency Penalty", // HäufigkeitStrafe
+      SubTitle:
+        "Ein größerer Wert, der die Wahrscheinlichkeit verringert, dass dieselbe Zeile wiederholt wird",
+    },
  },
  Store: {
    DefaultTopic: "Neues Gespräch",
@@ -231,6 +236,12 @@ const de: LocaleType = {
    Create: "Create",
    Edit: "Edit",
  },
+  Exporter: {
+    Model: "Modell",
+    Messages: "Nachrichten",
+    Topic: "Thema",
+    Time: "Zeit",
+  },
 };

 export default de;
--- a/app/locales/en.ts
+++ b/app/locales/en.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import { RequiredLocaleType } from "./index";
+import { LocaleType } from "./index";

-const en: RequiredLocaleType = {
+const en: LocaleType = {
  WIP: "Coming Soon...",
  Error: {
    Unauthorized:
@@ -199,6 +199,11 @@ const en: RequiredLocaleType = {
      SubTitle:
        "A larger value increases the likelihood to talk about new topics",
    },
+    FrequencyPenalty: {
+      Title: "Frequency Penalty",
+      SubTitle:
+        "A larger value decreasing the likelihood to repeat the same line",
+    },
  },
  Store: {
    DefaultTopic: "New Conversation",
@@ -280,6 +285,12 @@ const en: RequiredLocaleType = {
    Create: "Create",
    Edit: "Edit",
  },
+  Exporter: {
+    Model: "Model",
+    Messages: "Messages",
+    Topic: "Topic",
+    Time: "Time",
+  },
 };

 export default en;
--- a/app/locales/es.ts
+++ b/app/locales/es.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const es: LocaleType = {
+const es: PartialLocaleType = {
  WIP: "En construcción...",
  Error: {
    Unauthorized:
@@ -156,6 +156,11 @@ const es: LocaleType = {
      SubTitle:
        "Un valor mayor aumenta la probabilidad de hablar sobre nuevos temas",
    },
+    FrequencyPenalty: {
+      Title: "Penalización de frecuencia",
+      SubTitle:
+        "Un valor mayor que disminuye la probabilidad de repetir la misma línea",
+    },
  },
  Store: {
    DefaultTopic: "Nueva conversación",
@@ -228,6 +233,12 @@ const es: LocaleType = {
    Create: "Create",
    Edit: "Edit",
  },
+  Exporter: {
+    Model: "Modelo",
+    Messages: "Mensajes",
+    Topic: "Tema",
+    Time: "Time",
+  },
 };

 export default es;
--- a/app/locales/fr.ts
+++ b/app/locales/fr.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const fr: LocaleType = {
+const fr: PartialLocaleType = {
  WIP: "Prochainement...",
  Error: {
    Unauthorized:
@@ -159,6 +159,11 @@ const fr: LocaleType = {
      SubTitle:
        "Une valeur plus élevée augmentera la probabilité d'introduire de nouveaux sujets",
    },
+    FrequencyPenalty: {
+      Title: "Pénalité de fréquence",
+      SubTitle:
+        "Une valeur plus élevée diminuant la probabilité de répéter la même ligne",
+    },
  },
  Store: {
    DefaultTopic: "Nouvelle conversation",
@@ -232,6 +237,12 @@ const fr: LocaleType = {
    Create: "Créer",
    Edit: "Éditer",
  },
+  Exporter: {
+    Model: "Modèle",
+    Messages: "Messages",
+    Topic: "Sujet",
+    Time: "Temps",
+  },
 };

 export default fr;
--- a/app/locales/index.ts
+++ b/app/locales/index.ts
@@ -1,56 +1,71 @@
-import CN from "./cn";
-import EN from "./en";
-import TW from "./tw";
-import FR from "./fr";
-import ES from "./es";
-import IT from "./it";
-import TR from "./tr";
-import JP from "./jp";
-import DE from "./de";
-import VI from "./vi";
-import RU from "./ru";
-import CS from "./cs";
-import KO from "./ko";
+import cn from "./cn";
+import en from "./en";
+import tw from "./tw";
+import fr from "./fr";
+import es from "./es";
+import it from "./it";
+import tr from "./tr";
+import jp from "./jp";
+import de from "./de";
+import vi from "./vi";
+import ru from "./ru";
+import no from "./no";
+import cs from "./cs";
+import ko from "./ko";
 import { merge } from "../utils/merge";

-export type { LocaleType, RequiredLocaleType } from "./cn";
+import type { LocaleType } from "./cn";
+export type { LocaleType, PartialLocaleType } from "./cn";

-export const AllLangs = [
-  "en",
-  "cn",
-  "tw",
-  "fr",
-  "es",
-  "it",
-  "tr",
-  "jp",
-  "de",
-  "vi",
-  "ru",
-  "cs",
-  "ko",
-] as const;
-export type Lang = (typeof AllLangs)[number];
+const ALL_LANGS = {
+  cn,
+  en,
+  tw,
+  jp,
+  ko,
+  fr,
+  es,
+  it,
+  tr,
+  de,
+  vi,
+  ru,
+  cs,
+  no,
+};
+
+export type Lang = keyof typeof ALL_LANGS;
+
+export const AllLangs = Object.keys(ALL_LANGS) as Lang[];

 export const ALL_LANG_OPTIONS: Record<Lang, string> = {
  cn: "简体中文",
  en: "English",
  tw: "繁體中文",
+  jp: "日本語",
+  ko: "한국어",
  fr: "Français",
  es: "Español",
  it: "Italiano",
  tr: "Türkçe",
-  jp: "日本語",
  de: "Deutsch",
  vi: "Tiếng Việt",
  ru: "Русский",
  cs: "Čeština",
-  ko: "한국어",
+  no: "Nynorsk",
 };

 const LANG_KEY = "lang";
 const DEFAULT_LANG = "en";

+const fallbackLang = en;
+const targetLang = ALL_LANGS[getLang()] as LocaleType;
+
+// if target lang missing some fields, it will use fallback lang string
+merge(fallbackLang, targetLang);
+
+export default fallbackLang as LocaleType;
+
 function getItem(key: string) {
  try {
    return localStorage.getItem(key);
@@ -69,7 +84,6 @@ function getLanguage() {
  try {
    return navigator.language.toLowerCase();
  } catch {
-    console.log("[Lang] failed to detect user lang.");
    return DEFAULT_LANG;
  }
 }
@@ -96,25 +110,3 @@ export function changeLang(lang: Lang) {
  setItem(LANG_KEY, lang);
  location.reload();
 }
-
-const fallbackLang = EN;
-const targetLang = {
-  en: EN,
-  cn: CN,
-  tw: TW,
-  fr: FR,
-  es: ES,
-  it: IT,
-  tr: TR,
-  jp: JP,
-  de: DE,
-  vi: VI,
-  ru: RU,
-  cs: CS,
-  ko: KO,
-}[getLang()] as typeof CN;
-
-// if target lang missing some fields, it will use fallback lang string
-merge(fallbackLang, targetLang);
-
-export default fallbackLang as typeof CN;
--- a/app/locales/it.ts
+++ b/app/locales/it.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const it: LocaleType = {
+const it: PartialLocaleType = {
  WIP: "Work in progress...",
  Error: {
    Unauthorized:
@@ -157,6 +157,11 @@ const it: LocaleType = {
      SubTitle:
        "Un valore maggiore aumenta la probabilità di parlare di nuovi argomenti",
    },
+    FrequencyPenalty: {
+      Title: "Penalità di frequenza",
+      SubTitle:
+        "Un valore maggiore che diminuisce la probabilità di ripetere la stessa riga",
+    },
  },
  Store: {
    DefaultTopic: "Nuova conversazione",
@@ -229,6 +234,12 @@ const it: LocaleType = {
    Create: "Create",
    Edit: "Edit",
  },
+  Exporter: {
+    Model: "Modello",
+    Messages: "Messaggi",
+    Topic: "Argomento",
+    Time: "Tempo",
+  },
 };

 export default it;
--- a/app/locales/jp.ts
+++ b/app/locales/jp.ts
@@ -1,11 +1,11 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const jp: LocaleType = {
-  WIP: "この機能は開発中です……",
+const jp: PartialLocaleType = {
+  WIP: "この機能は開発中です",
  Error: {
    Unauthorized:
-      "現在は未承認状態です。左下の設定ボタンをクリックし、アクセスパスワードを入力してください。",
+      "現在は未承認状態です。左下の設定ボタンをクリックし、アクセスパスワードかOpenAIのAPIキーを入力してください。",
  },
  ChatItem: {
    ChatItemCount: (count: number) => `${count} 通のチャット`,
@@ -19,7 +19,7 @@ const jp: LocaleType = {
      Copy: "コピー",
      Stop: "停止",
      Retry: "リトライ",
-      Delete: "Delete",
+      Delete: "削除",
    },
    Rename: "チャットの名前を変更",
    Typing: "入力中…",
@@ -32,7 +32,7 @@ const jp: LocaleType = {
    },
    Send: "送信",
    Config: {
-      Reset: "重置默认",
+      Reset: "リセット",
      SaveAs: "另存为面具",
    },
  },
@@ -70,7 +70,7 @@ const jp: LocaleType = {
    },
    Lang: {
      Name: "Language", // ATTENTION: if you wanna add a new translation, please do not translate this value, leave it as `Language`
-      All: "所有语言",
+      All: "全ての言語",
    },
    Avatar: "アバター",
    FontSize: {
@@ -91,11 +91,11 @@ const jp: LocaleType = {
    TightBorder: "ボーダーレスモード",
    SendPreviewBubble: {
      Title: "プレビューバブルの送信",
-      SubTitle: "在预览气泡中预览 Markdown 内容",
+      SubTitle: "プレビューバブルでマークダウンコンテンツをプレビュー",
    },
    Mask: {
-      Title: "面具启动页",
-      SubTitle: "新建聊天时，展示面具启动页",
+      Title: "キャラクターページ",
+      SubTitle: "新規チャット作成時にキャラクターページを表示する",
    },
    Prompt: {
      Disable: {
@@ -113,7 +113,7 @@ const jp: LocaleType = {
        Search: "プロンプトワード検索",
      },
      EditModal: {
-        Title: "编辑提示词",
+        Title: "編集",
      },
    },
    HistoryCount: {
@@ -158,6 +158,10 @@ const jp: LocaleType = {
      Title: "トピックの新鮮度 (presence_penalty)",
      SubTitle: "値が大きいほど、新しいトピックへの展開が可能になります。",
    },
+    FrequencyPenalty: {
+      Title: "話題の頻度 (frequency_penalty)",
+      SubTitle: "値が大きいほど、重複語を低減する可能性が高くなります",
+    },
  },
  Store: {
    DefaultTopic: "新しいチャット",
@@ -178,54 +182,70 @@ const jp: LocaleType = {
    Failed: "コピーに失敗しました。クリップボード許可を与えてください。",
  },
  Context: {
-    Toast: (x: any) => `前置コンテキストが ${x} 件設定されました`,
-    Edit: "前置コンテキストと履歴メモリ",
-    Add: "新規追加",
+    Toast: (x: any) => `キャラクターが ${x} 件設定されました`,
+    Edit: "キャラクタープリセットとモデル設定",
+    Add: "追加",
  },
-  Plugin: { Name: "插件" },
+  Plugin: { Name: "プラグイン" },
  Mask: {
-    Name: "面具",
+    Name: "キャラクタープリセット",
    Page: {
-      Title: "预设角色面具",
-      SubTitle: (count: number) => `${count} 个预设角色定义`,
-      Search: "搜索角色面具",
-      Create: "新建",
+      Title: "キャラクタープリセット",
+      SubTitle: (count: number) => `${count} 件見つかりました。`,
+      Search: "検索",
+      Create: "新規",
    },
    Item: {
      Info: (count: number) => `包含 ${count} 条预设对话`,
-      Chat: "对话",
-      View: "查看",
-      Edit: "编辑",
-      Delete: "删除",
-      DeleteConfirm: "确认删除？",
+      Chat: "会話",
+      View: "詳細",
+      Edit: "編集",
+      Delete: "削除",
+      DeleteConfirm: "本当に削除しますか？",
    },
    EditModal: {
      Title: (readonly: boolean) =>
-        `编辑预设面具 ${readonly ? "（只读）" : ""}`,
-      Download: "下载预设",
-      Clone: "克隆预设",
+        `キャラクタープリセットを編集 ${readonly ? "（読み取り専用）" : ""}`,
+      Download: "ダウンロード",
+      Clone: "複製",
    },
    Config: {
-      Avatar: "角色头像",
-      Name: "角色名称",
+      Avatar: "キャラクターのアイコン",
+      Name: "キャラクターの名前",
+      Sync: {
+        Title: "グローバル設定を利用する",
+        SubTitle: "このチャットでグローバル設定を利用します。",
+        Confirm:
+          "カスタム設定を上書きしてグローバル設定を使用します、よろしいですか？",
+      },
+      HideContext: {
+        Title: "キャラクター設定を表示しない",
+        SubTitle: "チャット画面でのキャラクター設定を非表示にします。",
+      },
    },
  },
  NewChat: {
-    Return: "返回",
-    Skip: "跳过",
-    Title: "挑选一个面具",
-    SubTitle: "现在开始，与面具背后的灵魂思维碰撞",
-    More: "搜索更多",
-    NotShow: "不再展示",
-    ConfirmNoShow: "确认禁用？禁用后可以随时在设置中重新启用。",
+    Return: "戻る",
+    Skip: "スキップ",
+    Title: "キャラクター",
+    SubTitle: "さあ、AIにキャラクターを設定して会話を始めてみましょう",
+    More: "もっと探す",
+    NotShow: "今後は表示しない",
+    ConfirmNoShow: "いつでも設定から有効化できます。",
  },

  UI: {
-    Confirm: "确认",
-    Cancel: "取消",
-    Close: "关闭",
-    Create: "新建",
-    Edit: "编辑",
+    Confirm: "確認",
+    Cancel: "キャンセル",
+    Close: "閉じる",
+    Create: "新規",
+    Edit: "編集",
+  },
+  Exporter: {
+    Model: "モデル",
+    Messages: "メッセージ",
+    Topic: "トピック",
+    Time: "時間",
  },
 };

--- a/app/locales/ko.ts
+++ b/app/locales/ko.ts
@@ -1,8 +1,8 @@
 import { SubmitKey } from "../store/config";

-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const ko: LocaleType = {
+const ko: PartialLocaleType = {
  WIP: "곧 출시 예정...",
  Error: {
    Unauthorized: "권한이 없습니다. 설정 페이지에서 액세스 코드를 입력하세요.",
@@ -154,6 +154,10 @@ const ko: LocaleType = {
      Title: "존재 페널티 (presence_penalty)",
      SubTitle: "값이 클수록 새로운 주제에 대해 대화할 가능성이 높아집니다.",
    },
+    FrequencyPenalty: {
+      Title: "빈도 페널티(frequency penalty)",
+      SubTitle: "값이 클수록 같은 줄이 반복될 가능성이 줄어듭니다.",
+    },
  },
  Store: {
    DefaultTopic: "새 대화",
@@ -225,6 +229,12 @@ const ko: LocaleType = {
    Create: "생성",
    Edit: "편집",
  },
+  Exporter: {
+    Model: "모델",
+    Messages: "메시지",
+    Topic: "주제",
+    Time: "시간",
+  },
 };

 export default ko;
--- a/app/locales/no.ts
+++ b/app/locales/no.ts
@@ -0,0 +1,168 @@
+import { SubmitKey } from "../store/config";
+import type { PartialLocaleType } from "./index";
+
+const no: PartialLocaleType = {
+  WIP: "Arbeid pågår ...",
+  Error: {
+    Unauthorized: "Du har ikke tilgang. Vennlig oppgi tildelt adgangskode.",
+  },
+  ChatItem: {
+    ChatItemCount: (count: number) => `${count} meldinger`,
+  },
+  Chat: {
+    SubTitle: (count: number) => `${count} meldinger med ChatGPT`,
+    Actions: {
+      ChatList: "Gå til chatlisten",
+      CompressedHistory: "Komprimert historikk for instrukser",
+      Export: "Eksporter alle meldinger i markdown-format",
+      Copy: "Kopier",
+      Stop: "Stopp",
+      Retry: "Prøv igjen",
+      Delete: "Slett",
+    },
+    Rename: "Gi nytt navn",
+    Typing: "Skriver …",
+    Input: (submitKey: string) => {
+      var inputHints = `${submitKey} for å sende`;
+      if (submitKey === String(SubmitKey.Enter)) {
+        inputHints += ", Shift + Enter for å omgi";
+      }
+      return inputHints + ", / for å søke instrukser";
+    },
+    Send: "Send",
+  },
+  Export: {
+    Title: "Alle meldinger",
+    Copy: "Kopiere alle",
+    Download: "Last ned",
+    MessageFromYou: "Melding fra deg",
+    MessageFromChatGPT: "Melding fra ChatGPT",
+  },
+  Memory: {
+    Title: "Minneinstruks",
+    EmptyContent: "Ingen sålant.",
+    Send: "Send minne",
+    Copy: "Kopiere minne",
+    Reset: "Nulstill sesjon",
+    ResetConfirm:
+      "Om du nillstiller vil du slette hele historikken. Er du sikker på at du vil nullstille?",
+  },
+  Home: {
+    NewChat: "Ny chat",
+    DeleteChat: "Bekreft for å slette det valgte dialogen",
+    DeleteToast: "Samtale slettet",
+    Revert: "Tilbakestill",
+  },
+  Settings: {
+    Title: "Innstillinger",
+    SubTitle: "Alle innstillinger",
+    Actions: {
+      ClearAll: "Fjern alle data",
+      ResetAll: "Nullstill innstillinger",
+      Close: "Lukk",
+    },
+    Lang: {
+      Name: "Language", // ATTENTION: if you wanna add a new translation, please do not translate this value, leave it as `Language`
+    },
+    Avatar: "Avatar",
+    FontSize: {
+      Title: "Fontstørrelsen",
+      SubTitle: "Juster fontstørrelsen for samtaleinnholdet.",
+    },
+    Update: {
+      Version: (x: string) => `Versjon: ${x}`,
+      IsLatest: "Siste versjon",
+      CheckUpdate: "Se etter oppdatering",
+      IsChecking: "Ser etter oppdatering ...",
+      FoundUpdate: (x: string) => `Fant ny versjon: ${x}`,
+      GoToUpdate: "Oppdater",
+    },
+    SendKey: "Send nøkkel",
+    Theme: "Tema",
+    TightBorder: "Stram innramming",
+    Prompt: {
+      Disable: {
+        Title: "Skru av autofullfør",
+        SubTitle: "Skriv / for å trigge autofullfør",
+      },
+      List: "Instruksliste",
+      ListCount: (builtin: number, custom: number) =>
+        `${builtin} innebygde, ${custom} brukerdefinerte`,
+      Edit: "Endre",
+      Modal: {
+        Title: "Instruksliste",
+        Add: "Legg til",
+        Search: "Søk instrukser",
+      },
+    },
+    HistoryCount: {
+      Title: "Tall på tilhørende meldinger",
+      SubTitle: "Antall sendte meldinger tilknyttet hver spørring",
+    },
+    CompressThreshold: {
+      Title: "Terskeverdi for komprimering av historikk",
+      SubTitle:
+        "Komprimer dersom ikke-komprimert lengde på meldinger overskrider denne verdien",
+    },
+    Token: {
+      Title: "API Key",
+      SubTitle:
+        "Bruk din egen API-nøkkel for å ignorere tilgangskoden begrensning",
+      Placeholder: "OpenAI API-nøkkel",
+    },
+    Usage: {
+      Title: "Saldo for konto",
+      SubTitle(used: any, total: any) {
+        return `Brukt denne måneden $${used}, abonnement $${total}`;
+      },
+      IsChecking: "Sjekker ...",
+      Check: "Sjekk",
+      NoAccess: "Skriv inn API-nøkkelen for å sjekke saldo",
+    },
+    AccessCode: {
+      Title: "Tilgangskode",
+      SubTitle: "Tilgangskontroll på",
+      Placeholder: "Trenger tilgangskode",
+    },
+    Model: "Model",
+    Temperature: {
+      Title: "Temperatur",
+      SubTitle: "Høyere verdi gir mer kreative svar",
+    },
+    MaxTokens: {
+      Title: "Maks tokens",
+      SubTitle: "Maksimum lengde på tokens for instrukser og svar",
+    },
+  },
+  Store: {
+    DefaultTopic: "Ny samtale",
+    BotHello: "Hei! Hva kan jeg hjelpe deg med i dag?",
+    Error: "Noe gikk galt, vennligst prøv igjen senere.",
+    Prompt: {
+      History: (content: string) =>
+        "Dette er et sammendrag av chatthistorikken mellom AI-en og brukeren som en oppsummering: " +
+        content,
+      Topic:
+        "Vennligst lag en fire til fem ords tittel som oppsummerer samtalen vår uten innledning, punktsetting, anførselstegn, punktum, symboler eller tillegg tekst. Fjern innrammende anførselstegn.",
+      Summarize:
+        "Oppsummer diskusjonen vår kort i 200 ord eller mindre for å bruke som en oppfordring til fremtidig sammenheng.",
+    },
+  },
+  Copy: {
+    Success: "Kopiert til utklippstavle",
+    Failed: "Kopiering feilet. Vennligst gi tilgang til utklippstavlen.",
+  },
+  Context: {
+    Toast: (x: any) => `Med ${x} kontekstuelle instrukser`,
+    Edit: "Kontekstuelle -og minneinstrukser",
+    Add: "Legg til",
+  },
+  Exporter: {
+    Model: "Model",
+    Messages: "Meldingar",
+    Topic: "Emne",
+    Time: "Tid",
+  },
+};
+
+export default no;
--- a/app/locales/ru.ts
+++ b/app/locales/ru.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const ru: LocaleType = {
+const ru: PartialLocaleType = {
  WIP: "Скоро...",
  Error: {
    Unauthorized:
@@ -157,6 +157,11 @@ const ru: LocaleType = {
      SubTitle:
        "Чем выше значение, тем больше вероятность общения на новые темы",
    },
+    FrequencyPenalty: {
+      Title: "Штраф за частоту",
+      SubTitle:
+        "Большее значение снижает вероятность повторения одной и той же строки",
+    },
  },
  Store: {
    DefaultTopic: "Новый разговор",
@@ -232,6 +237,12 @@ const ru: LocaleType = {
    Create: "Создать",
    Edit: "Редактировать",
  },
+  Exporter: {
+    Model: "Модель",
+    Messages: "Сообщения",
+    Topic: "Тема",
+    Time: "Время",
+  },
 };

 export default ru;
--- a/app/locales/tr.ts
+++ b/app/locales/tr.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const tr: LocaleType = {
+const tr: PartialLocaleType = {
  WIP: "Çalışma devam ediyor...",
  Error: {
    Unauthorized:
@@ -158,6 +158,11 @@ const tr: LocaleType = {
      SubTitle:
        "Daha büyük bir değer, yeni konular hakkında konuşma olasılığını artırır",
    },
+    FrequencyPenalty: {
+      Title: "Frekans Cezası",
+      SubTitle:
+        "Aynı satırı tekrar etme olasılığını azaltan daha büyük bir değer",
+    },
  },
  Store: {
    DefaultTopic: "Yeni Konuşma",
@@ -229,6 +234,12 @@ const tr: LocaleType = {
    Create: "Create",
    Edit: "Edit",
  },
+  Exporter: {
+    Model: "Model",
+    Messages: "Mesajlar",
+    Topic: "Konu",
+    Time: "Zaman",
+  },
 };

 export default tr;
--- a/app/locales/tw.ts
+++ b/app/locales/tw.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const tw: LocaleType = {
+const tw: PartialLocaleType = {
  WIP: "該功能仍在開發中……",
  Error: {
    Unauthorized: "目前您的狀態是未授權，請前往設定頁面輸入授權碼。",
@@ -152,6 +152,10 @@ const tw: LocaleType = {
      Title: "話題新穎度 (presence_penalty)",
      SubTitle: "值越大，越有可能擴展到新話題",
    },
+    FrequencyPenalty: {
+      Title: "頻率懲罰度 (frequency_penalty)",
+      SubTitle: "值越大，越有可能降低重複字詞",
+    },
  },
  Store: {
    DefaultTopic: "新的對話",
@@ -219,6 +223,12 @@ const tw: LocaleType = {
    Create: "新建",
    Edit: "编辑",
  },
+  Exporter: {
+    Model: "模型",
+    Messages: "消息",
+    Topic: "主題",
+    Time: "時間",
+  },
 };

 export default tw;
--- a/app/locales/vi.ts
+++ b/app/locales/vi.ts
@@ -1,7 +1,7 @@
 import { SubmitKey } from "../store/config";
-import type { LocaleType } from "./index";
+import type { PartialLocaleType } from "./index";

-const vi: LocaleType = {
+const vi: PartialLocaleType = {
  WIP: "Sắp ra mắt...",
  Error: {
    Unauthorized:
@@ -154,6 +154,10 @@ const vi: LocaleType = {
      Title: "Chủ đề mới (presence_penalty)",
      SubTitle: "Giá trị càng lớn tăng khả năng mở rộng sang các chủ đề mới",
    },
+    FrequencyPenalty: {
+      Title: "Hình phạt tần suất",
+      SubTitle: "Giá trị lớn hơn làm giảm khả năng lặp lại cùng một dòng",
+    },
  },
  Store: {
    DefaultTopic: "Cuộc trò chuyện mới",
@@ -225,6 +229,12 @@ const vi: LocaleType = {
    Create: "Tạo",
    Edit: "Chỉnh sửa",
  },
+  Exporter: {
+    Model: "Mô hình",
+    Messages: "Thông điệp",
+    Topic: "Chủ đề",
+    Time: "Thời gian",
+  },
 };

 export default vi;
--- a/app/masks/cn.ts
+++ b/app/masks/cn.ts
@@ -29,6 +29,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 32,
      compressMessageLengthThreshold: 1000,
@@ -52,6 +53,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -75,6 +77,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -98,6 +101,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -121,6 +125,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -144,6 +149,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: false,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -167,6 +173,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: false,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -190,6 +197,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: false,
      historyMessageCount: 0,
      compressMessageLengthThreshold: 1000,
@@ -218,6 +226,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 0.5,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -241,6 +250,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -270,6 +280,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: false,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -299,6 +310,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: false,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -349,6 +361,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 1,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: false,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -377,6 +390,7 @@ export const CN_MASKS: BuiltinMask[] = [
      temperature: 0.5,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
--- a/app/masks/en.ts
+++ b/app/masks/en.ts
@@ -17,6 +17,7 @@ export const EN_MASKS: BuiltinMask[] = [
      temperature: 0.3,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -57,6 +58,7 @@ export const EN_MASKS: BuiltinMask[] = [
      temperature: 0.5,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -80,6 +82,7 @@ export const EN_MASKS: BuiltinMask[] = [
      temperature: 0.5,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 1000,
@@ -108,6 +111,7 @@ export const EN_MASKS: BuiltinMask[] = [
      temperature: 0.5,
      max_tokens: 2000,
      presence_penalty: 0,
+      frequency_penalty: 0,
      sendMemory: true,
      historyMessageCount: 4,
      compressMessageLengthThreshold: 2000,
--- a/app/store/access.ts
+++ b/app/store/access.ts
@@ -60,7 +60,7 @@ export const useAccessStore = create<AccessControlStore>()(
        );
      },
      fetch() {
-        if (fetchState > 0) return;
+        if (fetchState > 0 || getClientConfig()?.buildMode === "export") return;
        fetchState = 1;
        fetch("/api/config", {
          method: "post",
--- a/app/store/chat.ts
+++ b/app/store/chat.ts
@@ -227,6 +227,7 @@ export const useChatStore = create<ChatStore>()(

      onNewMessage(message) {
        get().updateCurrentSession((session) => {
+          session.messages = session.messages.concat();
          session.lastUpdate = Date.now();
        });
        get().updateStat(message);
@@ -273,8 +274,7 @@ export const useChatStore = create<ChatStore>()(

        // save user's and bot's message
        get().updateCurrentSession((session) => {
-          session.messages.push(userMessage);
-          session.messages.push(botMessage);
+          session.messages = session.messages.concat([userMessage, botMessage]);
        });

        // make request
@@ -287,7 +287,9 @@ export const useChatStore = create<ChatStore>()(
            if (message) {
              botMessage.content = message;
            }
-            set(() => ({}));
+            get().updateCurrentSession((session) => {
+              session.messages = session.messages.concat();
+            });
          },
          onFinish(message) {
            botMessage.streaming = false;
@@ -299,7 +301,6 @@ export const useChatStore = create<ChatStore>()(
              sessionIndex,
              botMessage.id ?? messageIndex,
            );
-            set(() => ({}));
          },
          onError(error) {
            const isAborted = error.message.includes("aborted");
@@ -312,8 +313,9 @@ export const useChatStore = create<ChatStore>()(
            botMessage.streaming = false;
            userMessage.isError = !isAborted;
            botMessage.isError = !isAborted;
-
-            set(() => ({}));
+            get().updateCurrentSession((session) => {
+              session.messages = session.messages.concat();
+            });
            ChatControllerPool.remove(
              sessionIndex,
              botMessage.id ?? messageIndex,
@@ -368,28 +370,30 @@ export const useChatStore = create<ChatStore>()(
          context.push(memoryPrompt);
        }

-        // get short term and unmemoried long term memory
+        // get short term and unmemorized long term memory
        const shortTermMemoryMessageIndex = Math.max(
          0,
          n - modelConfig.historyMessageCount,
        );
        const longTermMemoryMessageIndex = session.lastSummarizeIndex;
-        const mostRecentIndex = Math.max(
+
+        // try to concat history messages
+        const memoryStartIndex = Math.min(
          shortTermMemoryMessageIndex,
          longTermMemoryMessageIndex,
        );
-        const threshold = modelConfig.compressMessageLengthThreshold * 2;
+        const threshold = modelConfig.max_tokens;

        // get recent messages as many as possible
        const reversedRecentMessages = [];
        for (
          let i = n - 1, count = 0;
-          i >= mostRecentIndex && count < threshold;
+          i >= memoryStartIndex && count < threshold;
          i -= 1
        ) {
          const msg = messages[i];
          if (!msg || msg.isError) continue;
-          count += msg.content.length;
+          count += estimateTokenLength(msg.content);
          reversedRecentMessages.push(msg);
        }

--- a/app/store/config.ts
+++ b/app/store/config.ts
@@ -1,5 +1,6 @@
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
+import { getClientConfig } from "../config/client";
 import { StoreKey } from "../constant";

 export enum SubmitKey {
@@ -21,7 +22,7 @@ export const DEFAULT_CONFIG = {
  avatar: "1f603",
  fontSize: 14,
  theme: Theme.Auto as Theme,
-  tightBorder: false,
+  tightBorder: !!getClientConfig()?.isApp,
  sendPreviewBubble: true,
  sidebarWidth: 300,

@@ -34,6 +35,7 @@ export const DEFAULT_CONFIG = {
    temperature: 0.5,
    max_tokens: 2000,
    presence_penalty: 0,
+    frequency_penalty: 0,
    sendMemory: true,
    historyMessageCount: 4,
    compressMessageLengthThreshold: 1000,
@@ -149,6 +151,9 @@ export const ModalConfigValidator = {
  presence_penalty(x: number) {
    return limitNumber(x, -2, 2, 0);
  },
+  frequency_penalty(x: number) {
+    return limitNumber(x, -2, 2, 0);
+  },
  temperature(x: number) {
    return limitNumber(x, 0, 1, 1);
  },
@@ -171,14 +176,15 @@ export const useAppConfig = create<ChatConfigStore>()(
    }),
    {
      name: StoreKey.Config,
-      version: 2,
+      version: 3,
      migrate(persistedState, version) {
-        if (version === 2) return persistedState as any;
+        if (version === 3) return persistedState as any;

        const state = persistedState as ChatConfig;
        state.modelConfig.sendMemory = true;
        state.modelConfig.historyMessageCount = 4;
        state.modelConfig.compressMessageLengthThreshold = 1000;
+        state.modelConfig.frequency_penalty = 0;
        state.dontShowMaskSplashScreen = false;

        return state;
--- a/app/styles/markdown.scss
+++ b/app/styles/markdown.scss
@@ -1116,4 +1116,16 @@

 .markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
-}
+}
+
+.markdown-body .mermaid {
+  border: var(--border-in-light);
+  margin-bottom: 10px;
+  border-radius: 4px;
+  padding: 10px;
+  background-color: var(--white);
+}
+
+#dmermaid {
+  display: none;
+}
--- a/app/utils.ts
+++ b/app/utils.ts
@@ -152,6 +152,7 @@ export function autoGrowTextArea(dom: HTMLTextAreaElement) {
  const width = getDomContentWidth(dom);
  measureDom.style.width = width + "px";
  measureDom.innerText = dom.value !== "" ? dom.value : "1";
+  measureDom.style.fontSize = dom.style.fontSize;
  const endWithEmptyLine = dom.value.endsWith("\n");
  const height = parseFloat(window.getComputedStyle(measureDom).height);
  const singleLineHeight = parseFloat(