Merge 520c2850b4 into 814fd2786e

Feat/support 302ai provider

.env.template

@@ -81,3 +81,9 @@ SILICONFLOW_API_KEY=
 
 ### siliconflow Api url (optional)
 SILICONFLOW_URL=
+
+### 302.AI Api key (optional)
+AI302_API_KEY=
+
+### 302.AI Api url (optional)
+AI302_URL=

README.md

@@ -6,7 +6,6 @@
 
 
 
-
 <h1 align="center">NextChat</h1>
 
 English / [简体中文](./README_CN.md)
@@ -22,12 +21,12 @@ English / [简体中文](./README_CN.md)
 [![MacOS][MacOS-image]][download-url]
 [![Linux][Linux-image]][download-url]
 
-[NextChatAI](https://nextchat.club?utm_source=readme) / [iOS APP](https://apps.apple.com/us/app/nextchat-ai/id6743085599) / [Web App Demo](https://app.nextchat.dev) / [Desktop App](https://github.com/Yidadaa/ChatGPT-Next-Web/releases) / [Enterprise Edition](#enterprise-edition) 
+[NextChatAI](https://nextchat.club?utm_source=readme) / [iOS APP](https://apps.apple.com/us/app/nextchat-ai/id6743085599) / [Web App Demo](https://app.nextchat.club) / [Desktop App](https://github.com/Yidadaa/ChatGPT-Next-Web/releases) / [Enterprise Edition](#enterprise-edition) 
 
 
 [saas-url]: https://nextchat.club?utm_source=readme
 [saas-image]: https://img.shields.io/badge/NextChat-Saas-green?logo=microsoftedge
-[web-url]: https://app.nextchat.dev/
+[web-url]: https://app.nextchat.club/
 [download-url]: https://github.com/Yidadaa/ChatGPT-Next-Web/releases
 [Web-image]: https://img.shields.io/badge/Web-PWA-orange?logo=microsoftedge
 [Windows-image]: https://img.shields.io/badge/-Windows-blue?logo=windows
@@ -36,10 +35,19 @@ English / [简体中文](./README_CN.md)
 
 [<img src="https://zeabur.com/button.svg" alt="Deploy on Zeabur" height="30">](https://zeabur.com/templates/ZBUEFA) [<img src="https://vercel.com/button" alt="Deploy on Vercel" height="30">](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FChatGPTNextWeb%2FChatGPT-Next-Web&env=OPENAI_API_KEY&env=CODE&project-name=nextchat&repository-name=NextChat)  [<img src="https://gitpod.io/button/open-in-gitpod.svg" alt="Open in Gitpod" height="30">](https://gitpod.io/#https://github.com/ChatGPTNextWeb/NextChat) 
 
+
 [<img src="https://github.com/user-attachments/assets/903482d4-3e87-4134-9af1-f2588fa90659" height="50" width="" >](https://monica.im/?utm=nxcrp)
 
 </div>
 
+## ❤️ Sponsor AI API
+<a href='https://302.ai/'>
+  <img src="https://github.com/user-attachments/assets/a03edf82-2031-4f23-bdb8-bfc0bfd168a4" width="100%" alt="icon"/>
+</a>
+
+[302.AI](https://302.ai/) is a pay-as-you-go AI application platform that offers the most comprehensive AI APIs and online applications available.
+
+
 ## 🥳 Cheer for NextChat iOS Version Online!
 > [👉 Click Here to Install Now](https://apps.apple.com/us/app/nextchat-ai/id6743085599)
 

README_CN.md

@@ -4,6 +4,7 @@
   <img src="./docs/images/ent.svg" alt="icon"/>
 </a>
 
+
 <h1 align="center">NextChat</h1>
 
 一键免费部署你的私人 ChatGPT 网页应用，支持 Claude, GPT4 & Gemini Pro 模型。
@@ -14,6 +15,14 @@
 
 </div>
 
+## Sponsor AI API
+<a href='https://302.ai/'>
+  <img src="https://github.com/user-attachments/assets/d8c0c513-1e18-4d3b-a2a9-ff3696aec0d4" width="100%" alt="icon"/>
+</a>
+
+[302.AI](https://302.ai/) 是一个按需付费的AI应用平台，提供市面上最全的AI API和AI在线应用。
+
+
 ## 企业版
 
 满足您公司私有化部署和定制需求

README_JA.md

@@ -1,6 +1,7 @@
 <div align="center">
 <img src="./docs/images/ent.svg" alt="プレビュー"/>
 
+
 <h1 align="center">NextChat</h1>
 
 ワンクリックで無料であなた専用の ChatGPT ウェブアプリをデプロイ。GPT3、GPT4 & Gemini Pro モデルをサポート。
@@ -12,6 +13,14 @@
 
 </div>
 
+## Sponsor AI API
+<a href='https://302.ai/'>
+  <img src="https://github.com/user-attachments/assets/6cf24233-1010-43e0-9a83-a11159866175" width="100%" alt="icon"/>
+</a>
+
+[302.AI](https://302.ai/) は、オンデマンドで支払うAIアプリケーションプラットフォームで、最も安全なAI APIとAIオンラインアプリケーションを提供します。 
+
+
 ## 企業版
 
 あなたの会社のプライベートデプロイとカスタマイズのニーズに応える

app/api/302ai.ts

@@ -0,0 +1,128 @@
+import { getServerSideConfig } from "@/app/config/server";
+import {
+  AI302_BASE_URL,
+  ApiPath,
+  ModelProvider,
+  ServiceProvider,
+} from "@/app/constant";
+import { prettyObject } from "@/app/utils/format";
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/app/api/auth";
+import { isModelNotavailableInServer } from "@/app/utils/model";
+
+const serverConfig = getServerSideConfig();
+
+export async function handle(
+  req: NextRequest,
+  { params }: { params: { path: string[] } },
+) {
+  console.log("[302.AI Route] params ", params);
+
+  if (req.method === "OPTIONS") {
+    return NextResponse.json({ body: "OK" }, { status: 200 });
+  }
+
+  const authResult = auth(req, ModelProvider["302.AI"]);
+  if (authResult.error) {
+    return NextResponse.json(authResult, {
+      status: 401,
+    });
+  }
+
+  try {
+    const response = await request(req);
+    return response;
+  } catch (e) {
+    console.error("[302.AI] ", e);
+    return NextResponse.json(prettyObject(e));
+  }
+}
+
+async function request(req: NextRequest) {
+  const controller = new AbortController();
+
+  // alibaba use base url or just remove the path
+  let path = `${req.nextUrl.pathname}`.replaceAll(ApiPath["302.AI"], "");
+
+  let baseUrl = serverConfig.ai302Url || AI302_BASE_URL;
+
+  if (!baseUrl.startsWith("http")) {
+    baseUrl = `https://${baseUrl}`;
+  }
+
+  if (baseUrl.endsWith("/")) {
+    baseUrl = baseUrl.slice(0, -1);
+  }
+
+  console.log("[Proxy] ", path);
+  console.log("[Base Url]", baseUrl);
+
+  const timeoutId = setTimeout(
+    () => {
+      controller.abort();
+    },
+    10 * 60 * 1000,
+  );
+
+  const fetchUrl = `${baseUrl}${path}`;
+  const fetchOptions: RequestInit = {
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: req.headers.get("Authorization") ?? "",
+    },
+    method: req.method,
+    body: req.body,
+    redirect: "manual",
+    // @ts-ignore
+    duplex: "half",
+    signal: controller.signal,
+  };
+
+  // #1815 try to refuse some request to some models
+  if (serverConfig.customModels && req.body) {
+    try {
+      const clonedBody = await req.text();
+      fetchOptions.body = clonedBody;
+
+      const jsonBody = JSON.parse(clonedBody) as { model?: string };
+
+      // not undefined and is false
+      if (
+        isModelNotavailableInServer(
+          serverConfig.customModels,
+          jsonBody?.model as string,
+          ServiceProvider["302.AI"] as string,
+        )
+      ) {
+        return NextResponse.json(
+          {
+            error: true,
+            message: `you are not allowed to use ${jsonBody?.model} model`,
+          },
+          {
+            status: 403,
+          },
+        );
+      }
+    } catch (e) {
+      console.error(`[302.AI] filter`, e);
+    }
+  }
+  try {
+    const res = await fetch(fetchUrl, fetchOptions);
+
+    // to prevent browser prompt for credentials
+    const newHeaders = new Headers(res.headers);
+    newHeaders.delete("www-authenticate");
+    // to disable nginx buffering
+    newHeaders.set("X-Accel-Buffering", "no");
+
+    return new Response(res.body, {
+      status: res.status,
+      statusText: res.statusText,
+      headers: newHeaders,
+    });
+  } finally {
+    clearTimeout(timeoutId);
+  }
+}

app/api/[provider]/[...path]/route.ts

@@ -15,6 +15,7 @@ import { handle as siliconflowHandler } from "../../siliconflow";
 import { handle as xaiHandler } from "../../xai";
 import { handle as chatglmHandler } from "../../glm";
 import { handle as proxyHandler } from "../../proxy";
+import { handle as ai302Handler } from "../../302ai";
 
 async function handle(
   req: NextRequest,
@@ -52,6 +53,8 @@ async function handle(
       return siliconflowHandler(req, { params });
     case ApiPath.OpenAI:
       return openaiHandler(req, { params });
+    case ApiPath["302.AI"]:
+      return ai302Handler(req, { params });
     default:
       return proxyHandler(req, { params });
   }

app/client/api.ts

@@ -24,6 +24,7 @@ import { DeepSeekApi } from "./platforms/deepseek";
 import { XAIApi } from "./platforms/xai";
 import { ChatGLMApi } from "./platforms/glm";
 import { SiliconflowApi } from "./platforms/siliconflow";
+import { Ai302Api } from "./platforms/ai302";
 
 export const ROLES = ["system", "user", "assistant"] as const;
 export type MessageRole = (typeof ROLES)[number];
@@ -173,6 +174,9 @@ export class ClientApi {
       case ModelProvider.SiliconFlow:
         this.llm = new SiliconflowApi();
         break;
+      case ModelProvider["302.AI"]:
+        this.llm = new Ai302Api();
+        break;
       default:
         this.llm = new ChatGPTApi();
     }
@@ -265,6 +269,7 @@ export function getHeaders(ignoreHeaders: boolean = false) {
     const isChatGLM = modelConfig.providerName === ServiceProvider.ChatGLM;
     const isSiliconFlow =
       modelConfig.providerName === ServiceProvider.SiliconFlow;
+    const isAI302 = modelConfig.providerName === ServiceProvider["302.AI"];
     const isEnabledAccessControl = accessStore.enabledAccessControl();
     const apiKey = isGoogle
       ? accessStore.googleApiKey
@@ -290,6 +295,8 @@ export function getHeaders(ignoreHeaders: boolean = false) {
       ? accessStore.iflytekApiKey && accessStore.iflytekApiSecret
         ? accessStore.iflytekApiKey + ":" + accessStore.iflytekApiSecret
         : ""
+      : isAI302
+      ? accessStore.ai302ApiKey
       : accessStore.openaiApiKey;
     return {
       isGoogle,
@@ -304,6 +311,7 @@ export function getHeaders(ignoreHeaders: boolean = false) {
       isXAI,
       isChatGLM,
       isSiliconFlow,
+      isAI302,
       apiKey,
       isEnabledAccessControl,
     };
@@ -332,6 +340,7 @@ export function getHeaders(ignoreHeaders: boolean = false) {
     isXAI,
     isChatGLM,
     isSiliconFlow,
+    isAI302,
     apiKey,
     isEnabledAccessControl,
   } = getConfig();
@@ -382,6 +391,8 @@ export function getClientApi(provider: ServiceProvider): ClientApi {
       return new ClientApi(ModelProvider.ChatGLM);
     case ServiceProvider.SiliconFlow:
       return new ClientApi(ModelProvider.SiliconFlow);
+    case ServiceProvider["302.AI"]:
+      return new ClientApi(ModelProvider["302.AI"]);
     default:
       return new ClientApi(ModelProvider.GPT);
   }

app/client/platforms/ai302.ts

@@ -0,0 +1,287 @@
+"use client";
+
+import {
+  ApiPath,
+  AI302_BASE_URL,
+  DEFAULT_MODELS,
+  AI302,
+} from "@/app/constant";
+import {
+  useAccessStore,
+  useAppConfig,
+  useChatStore,
+  ChatMessageTool,
+  usePluginStore,
+} from "@/app/store";
+import { preProcessImageContent, streamWithThink } from "@/app/utils/chat";
+import {
+  ChatOptions,
+  getHeaders,
+  LLMApi,
+  LLMModel,
+  SpeechOptions,
+} from "../api";
+import { getClientConfig } from "@/app/config/client";
+import {
+  getMessageTextContent,
+  getMessageTextContentWithoutThinking,
+  isVisionModel,
+  getTimeoutMSByModel,
+} from "@/app/utils";
+import { RequestPayload } from "./openai";
+
+import { fetch } from "@/app/utils/stream";
+export interface Ai302ListModelResponse {
+  object: string;
+  data: Array<{
+    id: string;
+    object: string;
+    root: string;
+  }>;
+}
+
+export class Ai302Api implements LLMApi {
+  private disableListModels = false;
+
+  path(path: string): string {
+    const accessStore = useAccessStore.getState();
+
+    let baseUrl = "";
+
+    if (accessStore.useCustomConfig) {
+      baseUrl = accessStore.ai302Url;
+    }
+
+    if (baseUrl.length === 0) {
+      const isApp = !!getClientConfig()?.isApp;
+      const apiPath = ApiPath["302.AI"];
+      baseUrl = isApp ? AI302_BASE_URL : apiPath;
+    }
+
+    if (baseUrl.endsWith("/")) {
+      baseUrl = baseUrl.slice(0, baseUrl.length - 1);
+    }
+    if (
+      !baseUrl.startsWith("http") &&
+      !baseUrl.startsWith(ApiPath["302.AI"])
+    ) {
+      baseUrl = "https://" + baseUrl;
+    }
+
+    console.log("[Proxy Endpoint] ", baseUrl, path);
+
+    return [baseUrl, path].join("/");
+  }
+
+  extractMessage(res: any) {
+    return res.choices?.at(0)?.message?.content ?? "";
+  }
+
+  speech(options: SpeechOptions): Promise<ArrayBuffer> {
+    throw new Error("Method not implemented.");
+  }
+
+  async chat(options: ChatOptions) {
+    const visionModel = isVisionModel(options.config.model);
+    const messages: ChatOptions["messages"] = [];
+    for (const v of options.messages) {
+      if (v.role === "assistant") {
+        const content = getMessageTextContentWithoutThinking(v);
+        messages.push({ role: v.role, content });
+      } else {
+        const content = visionModel
+          ? await preProcessImageContent(v.content)
+          : getMessageTextContent(v);
+        messages.push({ role: v.role, content });
+      }
+    }
+
+    const modelConfig = {
+      ...useAppConfig.getState().modelConfig,
+      ...useChatStore.getState().currentSession().mask.modelConfig,
+      ...{
+        model: options.config.model,
+        providerName: options.config.providerName,
+      },
+    };
+
+    const requestPayload: RequestPayload = {
+      messages,
+      stream: options.config.stream,
+      model: modelConfig.model,
+      temperature: modelConfig.temperature,
+      presence_penalty: modelConfig.presence_penalty,
+      frequency_penalty: modelConfig.frequency_penalty,
+      top_p: modelConfig.top_p,
+      // max_tokens: Math.max(modelConfig.max_tokens, 1024),
+      // Please do not ask me why not send max_tokens, no reason, this param is just shit, I dont want to explain anymore.
+    };
+
+    console.log("[Request] openai payload: ", requestPayload);
+
+    const shouldStream = !!options.config.stream;
+    const controller = new AbortController();
+    options.onController?.(controller);
+
+    try {
+      const chatPath = this.path(AI302.ChatPath);
+      const chatPayload = {
+        method: "POST",
+        body: JSON.stringify(requestPayload),
+        signal: controller.signal,
+        headers: getHeaders(),
+      };
+
+      // console.log(chatPayload);
+
+      // Use extended timeout for thinking models as they typically require more processing time
+      const requestTimeoutId = setTimeout(
+        () => controller.abort(),
+        getTimeoutMSByModel(options.config.model),
+      );
+
+      if (shouldStream) {
+        const [tools, funcs] = usePluginStore
+          .getState()
+          .getAsTools(
+            useChatStore.getState().currentSession().mask?.plugin || [],
+          );
+        return streamWithThink(
+          chatPath,
+          requestPayload,
+          getHeaders(),
+          tools as any,
+          funcs,
+          controller,
+          // parseSSE
+          (text: string, runTools: ChatMessageTool[]) => {
+            // console.log("parseSSE", text, runTools);
+            const json = JSON.parse(text);
+            const choices = json.choices as Array<{
+              delta: {
+                content: string | null;
+                tool_calls: ChatMessageTool[];
+                reasoning_content: string | null;
+              };
+            }>;
+            const tool_calls = choices[0]?.delta?.tool_calls;
+            if (tool_calls?.length > 0) {
+              const index = tool_calls[0]?.index;
+              const id = tool_calls[0]?.id;
+              const args = tool_calls[0]?.function?.arguments;
+              if (id) {
+                runTools.push({
+                  id,
+                  type: tool_calls[0]?.type,
+                  function: {
+                    name: tool_calls[0]?.function?.name as string,
+                    arguments: args,
+                  },
+                });
+              } else {
+                // @ts-ignore
+                runTools[index]["function"]["arguments"] += args;
+              }
+            }
+            const reasoning = choices[0]?.delta?.reasoning_content;
+            const content = choices[0]?.delta?.content;
+
+            // Skip if both content and reasoning_content are empty or null
+            if (
+              (!reasoning || reasoning.length === 0) &&
+              (!content || content.length === 0)
+            ) {
+              return {
+                isThinking: false,
+                content: "",
+              };
+            }
+
+            if (reasoning && reasoning.length > 0) {
+              return {
+                isThinking: true,
+                content: reasoning,
+              };
+            } else if (content && content.length > 0) {
+              return {
+                isThinking: false,
+                content: content,
+              };
+            }
+
+            return {
+              isThinking: false,
+              content: "",
+            };
+          },
+          // processToolMessage, include tool_calls message and tool call results
+          (
+            requestPayload: RequestPayload,
+            toolCallMessage: any,
+            toolCallResult: any[],
+          ) => {
+            // @ts-ignore
+            requestPayload?.messages?.splice(
+              // @ts-ignore
+              requestPayload?.messages?.length,
+              0,
+              toolCallMessage,
+              ...toolCallResult,
+            );
+          },
+          options,
+        );
+      } else {
+        const res = await fetch(chatPath, chatPayload);
+        clearTimeout(requestTimeoutId);
+
+        const resJson = await res.json();
+        const message = this.extractMessage(resJson);
+        options.onFinish(message, res);
+      }
+    } catch (e) {
+      console.log("[Request] failed to make a chat request", e);
+      options.onError?.(e as Error);
+    }
+  }
+  async usage() {
+    return {
+      used: 0,
+      total: 0,
+    };
+  }
+
+  async models(): Promise<LLMModel[]> {
+    if (this.disableListModels) {
+      return DEFAULT_MODELS.slice();
+    }
+
+    const res = await fetch(this.path(AI302.ListModelPath), {
+      method: "GET",
+      headers: {
+        ...getHeaders(),
+      },
+    });
+
+    const resJson = (await res.json()) as Ai302ListModelResponse;
+    const chatModels = resJson.data;
+    console.log("[Models]", chatModels);
+
+    if (!chatModels) {
+      return [];
+    }
+
+    let seq = 1000; //同 Constant.ts 中的排序保持一致
+    return chatModels.map((m) => ({
+      name: m.id,
+      available: true,
+      sorted: seq++,
+      provider: {
+        id: "ai302",
+        providerName: "302.AI",
+        providerType: "ai302",
+        sorted: 15,
+      },
+    }));
+  }
+}

app/components/chat.tsx

@@ -1,7 +1,6 @@
 import { useDebouncedCallback } from "use-debounce";
 import React, {
   Fragment,
-  RefObject,
   useCallback,
   useEffect,
   useMemo,
@@ -450,53 +449,12 @@ export function ChatAction(props: {
   );
 }
 
-function useScrollToBottom(
-  scrollRef: RefObject<HTMLDivElement>,
-  detach: boolean = false,
-  messages: ChatMessage[],
-) {
-  // for auto-scroll
-  const [autoScroll, setAutoScroll] = useState(true);
-  const scrollDomToBottom = useCallback(() => {
-    const dom = scrollRef.current;
-    if (dom) {
-      requestAnimationFrame(() => {
-        setAutoScroll(true);
-        dom.scrollTo(0, dom.scrollHeight);
-      });
-    }
-  }, [scrollRef]);
-
-  // auto scroll
-  useEffect(() => {
-    if (autoScroll && !detach) {
-      scrollDomToBottom();
-    }
-  });
-
-  // auto scroll when messages length changes
-  const lastMessagesLength = useRef(messages.length);
-  useEffect(() => {
-    if (messages.length > lastMessagesLength.current && !detach) {
-      scrollDomToBottom();
-    }
-    lastMessagesLength.current = messages.length;
-  }, [messages.length, detach, scrollDomToBottom]);
-
-  return {
-    scrollRef,
-    autoScroll,
-    setAutoScroll,
-    scrollDomToBottom,
-  };
-}
-
 export function ChatActions(props: {
   uploadImage: () => void;
   setAttachImages: (images: string[]) => void;
   setUploading: (uploading: boolean) => void;
   showPromptModal: () => void;
-  scrollToBottom: () => void;
+  scrollChatToBottom: () => void;
   showPromptHints: () => void;
   hitBottom: boolean;
   uploading: boolean;
@@ -608,7 +566,7 @@ export function ChatActions(props: {
         )}
         {!props.hitBottom && (
           <ChatAction
-            onClick={props.scrollToBottom}
+            onClick={props.scrollChatToBottom}
             text={Locale.Chat.InputActions.ToBottom}
             icon={<BottomIcon />}
           />
@@ -997,37 +955,12 @@ function _Chat() {
 
   const [showExport, setShowExport] = useState(false);
 
+  const scrollRef = useRef<HTMLDivElement>(null);
   const inputRef = useRef<HTMLTextAreaElement>(null);
   const [userInput, setUserInput] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const { submitKey, shouldSubmit } = useSubmitHandler();
-  const scrollRef = useRef<HTMLDivElement>(null);
-  const isScrolledToBottom = scrollRef?.current
-    ? Math.abs(
-        scrollRef.current.scrollHeight -
-          (scrollRef.current.scrollTop + scrollRef.current.clientHeight),
-      ) <= 1
-    : false;
-  const isAttachWithTop = useMemo(() => {
-    const lastMessage = scrollRef.current?.lastElementChild as HTMLElement;
-    // if scrolllRef is not ready or no message, return false
-    if (!scrollRef?.current || !lastMessage) return false;
-    const topDistance =
-      lastMessage!.getBoundingClientRect().top -
-      scrollRef.current.getBoundingClientRect().top;
-    // leave some space for user question
-    return topDistance < 100;
-  }, [scrollRef?.current?.scrollHeight]);
 
-  const isTyping = userInput !== "";
-
-  // if user is typing, should auto scroll to bottom
-  // if user is not typing, should auto scroll to bottom only if already at bottom
-  const { setAutoScroll, scrollDomToBottom } = useScrollToBottom(
-    scrollRef,
-    (isScrolledToBottom || isAttachWithTop) && !isTyping,
-    session.messages,
-  );
   const [hitBottom, setHitBottom] = useState(true);
   const isMobileScreen = useMobileScreen();
   const navigate = useNavigate();
@@ -1104,6 +1037,7 @@ function _Chat() {
 
   const doSubmit = (userInput: string) => {
     if (userInput.trim() === "" && isEmpty(attachImages)) return;
+
     const matchCommand = chatCommands.match(userInput);
     if (matchCommand.matched) {
       setUserInput("");
@@ -1111,16 +1045,19 @@ function _Chat() {
       matchCommand.invoke();
       return;
     }
+
     setIsLoading(true);
-    chatStore
-      .onUserInput(userInput, attachImages)
-      .then(() => setIsLoading(false));
+
+    chatStore.onUserInput(userInput, attachImages).then(() => {
+      setIsLoading(false);
+      autoScrollChatToBottom();
+    });
+
     setAttachImages([]);
     chatStore.setLastInput(userInput);
     setUserInput("");
     setPromptHints([]);
-    if (!isMobileScreen) inputRef.current?.focus();
-    setAutoScroll(true);
+    autoScrollChatToBottom();
   };
 
   const onPromptSelect = (prompt: RenderPrompt) => {
@@ -1420,14 +1357,33 @@ function _Chat() {
     }
 
     setHitBottom(isHitBottom);
-    setAutoScroll(isHitBottom);
   };
 
-  function scrollToBottom() {
-    setMsgRenderIndex(renderMessages.length - CHAT_PAGE_SIZE);
-    scrollDomToBottom();
+  function scrollChatToBottom() {
+    const dom = scrollRef.current;
+    if (dom) {
+      setMsgRenderIndex(renderMessages.length - CHAT_PAGE_SIZE);
+      requestAnimationFrame(() => {
+        dom.scrollTo(0, dom.scrollHeight);
+      });
+    }
   }
 
+  // scroll if auto-scroll is enabled in the settings
+  function autoScrollChatToBottom() {
+    if (config.enableAutoScroll) scrollChatToBottom();
+  }
+
+  // scroll to the bottom on mount
+  useEffect(() => {
+    scrollChatToBottom();
+  }, []);
+
+  // keep scroll the chat as it gets longer, but only if the chat is already scrolled to the bottom (sticky bottom)
+  useEffect(() => {
+    if (hitBottom) scrollChatToBottom();
+  });
+
   // clear context index = context length + index in messages
   const clearContextIndex =
     (session.clearContextIndex ?? -1) >= 0
@@ -1775,10 +1731,7 @@ function _Chat() {
               ref={scrollRef}
               onScroll={(e) => onChatBodyScroll(e.currentTarget)}
               onMouseDown={() => inputRef.current?.blur()}
-              onTouchStart={() => {
-                inputRef.current?.blur();
-                setAutoScroll(false);
-              }}
+              onTouchStart={() => inputRef.current?.blur()}
             >
               {messages
                 // TODO
@@ -2050,7 +2003,7 @@ function _Chat() {
                 setAttachImages={setAttachImages}
                 setUploading={setUploading}
                 showPromptModal={() => setShowPromptModal(true)}
-                scrollToBottom={scrollToBottom}
+                scrollChatToBottom={scrollChatToBottom}
                 hitBottom={hitBottom}
                 uploading={uploading}
                 showPromptHints={() => {
@@ -2083,8 +2036,8 @@ function _Chat() {
                   onInput={(e) => onInput(e.currentTarget.value)}
                   value={userInput}
                   onKeyDown={onInputKeyDown}
-                  onFocus={scrollToBottom}
-                  onClick={scrollToBottom}
+                  onFocus={autoScrollChatToBottom}
+                  onClick={autoScrollChatToBottom}
                   onPaste={handlePaste}
                   rows={inputRows}
                   autoFocus={autoFocus}

app/components/settings.tsx

@@ -75,6 +75,7 @@ import {
   ChatGLM,
   DeepSeek,
   SiliconFlow,
+  AI302,
 } from "../constant";
 import { Prompt, SearchService, usePromptStore } from "../store/prompt";
 import { ErrorBoundary } from "./error";
@@ -1458,6 +1459,46 @@ export function Settings() {
     </>
   );
 
+  const ai302ConfigComponent = accessStore.provider === ServiceProvider["302.AI"] && (
+    <>
+      <ListItem
+          title={Locale.Settings.Access.AI302.Endpoint.Title}
+          subTitle={
+            Locale.Settings.Access.AI302.Endpoint.SubTitle +
+            AI302.ExampleEndpoint
+          }
+        >
+          <input
+            aria-label={Locale.Settings.Access.AI302.Endpoint.Title}
+            type="text"
+            value={accessStore.ai302Url}
+            placeholder={AI302.ExampleEndpoint}
+            onChange={(e) =>
+              accessStore.update(
+                (access) => (access.ai302Url = e.currentTarget.value),
+              )
+            }
+          ></input>
+        </ListItem>
+        <ListItem
+          title={Locale.Settings.Access.AI302.ApiKey.Title}
+          subTitle={Locale.Settings.Access.AI302.ApiKey.SubTitle}
+        >
+          <PasswordInput
+            aria-label={Locale.Settings.Access.AI302.ApiKey.Title}
+            value={accessStore.ai302ApiKey}
+            type="text"
+            placeholder={Locale.Settings.Access.AI302.ApiKey.Placeholder}
+            onChange={(e) => {
+              accessStore.update(
+                (access) => (access.ai302ApiKey = e.currentTarget.value),
+              );
+            }}
+          />
+        </ListItem>
+      </>
+  );
+
   return (
     <ErrorBoundary>
       <div className="window-header" data-tauri-drag-region>
@@ -1699,6 +1740,23 @@ export function Settings() {
               }
             ></input>
           </ListItem>
+          <ListItem
+            title={Locale.Settings.AutoScroll.Title}
+            subTitle={Locale.Settings.AutoScroll.SubTitle}
+          >
+            <input
+              aria-label={Locale.Settings.AutoScroll.Title}
+              type="checkbox"
+              checked={config.enableAutoScroll}
+              data-testid="enable-auto-scroll-checkbox"
+              onChange={(e) =>
+                updateConfig(
+                  (config) =>
+                    (config.enableAutoScroll = e.currentTarget.checked),
+                )
+              }
+            ></input>
+          </ListItem>
         </List>
 
         <SyncItems />
@@ -1822,6 +1880,7 @@ export function Settings() {
                   {XAIConfigComponent}
                   {chatglmConfigComponent}
                   {siliconflowConfigComponent}
+                  {ai302ConfigComponent}
                 </>
               )}
             </>

app/config/server.ts

@@ -88,6 +88,10 @@ declare global {
       SILICONFLOW_URL?: string;
       SILICONFLOW_API_KEY?: string;
 
+      // 302.AI only
+      AI302_URL?: string;
+      AI302_API_KEY?: string;
+
       // custom template for preprocessing user input
       DEFAULT_INPUT_TEMPLATE?: string;
 
@@ -163,6 +167,7 @@ export const getServerSideConfig = () => {
   const isXAI = !!process.env.XAI_API_KEY;
   const isChatGLM = !!process.env.CHATGLM_API_KEY;
   const isSiliconFlow = !!process.env.SILICONFLOW_API_KEY;
+  const isAI302 = !!process.env.AI302_API_KEY;
   // const apiKeyEnvVar = process.env.OPENAI_API_KEY ?? "";
   // const apiKeys = apiKeyEnvVar.split(",").map((v) => v.trim());
   // const randomIndex = Math.floor(Math.random() * apiKeys.length);
@@ -246,6 +251,10 @@ export const getServerSideConfig = () => {
     siliconFlowUrl: process.env.SILICONFLOW_URL,
     siliconFlowApiKey: getApiKey(process.env.SILICONFLOW_API_KEY),
 
+    isAI302,
+    ai302Url: process.env.AI302_URL,
+    ai302ApiKey: getApiKey(process.env.AI302_API_KEY),
+
     gtmId: process.env.GTM_ID,
     gaId: process.env.GA_ID || DEFAULT_GA_ID,
 

app/constant.ts

@@ -36,6 +36,8 @@ export const CHATGLM_BASE_URL = "https://open.bigmodel.cn";
 
 export const SILICONFLOW_BASE_URL = "https://api.siliconflow.cn";
 
+export const AI302_BASE_URL = "https://api.302.ai";
+
 export const CACHE_URL_PREFIX = "/api/cache";
 export const UPLOAD_URL = `${CACHE_URL_PREFIX}/upload`;
 
@@ -72,6 +74,7 @@ export enum ApiPath {
   ChatGLM = "/api/chatglm",
   DeepSeek = "/api/deepseek",
   SiliconFlow = "/api/siliconflow",
+  "302.AI" = "/api/302ai",
 }
 
 export enum SlotID {
@@ -130,6 +133,7 @@ export enum ServiceProvider {
   ChatGLM = "ChatGLM",
   DeepSeek = "DeepSeek",
   SiliconFlow = "SiliconFlow",
+  "302.AI" = "302.AI",
 }
 
 // Google API safety settings, see https://ai.google.dev/gemini-api/docs/safety-settings
@@ -156,6 +160,7 @@ export enum ModelProvider {
   ChatGLM = "ChatGLM",
   DeepSeek = "DeepSeek",
   SiliconFlow = "SiliconFlow",
+  "302.AI" = "302.AI",
 }
 
 export const Stability = {
@@ -266,6 +271,13 @@ export const SiliconFlow = {
   ListModelPath: "v1/models?&sub_type=chat",
 };
 
+export const AI302 = {
+  ExampleEndpoint: AI302_BASE_URL,
+  ChatPath: "v1/chat/completions",
+  EmbeddingsPath: "jina/v1/embeddings",
+  ListModelPath: "v1/models?llm=1",
+};
+
 export const DEFAULT_INPUT_TEMPLATE = `{{input}}`; // input / time / model / lang
 // export const DEFAULT_SYSTEM_TEMPLATE = `
 // You are ChatGPT, a large language model trained by {{ServiceProvider}}.
@@ -523,20 +535,15 @@ const openaiModels = [
 ];
 
 const googleModels = [
-  "gemini-1.0-pro", // Deprecated on 2/15/2025
   "gemini-1.5-pro-latest",
   "gemini-1.5-pro",
   "gemini-1.5-pro-002",
-  "gemini-1.5-pro-exp-0827",
   "gemini-1.5-flash-latest",
   "gemini-1.5-flash-8b-latest",
   "gemini-1.5-flash",
   "gemini-1.5-flash-8b",
   "gemini-1.5-flash-002",
-  "gemini-1.5-flash-exp-0827",
   "learnlm-1.5-pro-experimental",
-  "gemini-exp-1114",
-  "gemini-exp-1121",
   "gemini-exp-1206",
   "gemini-2.0-flash",
   "gemini-2.0-flash-exp",
@@ -684,6 +691,31 @@ const siliconflowModels = [
   "Pro/deepseek-ai/DeepSeek-V3",
 ];
 
+const ai302Models = [
+  "deepseek-chat",
+  "gpt-4o",
+  "chatgpt-4o-latest",
+  "llama3.3-70b",
+  "deepseek-reasoner",
+  "gemini-2.0-flash",
+  "claude-3-7-sonnet-20250219",
+  "claude-3-7-sonnet-latest",
+  "grok-3-beta",
+  "grok-3-mini-beta",
+  "gpt-4.1",
+  "gpt-4.1-mini",
+  "o3",
+  "o4-mini",
+  "qwen3-235b-a22b",
+  "qwen3-32b",
+  "gemini-2.5-pro-preview-05-06",
+  "llama-4-maverick",
+  "gemini-2.5-flash",
+  "claude-sonnet-4-20250514",
+  "claude-opus-4-20250514",
+  "gemini-2.5-pro",
+];
+
 let seq = 1000; // 内置的模型序号生成器从1000开始
 export const DEFAULT_MODELS = [
   ...openaiModels.map((name) => ({
@@ -840,6 +872,17 @@ export const DEFAULT_MODELS = [
       sorted: 14,
     },
   })),
+  ...ai302Models.map((name) => ({
+    name,
+    available: true,
+    sorted: seq++,
+    provider: {
+      id: "ai302",
+      providerName: "302.AI",
+      providerType: "ai302",
+      sorted: 15,
+    },
+  })),
 ] as const;
 
 export const CHAT_PAGE_SIZE = 15;

app/locales/ar.ts

@@ -199,6 +199,11 @@ const ar: PartialLocaleType = {
       Title: "توليد العنوان تلقائيًا",
       SubTitle: "توليد عنوان مناسب بناءً على محتوى الدردشة",
     },
+    AutoScroll: {
+      Title: "تفعيل التمرير التلقائي",
+      SubTitle:
+        "التمرير التلقائي للدردشة إلى الأسفل عند التركيز على منطقة النص أو إرسال الرسالة",
+    },
     Sync: {
       CloudState: "بيانات السحابة",
       NotSyncYet: "لم يتم التزامن بعد",
@@ -416,6 +421,17 @@ const ar: PartialLocaleType = {
           SubTitle: "مثال:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "مفتاح 302.AI API",
+          SubTitle: "استخدم مفتاح 302.AI API مخصص",
+          Placeholder: "مفتاح 302.AI API",
+        },
+        Endpoint: {
+          Title: "عنوان الواجهة",
+          SubTitle: "مثال:",
+        },
+      },
       CustomModel: {
         Title: "اسم النموذج المخصص",
         SubTitle: "أضف خيارات نموذج مخصص، مفصولة بفواصل إنجليزية",

app/locales/bn.ts

@@ -200,6 +200,11 @@ const bn: PartialLocaleType = {
       Title: "স্বয়ংক্রিয় শিরোনাম জেনারেশন",
       SubTitle: "চ্যাট কনটেন্টের ভিত্তিতে উপযুক্ত শিরোনাম তৈরি করুন",
     },
+    AutoScroll: {
+      Title: "অটো স্ক্রল সক্ষম করুন",
+      SubTitle:
+        "টেক্সট এরিয়া ফোকাস বা মেসেজ সাবমিটে স্বয়ংক্রিয়ভাবে চ্যাট নিচে স্ক্রল করুন",
+    },
     Sync: {
       CloudState: "ক্লাউড ডেটা",
       NotSyncYet: "এখনো সিঙ্ক করা হয়নি",
@@ -423,6 +428,17 @@ const bn: PartialLocaleType = {
           SubTitle: "উদাহরণ:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "ইন্টারফেস কী",
+          SubTitle: "স্বনির্ধারিত 302.AI API কী ব্যবহার করুন",
+          Placeholder: "302.AI API কী",
+        },
+        Endpoint: {
+          Title: "ইন্টারফেস ঠিকানা",
+          SubTitle: "উদাহরণ:",
+        },
+      },
       CustomModel: {
         Title: "স্বনির্ধারিত মডেল নাম",
         SubTitle:

app/locales/cn.ts

@@ -220,6 +220,10 @@ const cn = {
       Title: "自动生成标题",
       SubTitle: "根据对话内容生成合适的标题",
     },
+    AutoScroll: {
+      Title: "启用自动滚动",
+      SubTitle: "在文本区域聚焦或提交消息时自动滚动聊天到底部",
+    },
     Sync: {
       CloudState: "云端数据",
       NotSyncYet: "还没有进行过同步",
@@ -538,6 +542,17 @@ const cn = {
         Title: "自定义模型名",
         SubTitle: "增加自定义模型可选项，使用英文逗号隔开",
       },
+      AI302: {
+        ApiKey: {
+          Title: "接口密钥",
+          SubTitle: "使用自定义302.AI API Key",
+          Placeholder: "302.AI API Key",
+        },
+        Endpoint: {
+          Title: "接口地址",
+          SubTitle: "样例：",
+        },
+      },
     },
 
     Model: "模型 (model)",

app/locales/cs.ts

@@ -200,6 +200,11 @@ const cs: PartialLocaleType = {
       Title: "Automatické generování názvu",
       SubTitle: "Generovat vhodný název na základě obsahu konverzace",
     },
+    AutoScroll: {
+      Title: "Povolit automatické posouvání",
+      SubTitle:
+        "Automaticky posunout chat dolů při zaměření na textové pole nebo odeslání zprávy",
+    },
     Sync: {
       CloudState: "Data na cloudu",
       NotSyncYet: "Ještě nebylo synchronizováno",
@@ -423,6 +428,17 @@ const cs: PartialLocaleType = {
           SubTitle: "Příklad:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Rozhraní klíč",
+          SubTitle: "Použijte vlastní 302.AI API Key",
+          Placeholder: "302.AI API Key",
+        },
+        Endpoint: {
+          Title: "Adresa rozhraní",
+          SubTitle: "Příklad:",
+        },
+      },
       CustomModel: {
         Title: "Vlastní názvy modelů",
         SubTitle: "Přidejte možnosti vlastních modelů, oddělené čárkami",

app/locales/da.ts

@@ -219,6 +219,11 @@ const da: PartialLocaleType = {
       Title: "Lav titel automatisk",
       SubTitle: "Foreslå en titel ud fra chatten",
     },
+    AutoScroll: {
+      Title: "Aktivér automatisk rulning",
+      SubTitle:
+        "Rul automatisk chatten til bunden ved fokus på tekstfelt eller afsendelse af besked",
+    },
     Sync: {
       CloudState: "Seneste opdatering",
       NotSyncYet: "Endnu ikke synkroniseret",
@@ -517,6 +522,17 @@ const da: PartialLocaleType = {
           SubTitle: "Vælg et niveau for indholdskontrol",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "302.AI API Key",
+          SubTitle: "Brug en custom 302.AI API Key",
+          Placeholder: "302.AI API Key",
+        },
+        Endpoint: {
+          Title: "Endpoint-adresse",
+          SubTitle: "Eksempel: ",
+        },
+      },
     },
     Model: "Model",
     CompressModel: {

app/locales/de.ts

@@ -205,6 +205,11 @@ const de: PartialLocaleType = {
       SubTitle:
         "Basierend auf dem Chat-Inhalt einen passenden Titel generieren",
     },
+    AutoScroll: {
+      Title: "Automatisches Scrollen aktivieren",
+      SubTitle:
+        "Chat automatisch nach unten scrollen bei Fokus auf Texteingabe oder Nachrichtensenden",
+    },
     Sync: {
       CloudState: "Cloud-Daten",
       NotSyncYet: "Noch nicht synchronisiert",
@@ -434,6 +439,17 @@ const de: PartialLocaleType = {
           SubTitle: "Beispiel:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Schnittstellenschlüssel",
+          SubTitle: "Verwenden Sie einen benutzerdefinierten 302.AI API-Schlüssel",
+          Placeholder: "302.AI API-Schlüssel",
+        },
+        Endpoint: {
+          Title: "Endpunktadresse",
+          SubTitle: "Beispiel:",
+        },
+      },
       CustomModel: {
         Title: "Benutzerdefinierter Modellname",
         SubTitle:

app/locales/en.ts

@@ -222,6 +222,11 @@ const en: LocaleType = {
       Title: "Auto Generate Title",
       SubTitle: "Generate a suitable title based on the conversation content",
     },
+    AutoScroll: {
+      Title: "Enable Auto Scroll",
+      SubTitle:
+        "Automatically scroll chat to bottom on text area focus or message submit",
+    },
     Sync: {
       CloudState: "Last Update",
       NotSyncYet: "Not sync yet",
@@ -543,6 +548,17 @@ const en: LocaleType = {
           SubTitle: "Select a safety filtering level",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "302.AI API Key",
+          SubTitle: "Use a custom 302.AI API Key",
+          Placeholder: "302.AI API Key",
+        },
+        Endpoint: {
+          Title: "Endpoint Address",
+          SubTitle: "Example: ",
+        },
+      },
     },
 
     Model: "Model",
@@ -756,7 +772,7 @@ const en: LocaleType = {
       },
       Artifacts: {
         Title: "Enable Artifacts",
-        SubTitle: "Can render HTML page when enable artifacts.",
+        SubTitle: "Can render HTML page when enable artifacts",
       },
       CodeFold: {
         Title: "Enable CodeFold",

app/locales/es.ts

@@ -208,6 +208,11 @@ const es: PartialLocaleType = {
       Title: "Generar título automáticamente",
       SubTitle: "Generar un título adecuado basado en el contenido del chat",
     },
+    AutoScroll: {
+      Title: "Habilitar desplazamiento automático",
+      SubTitle:
+        "Desplazar el chat automáticamente hacia abajo al enfocar el área de texto o enviar un mensaje",
+    },
     Sync: {
       CloudState: "Datos en la nube",
       NotSyncYet: "Aún no se ha sincronizado",
@@ -436,6 +441,17 @@ const es: PartialLocaleType = {
           SubTitle: "Ejemplo:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Clave de interfaz",
+          SubTitle: "Usa una clave API de 302.AI personalizada",
+          Placeholder: "Clave API de 302.AI",
+        },
+        Endpoint: {
+          Title: "Dirección del endpoint",
+          SubTitle: "Ejemplo:",
+        },
+      },
       CustomModel: {
         Title: "Nombre del modelo personalizado",
         SubTitle:

app/locales/fr.ts

@@ -207,6 +207,11 @@ const fr: PartialLocaleType = {
       SubTitle:
         "Générer un titre approprié en fonction du contenu de la discussion",
     },
+    AutoScroll: {
+      Title: "Activer le défilement automatique",
+      SubTitle:
+        "Faire défiler automatiquement le chat vers le bas lors du focus sur la zone de texte ou de l'envoi d'un message",
+    },
     Sync: {
       CloudState: "Données cloud",
       NotSyncYet: "Pas encore synchronisé",
@@ -435,6 +440,17 @@ const fr: PartialLocaleType = {
           SubTitle: "Exemple :",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Clé d'interface",
+          SubTitle: "Utiliser une clé API 302.AI personnalisée",
+          Placeholder: "Clé API 302.AI",
+        },
+        Endpoint: {
+          Title: "Adresse de l'endpoint",
+          SubTitle: "Exemple :",
+        },
+      },
       CustomModel: {
         Title: "Nom du modèle personnalisé",
         SubTitle:

app/locales/id.ts

@@ -201,6 +201,11 @@ const id: PartialLocaleType = {
       Title: "Otomatis Membuat Judul",
       SubTitle: "Membuat judul yang sesuai berdasarkan konten obrolan",
     },
+    AutoScroll: {
+      Title: "Aktifkan Gulir Otomatis",
+      SubTitle:
+        "Secara otomatis gulir obrolan ke bawah saat area teks difokuskan atau pesan dikirim",
+    },
     Sync: {
       CloudState: "Data Cloud",
       NotSyncYet: "Belum disinkronkan",
@@ -424,6 +429,17 @@ const id: PartialLocaleType = {
           SubTitle: "Contoh:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Kunci Antarmuka",
+          SubTitle: "Gunakan 302.AI API Key kustom",
+          Placeholder: "302.AI API Key",
+        },
+        Endpoint: {
+          Title: "Alamat Antarmuka",
+          SubTitle: "Contoh:",
+        },
+      },
       CustomModel: {
         Title: "Nama Model Kustom",
         SubTitle: "Tambahkan opsi model kustom, pisahkan dengan koma",

app/locales/it.ts

@@ -209,6 +209,11 @@ const it: PartialLocaleType = {
       SubTitle:
         "Genera un titolo appropriato in base al contenuto della conversazione",
     },
+    AutoScroll: {
+      Title: "Abilita lo scorrimento automatico",
+      SubTitle:
+        "Scorri automaticamente la chat in basso quando si seleziona l'area di testo o si invia un messaggio",
+    },
     Sync: {
       CloudState: "Dati cloud",
       NotSyncYet: "Non è ancora avvenuta alcuna sincronizzazione",
@@ -436,6 +441,17 @@ const it: PartialLocaleType = {
           SubTitle: "Esempio:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Chiave dell'interfaccia",
+          SubTitle: "Utilizza una chiave API 302.AI personalizzata",
+          Placeholder: "Chiave API 302.AI",
+        },
+        Endpoint: {
+          Title: "Indirizzo dell'interfaccia",
+          SubTitle: "Esempio:",
+        },
+      },
       CustomModel: {
         Title: "Nome del modello personalizzato",
         SubTitle:

app/locales/jp.ts

@@ -200,6 +200,11 @@ const jp: PartialLocaleType = {
       Title: "自動タイトル生成",
       SubTitle: "チャット内容に基づいて適切なタイトルを生成",
     },
+    AutoScroll: {
+      Title: "自動スクロールを有効にする",
+      SubTitle:
+        "テキストエリアにフォーカスするか、メッセージを送信するとチャットが自動で下にスクロールされます",
+    },
     Sync: {
       CloudState: "クラウドデータ",
       NotSyncYet: "まだ同期されていません",
@@ -420,6 +425,17 @@ const jp: PartialLocaleType = {
           SubTitle: "例：",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "APIキー",
+          SubTitle: "カスタム302.AI APIキーを使用",
+          Placeholder: "302.AI APIキー",
+        },
+        Endpoint: {
+          Title: "エンドポイント",
+          SubTitle: "例：",
+        },
+      },
       CustomModel: {
         Title: "カスタムモデル名",
         SubTitle: "カスタムモデルの選択肢を追加、英語のカンマで区切る",

app/locales/ko.ts

@@ -199,6 +199,11 @@ const ko: PartialLocaleType = {
       Title: "제목 자동 생성",
       SubTitle: "대화 내용에 따라 적절한 제목 생성",
     },
+    AutoScroll: {
+      Title: "자동 스크롤 활성화",
+      SubTitle:
+        "텍스트 영역에 포커스하거나 메시지를 전송하면 채팅이 자동으로 아래로 스크롤됩니다",
+    },
     Sync: {
       CloudState: "클라우드 데이터",
       NotSyncYet: "아직 동기화되지 않았습니다.",
@@ -421,6 +426,17 @@ const ko: PartialLocaleType = {
         Title: "커스텀 모델 이름",
         SubTitle: "커스텀 모델 옵션 추가, 영어 쉼표로 구분",
       },
+      AI302: {
+        ApiKey: {
+          Title: "엔드포인트 키",
+          SubTitle: "커스텀 302.AI API 키 사용",
+          Placeholder: "302.AI API 키",
+        },
+        Endpoint: {
+          Title: "엔드포인트 주소",
+          SubTitle: "예: ",
+        },
+      },
     },
 
     Model: "모델 (model)",

app/locales/no.ts

@@ -206,6 +206,11 @@ const no: PartialLocaleType = {
       Title: "Automatisk generere tittel",
       SubTitle: "Generer en passende tittel basert på samtaleinnholdet",
     },
+    AutoScroll: {
+      Title: "Aktiver automatisk rulling",
+      SubTitle:
+        "Rull automatisk chatten til bunnen ved fokus på tekstfelt eller sending av melding",
+    },
     Sync: {
       CloudState: "Skydatasynkronisering",
       NotSyncYet: "Har ikke blitt synkronisert ennå",
@@ -433,6 +438,17 @@ const no: PartialLocaleType = {
         Title: "Egendefinert modellnavn",
         SubTitle: "Legg til egendefinerte modellalternativer, skill med komma",
       },
+      AI302: {
+        ApiKey: {
+          Title: "API-nøkkel",
+          SubTitle: "Bruk egendefinert 302.AI API-nøkkel",
+          Placeholder: "302.AI API-nøkkel",
+        },
+        Endpoint: {
+          Title: "API-adresse",
+          SubTitle: "Eksempel:",
+        },
+      },
     },
 
     Model: "Modell",

app/locales/pt.ts

@@ -199,6 +199,11 @@ const pt: PartialLocaleType = {
       Title: "Gerar Título Automaticamente",
       SubTitle: "Gerar um título adequado baseado no conteúdo da conversa",
     },
+    AutoScroll: {
+      Title: "Ativar rolagem automática",
+      SubTitle:
+        "Rolar automaticamente o chat para baixo ao focar na área de texto ou enviar uma mensagem",
+    },
     Sync: {
       CloudState: "Última Atualização",
       NotSyncYet: "Ainda não sincronizado",
@@ -359,6 +364,17 @@ const pt: PartialLocaleType = {
           SubTitle: "Verifique sua versão API do console Anthropic",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Chave API 302.AI",
+          SubTitle: "Use uma chave API 302.AI personalizada",
+          Placeholder: "302.AI API Key",
+        },
+        Endpoint: {
+          Title: "Endpoint Address",
+          SubTitle: "Exemplo: ",
+        },
+      },
       CustomModel: {
         Title: "Modelos Personalizados",
         SubTitle: "Opções de modelo personalizado, separados por vírgula",

app/locales/ru.ts

@@ -202,6 +202,11 @@ const ru: PartialLocaleType = {
       Title: "Автоматическое создание заголовка",
       SubTitle: "Создание подходящего заголовка на основе содержания беседы",
     },
+    AutoScroll: {
+      Title: "Включить автопрокрутку",
+      SubTitle:
+        "Автоматически прокручивать чат вниз при фокусе на текстовом поле или отправке сообщения",
+    },
     Sync: {
       CloudState: "Облачные данные",
       NotSyncYet: "Синхронизация еще не проводилась",
@@ -426,6 +431,17 @@ const ru: PartialLocaleType = {
           SubTitle: "Пример:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Ключ интерфейса",
+          SubTitle: "Использовать пользовательский 302.AI API-ключ",
+          Placeholder: "302.AI API-ключ",
+        },
+        Endpoint: {
+          Title: "Адрес интерфейса",
+          SubTitle: "Пример:",
+        },
+      },
       CustomModel: {
         Title: "Название пользовательской модели",
         SubTitle:

app/locales/sk.ts

@@ -200,6 +200,11 @@ const sk: PartialLocaleType = {
       Title: "Automaticky generovať názov",
       SubTitle: "Generovať vhodný názov na základe obsahu konverzácie",
     },
+    AutoScroll: {
+      Title: "Povoliť automatické posúvanie",
+      SubTitle:
+        "Automaticky posunúť chat nadol pri zameraní na textové pole alebo odoslaní správy",
+    },
     Sync: {
       CloudState: "Posledná aktualizácia",
       NotSyncYet: "Zatiaľ nesynchronizované",
@@ -381,6 +386,17 @@ const sk: PartialLocaleType = {
           SubTitle: "Vyberte špecifickú verziu časti",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "API kľúč",
+          SubTitle: "Použiť vlastný API kľúč 302.AI",
+          Placeholder: "302.AI API kľúč",
+        },
+        Endpoint: {
+          Title: "Adresa koncového bodu",
+          SubTitle: "Príklad:",
+        },
+      },
     },
 
     Model: "Model",

app/locales/tr.ts

@@ -200,6 +200,11 @@ const tr: PartialLocaleType = {
       Title: "Başlığı Otomatik Oluştur",
       SubTitle: "Sohbet içeriğine göre uygun başlık oluştur",
     },
+    AutoScroll: {
+      Title: "Otomatik Kaydırmayı Etkinleştir",
+      SubTitle:
+        "Metin alanına odaklanıldığında veya mesaj gönderildiğinde sohbeti otomatik olarak aşağı kaydır",
+    },
     Sync: {
       CloudState: "Bulut Verisi",
       NotSyncYet: "Henüz senkronize edilmedi",
@@ -426,6 +431,17 @@ const tr: PartialLocaleType = {
           SubTitle: "Örnek:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "API Anahtarı",
+          SubTitle: "Özelleştirilmiş 302.AI API Anahtarı kullanın",
+          Placeholder: "302.AI API Anahtarı",
+        },
+        Endpoint: {
+          Title: "API Adresi",
+          SubTitle: "Örnek:",
+        },
+      },
       CustomModel: {
         Title: "Özelleştirilmiş Model Adı",
         SubTitle:

app/locales/tw.ts

@@ -207,6 +207,10 @@ const tw = {
       Title: "自動產生標題",
       SubTitle: "根據對話內容產生合適的標題",
     },
+    AutoScroll: {
+      Title: "啟用自動捲動",
+      SubTitle: "在文字區域聚焦或送出訊息時，自動將聊天捲動至底部",
+    },
     Sync: {
       CloudState: "雲端資料",
       NotSyncYet: "還沒有進行過同步",
@@ -382,6 +386,17 @@ const tw = {
           SubTitle: "選擇一個特定的 API 版本",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "API 金鑰",
+          SubTitle: "使用自訂 302.AI API 金鑰",
+          Placeholder: "302.AI API 金鑰",
+        },
+        Endpoint: {
+          Title: "端點位址",
+          SubTitle: "範例：",
+        },
+      },
       CustomModel: {
         Title: "自訂模型名稱",
         SubTitle: "增加自訂模型可選擇項目，使用英文逗號隔開",

app/locales/vi.ts

@@ -200,6 +200,11 @@ const vi: PartialLocaleType = {
       Title: "Tự động tạo tiêu đề",
       SubTitle: "Tạo tiêu đề phù hợp dựa trên nội dung cuộc trò chuyện",
     },
+    AutoScroll: {
+      Title: "Bật Tự động Cuộn",
+      SubTitle:
+        "Tự động cuộn cuộc trò chuyện xuống dưới khi tập trung vào vùng văn bản hoặc gửi tin nhắn",
+    },
     Sync: {
       CloudState: "Dữ liệu đám mây",
       NotSyncYet: "Chưa thực hiện đồng bộ",
@@ -422,6 +427,17 @@ const vi: PartialLocaleType = {
           SubTitle: "Ví dụ:",
         },
       },
+      AI302: {
+        ApiKey: {
+          Title: "Khóa API 302.AI",
+          SubTitle: "Sử dụng khóa API 302.AI tùy chỉnh",
+          Placeholder: "302.AI API Key",
+        },
+        Endpoint: {
+          Title: "Địa chỉ giao diện",
+          SubTitle: "Ví dụ:",
+        },
+      },
       CustomModel: {
         Title: "Tên mô hình tùy chỉnh",
         SubTitle:

app/store/access.ts

@@ -17,6 +17,7 @@ import {
   XAI_BASE_URL,
   CHATGLM_BASE_URL,
   SILICONFLOW_BASE_URL,
+  AI302_BASE_URL,
 } from "../constant";
 import { getHeaders } from "../client/api";
 import { getClientConfig } from "../config/client";
@@ -59,6 +60,8 @@ const DEFAULT_SILICONFLOW_URL = isApp
   ? SILICONFLOW_BASE_URL
   : ApiPath.SiliconFlow;
 
+const DEFAULT_AI302_URL = isApp ? AI302_BASE_URL : ApiPath["302.AI"];
+
 const DEFAULT_ACCESS_STATE = {
   accessCode: "",
   useCustomConfig: false,
@@ -132,6 +135,10 @@ const DEFAULT_ACCESS_STATE = {
   siliconflowUrl: DEFAULT_SILICONFLOW_URL,
   siliconflowApiKey: "",
 
+  // 302.AI
+  ai302Url: DEFAULT_AI302_URL,
+  ai302ApiKey: "",
+
   // server config
   needCode: true,
   hideUserApiKey: false,

app/store/config.ts

@@ -55,6 +55,8 @@ export const DEFAULT_CONFIG = {
 
   enableCodeFold: true, // code fold config
 
+  enableAutoScroll: true, // auto scroll config
+
   disablePromptHint: false,
 
   dontShowMaskSplashScreen: false, // dont show splash screen when create chat

yarn.lock

@@ -3077,9 +3077,9 @@ camelcase@^6.2.0:
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
 caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001503, caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001646:
-  version "1.0.30001692"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001692.tgz"
-  integrity sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==
+  version "1.0.30001724"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/caniuse-lite/-/caniuse-lite-1.0.30001724.tgz"
+  integrity sha512-WqJo7p0TbHDOythNTqYujmaJTvtYRZrjpP8TCvH6Vb9CYJerJNKamKzIWOM4BkQatWj9H2lYulpdAQNBe7QhNA==
 
 ccount@^2.0.0:
   version "2.0.1"
@@ -4334,14 +4334,14 @@ eslint-plugin-react@^7.31.7:
 
 eslint-plugin-unused-imports@^3.2.0:
   version "3.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-3.2.0.tgz#63a98c9ad5f622cd9f830f70bc77739f25ccfe0d"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-3.2.0.tgz#63a98c9ad5f622cd9f830f70bc77739f25ccfe0d"
   integrity sha512-6uXyn6xdINEpxE1MtDjxQsyXB37lfyO2yKGVVgtD7WEWQGORSOZjgrD6hBhvGv4/SO+TOlS+UnC6JppRqbuwGQ==
   dependencies:
     eslint-rule-composer "^0.3.0"
 
 eslint-rule-composer@^0.3.0:
   version "0.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"
   integrity sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==
 
 eslint-scope@5.1.1:
@@ -8156,7 +8156,7 @@ typed-array-length@^1.0.4:
 
 typescript@5.2.2:
   version "5.2.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
+  resolved "https://mirrors.huaweicloud.com/repository/npm/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
   integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
 
 unbox-primitive@^1.0.2: