thay doi ui chebichat

Author: quangdn-ght

app/SyncOnFirstLoad.tsx

@@ -0,0 +1,15 @@
+"use client";
+import { useEffect } from "react";
+import { useSyncStore } from "./store/sync";
+
+export default function SyncOnFirstLoad() {
+  const syncStore = useSyncStore();
+
+  useEffect(() => {
+    if (syncStore.lastSyncTime === 0) {
+      syncStore.sync();
+    }
+  }, []);
+
+  return null;
+}

app/api/common.ts

@@ -32,6 +32,8 @@ export async function requestOpenai(req: NextRequest) {
   let baseUrl =
     (isAzure ? serverConfig.azureUrl : serverConfig.baseUrl) || OPENAI_BASE_URL;
 
+  // console.log("[Base Url]", baseUrl);
+
   if (!baseUrl.startsWith("http")) {
     baseUrl = `https://${baseUrl}`;
   }

app/client/platforms/alibaba.ts

@@ -204,9 +204,9 @@ export class QwenApi implements LLMApi {
             // Accumulate and render result as it streams
             onUpdate: (() => {
               let accumulated = "";
-              return (chunk: string) => {
+              return (chunk: string, fetchText?: string) => {
                 accumulated += chunk;
-                options.onUpdate?.(accumulated, chunk);
+                options.onUpdate?.(accumulated, fetchText ?? "");
               };
             })(),
             onFinish: (final: string, res: any) => {

app/components/chat.module.scss

@@ -357,6 +357,7 @@
     font-size: 12px;
     color: var(--black);
     margin-left: 6px;
+    display: none;
   }
 }
 

app/components/chat.tsx

@@ -1330,18 +1330,32 @@ function _Chat() {
     }
   }
 
+  // Sử dụng useMemo để tạo mảng context chứa các tin nhắn ngữ cảnh (context messages) của phiên chat hiện tại.
+  // Nếu mask được thiết lập ẩn context (hideContext), trả về mảng rỗng.
+  // Ngược lại, sao chép các tin nhắn context từ session.mask.context.
   const context: RenderMessage[] = useMemo(() => {
     return session.mask.hideContext ? [] : session.mask.context.slice();
   }, [session.mask.context, session.mask.hideContext]);
 
+  // Nếu không có tin nhắn context nào (context.length === 0)
+  // và tin nhắn đầu tiên của session không phải là lời chào mặc định của bot (BOT_HELLO),
+  // thì thêm tin nhắn chào mặc định của bot vào context.
+  // Nếu người dùng chưa đăng nhập (không có quyền truy cập), thay nội dung lời chào bằng thông báo lỗi chưa đăng nhập.
   if (
     context.length === 0 &&
     session.messages.at(0)?.content !== BOT_HELLO.content
   ) {
+    // sao chép lời chào mặc định của bot
+
     const copiedHello = Object.assign({}, BOT_HELLO);
+
+    // nếu người dùng chưa đăng nhập, thay nội dung lời chào bằng thông báo lỗi chưa đăng nhập
     if (!accessStore.isAuthorized()) {
       copiedHello.content = Locale.Error.Unauthorized;
     }
+    // thêm lời chào vào context
+    // để hiển thị lời chào này trong giao diện chat
+    // như là một phần của ngữ cảnh cuộc trò chuyện
     context.push(copiedHello);
   }
 

app/components/emoji.tsx

@@ -6,16 +6,22 @@ import EmojiPicker, {
 
 import { ModelType } from "../store";
 
-import BotIconDefault from "../icons/llm-icons/default.svg";
-import BotIconOpenAI from "../icons/llm-icons/openai.svg";
+// import BotIconDefault from "../icons/llm-icons/chebichat.svg";
+
+import BotIconDefault from "../icons/llm-icons/chebichat.svg";
+
+import BotIconOpenAI from "../icons/llm-icons/chebichat.svg";
 import BotIconGemini from "../icons/llm-icons/gemini.svg";
 import BotIconGemma from "../icons/llm-icons/gemma.svg";
 import BotIconClaude from "../icons/llm-icons/claude.svg";
 import BotIconMeta from "../icons/llm-icons/meta.svg";
 import BotIconMistral from "../icons/llm-icons/mistral.svg";
 import BotIconDeepseek from "../icons/llm-icons/deepseek.svg";
 import BotIconMoonshot from "../icons/llm-icons/moonshot.svg";
-import BotIconQwen from "../icons/llm-icons/qwen.svg";
+
+// thay bang chebichat
+import BotIconQwen from "../icons/llm-icons/chebichat.svg";
+
 import BotIconWenxin from "../icons/llm-icons/wenxin.svg";
 import BotIconGrok from "../icons/llm-icons/grok.svg";
 import BotIconHunyuan from "../icons/llm-icons/hunyuan.svg";
@@ -68,7 +74,10 @@ export function Avatar(props: { model?: ModelType; avatar?: string }) {
       LlmIcon = BotIconClaude;
     } else if (modelName.includes("llama")) {
       LlmIcon = BotIconMeta;
-    } else if (modelName.startsWith("mixtral") || modelName.startsWith("codestral")) {
+    } else if (
+      modelName.startsWith("mixtral") ||
+      modelName.startsWith("codestral")
+    ) {
       LlmIcon = BotIconMistral;
     } else if (modelName.includes("deepseek")) {
       LlmIcon = BotIconDeepseek;
@@ -93,15 +102,15 @@ export function Avatar(props: { model?: ModelType; avatar?: string }) {
     }
 
     return (
-      <div className="no-dark">
-        <LlmIcon className="user-avatar" width={30} height={30} />
+      <div className="user-avatar">
+        <LlmIcon className="user-avatar" size={48} width={48} height={48} />
       </div>
     );
   }
 
   return (
     <div className="user-avatar">
-      {props.avatar && <EmojiAvatar avatar={props.avatar} />}
+      {props.avatar && <EmojiAvatar avatar={props.avatar} size={48} />}
     </div>
   );
 }

app/components/exporter.tsx

@@ -523,7 +523,7 @@ export function ImagePreviewer(props: {
             />
           </div>
 
-          <div>
+          {/* <div>
             <div className={styles["main-title"]}>NextChat</div>
             <div className={styles["sub-title"]}>
               github.com/ChatGPTNextWeb/ChatGPT-Next-Web
@@ -536,7 +536,8 @@ export function ImagePreviewer(props: {
                 model={session.mask.modelConfig.model}
               />
             </div>
-          </div>
+          </div> */}
+
           <div>
             <div className={styles["chat-info-item"]}>
               {Locale.Exporter.Model}: {mask.modelConfig.model}

app/components/sidebar.tsx

@@ -5,7 +5,9 @@ import styles from "./home.module.scss";
 import { IconButton } from "./button";
 import SettingsIcon from "../icons/settings.svg";
 import GithubIcon from "../icons/github.svg";
-import ChatGptIcon from "../icons/chatgpt.svg";
+
+import ChatGptIcon from "../icons/chebichat.svg";
+
 import AddIcon from "../icons/add.svg";
 import DeleteIcon from "../icons/delete.svg";
 import MaskIcon from "../icons/mask.svg";
@@ -250,8 +252,8 @@ export function SideBar(props: { className?: string }) {
       {...props}
     >
       <SideBarHeader
-        title="NextChat"
-        subTitle="Build your own AI assistant."
+        title="Chebi Chat"
+        subTitle="Trợ lý AI học tiếng Trung"
         logo={<ChatGptIcon />}
         shouldNarrow={shouldNarrow}
       >

app/constant.ts

@@ -110,7 +110,11 @@ export const ACCESS_CODE_PREFIX = "nk-";
 export const LAST_INPUT_KEY = "last-input";
 export const UNFINISHED_INPUT = (id: string) => "unfinished-input-" + id;
 
-export const STORAGE_KEY = "chatgpt-next-web";
+// The key used to store the last chat ID in local storage
+export const UPSTASH_ENDPOINT = "https://fine-baboon-52580.upstash.io";
+export const UPSTASH_APIKEY =
+  "Ac1kAAIjcDE2YjM4YmY3OGI4YzA0MTU2YjZhNmQyNzc5Yzc3NzEwYnAxMA";
+export const STORAGE_KEY = "chebichat-backup";
 
 export const REQUEST_TIMEOUT_MS = 60000;
 export const REQUEST_TIMEOUT_MS_FOR_THINKING = REQUEST_TIMEOUT_MS * 5;
@@ -599,15 +603,15 @@ const bytedanceModels = [
 
 const alibabaModes = [
   "qwen-turbo",
-  "qwen-plus",
+  // "qwen-plus",
   "qwen-max",
-  "qwen-max-0428",
-  "qwen-max-0403",
-  "qwen-max-0107",
-  "qwen-max-longcontext",
-  "qwen-omni-turbo",
+  // "qwen-max-0428",
+  // "qwen-max-0403",
+  // "qwen-max-0107",
+  // "qwen-max-longcontext",
+  // "qwen-omni-turbo",
   "qwen-vl-plus",
-  "qwen-vl-max",
+  // "qwen-vl-max",
 ];
 
 const tencentModels = [