Merge c3648a376f into c30ddfbb07

Fix: Encourage markdown inclusion in model responses for o1/o3

.env.template

@@ -81,3 +81,7 @@ SILICONFLOW_API_KEY=
 
 ### siliconflow Api url (optional)
 SILICONFLOW_URL=
+
+HUAWEI_URL=
+
+HUAWEI_API_KEY=

README.md

@@ -22,7 +22,7 @@ English / [简体中文](./README_CN.md)
 [![MacOS][MacOS-image]][download-url]
 [![Linux][Linux-image]][download-url]
 
-[NextChatAI](https://nextchat.club?utm_source=readme) / [Web App Demo](https://app.nextchat.dev) / [Desktop App](https://github.com/Yidadaa/ChatGPT-Next-Web/releases) / [Discord](https://discord.gg/YCkeafCafC) / [Enterprise Edition](#enterprise-edition) / [Twitter](https://twitter.com/NextChatDev)
+[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) 
 
 
 [saas-url]: https://nextchat.club?utm_source=readme
@@ -40,13 +40,14 @@ English / [简体中文](./README_CN.md)
 
 </div>
 
-## 🥳 Cheer for DeepSeek, China's AI star!
- > Purpose-Built UI for DeepSeek Reasoner Model
+## 🥳 Cheer for NextChat iOS Version Online!
+> [👉 Click Here to Install Now](https://apps.apple.com/us/app/nextchat-ai/id6743085599)
+
+> [❤️ Source Code Coming Soon](https://github.com/ChatGPTNextWeb/NextChat-iOS)
+
+![Github iOS Image](https://github.com/user-attachments/assets/e0aa334f-4c13-4dc9-8310-e3b09fa4b9f3)
+
  
-<img src="https://github.com/user-attachments/assets/f3952210-3af1-4dc0-9b81-40eaa4847d9a"/>
-
-
-
 ## 🫣 NextChat Support MCP  ! 
 > Before build, please set env ENABLE_MCP=true
 

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 huaweiHandler } from "../../huawei";
 
 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.Huawei:
+      return huaweiHandler(req, { params });
     default:
       return proxyHandler(req, { params });
   }

app/api/huawei.ts

@@ -0,0 +1,176 @@
+import { getServerSideConfig } from "@/app/config/server";
+import {
+  HUAWEI_BASE_URL,
+  ApiPath,
+  ModelProvider,
+  Huawei,
+} from "@/app/constant";
+import { prettyObject } from "@/app/utils/format";
+import { NextRequest, NextResponse } from "next/server";
+import { auth } from "@/app/api/auth";
+
+const serverConfig = getServerSideConfig();
+
+export async function handle(
+  req: NextRequest,
+  { params }: { params: { path: string[] } },
+) {
+  console.log("[Huawei Route] params ", params);
+
+  if (req.method === "OPTIONS") {
+    return NextResponse.json({ body: "OK" }, { status: 200 });
+  }
+
+  const authResult = auth(req, ModelProvider.Huawei);
+  if (authResult.error) {
+    return NextResponse.json(authResult, {
+      status: 401,
+    });
+  }
+
+  try {
+    const response = await request(req);
+    return response;
+  } catch (e) {
+    console.error("[Huawei] ", e);
+    return NextResponse.json(prettyObject(e));
+  }
+}
+async function request(req: NextRequest) {
+  const controller = new AbortController();
+
+  let path = `${req.nextUrl.pathname}`.replaceAll(ApiPath.Huawei, "");
+  const bodyText = await req.text();
+  const body = JSON.parse(bodyText);
+  let modelName = body.model as string;
+
+  // 先用原始 modelName 获取 charUrl
+  let baseUrl: string;
+  let endpoint = "";
+  if (modelName === "DeepSeek-V3") {
+    endpoint = "271c9332-4aa6-4ff5-95b3-0cf8bd94c394";
+  }
+  if (modelName === "DeepSeek-R1") {
+    endpoint = "8a062fd4-7367-4ab4-a936-5eeb8fb821c4";
+  }
+
+
+  let charUrl = HUAWEI_BASE_URL.concat("/")
+    .concat(endpoint)
+    .concat("/v1/chat/completions")
+    .replace(/(?<!:)\/+/g, "/"); // 只替换不在 :// 后面的多个斜杠
+  console.log(`current charUrl name:${charUrl}`);
+  baseUrl = charUrl;
+
+  // 处理请求体：1. 移除 system role 消息 2. 修改 model 名称格式
+  const modifiedBody = {
+    messages: body.messages
+      .map((msg: any) => ({
+        role: msg.role,
+        content: msg.content,
+      }))
+      .filter((msg: any) => msg.role !== "system"),
+    model: modelName.replace(/^(DeepSeek-(?:R1|V3)).*$/, "$1"), // 只保留 DeepSeek-R1 或 DeepSeek-V3
+    stream: body.stream,
+    temperature: body.temperature,
+    presence_penalty: body.presence_penalty,
+    frequency_penalty: body.frequency_penalty,
+    top_p: body.top_p,
+  };
+  const modifiedBodyText = JSON.stringify(modifiedBody);
+  console.log("Modified request body:", modifiedBodyText);
+
+  // if(!baseUrl){
+  //     baseUrl = HUAWEI_BASE_URL
+  // }
+  // baseUrl = Huawei.ChatPath(modelName) || serverConfig.huaweiUrl || HUAWEI_BASE_URL;
+  console.log(
+    `current model name:${modelName},current api path:${baseUrl}.........`,
+  );
+  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,
+  );
+
+  // 如果 baseUrl 来自 Huawei.ChatPath，则不需要再拼接 path
+  let fetchUrl = baseUrl.includes(HUAWEI_BASE_URL)
+    ? baseUrl
+    : `${baseUrl}${path}`;
+
+  const headers: Record<string, string> = {
+    "Content-Type": "application/json",
+    Authorization: req.headers.get("Authorization") ?? "",
+    "X-Forwarded-For": req.headers.get("X-Forwarded-For") ?? "",
+    "X-Real-IP": req.headers.get("X-Real-IP") ?? "",
+    "User-Agent": req.headers.get("User-Agent") ?? "",
+  };
+  console.debug(`headers.Authorization:${headers.Authorization}`);
+  console.debug("serverConfig.huaweiApiKey: *****");
+  // 如果没有 Authorization header，使用系统配置的 API key
+
+  headers.Authorization = `Bearer ${serverConfig.huaweiApiKey}`;
+
+  // #1815 try to refuse some request to some models
+  // if (serverConfig.customModels) {
+  //     try {
+  //         const jsonBody = JSON.parse(bodyText);  // 直接使用已解析的 body
+  //
+  //         if (
+  //             isModelNotavailableInServer(
+  //                 serverConfig.customModels,
+  //                 jsonBody?.model as string,
+  //                 ServiceProvider.Huawei as string,
+  //             )
+  //         ) {
+  //             return NextResponse.json(
+  //                 {
+  //                     error: true,
+  //                     message: `you are not allowed to use ${jsonBody?.model} model`,
+  //                 },
+  //                 {
+  //                     status: 403,
+  //                 },
+  //             );
+  //         }
+  //     } catch (e) {
+  //         console.error(`[Huawei] filter`, e);
+  //     }
+  // }
+  try {
+    const res = await fetch(fetchUrl, {
+      headers,
+      method: req.method,
+      body: modifiedBodyText,
+      redirect: "manual",
+      // @ts-ignore
+      duplex: "half",
+      signal: controller.signal,
+    });
+    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);
+  }
+}
+export { Huawei };

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 { HuaweiApi } from "./platforms/huawei";
 
 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.Huawei:
+        this.llm = new HuaweiApi();
+        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 isHuawei = modelConfig.providerName == ServiceProvider.Huawei;
     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
         : ""
+      : isHuawei
+      ? accessStore.huaweiApiKey
       : accessStore.openaiApiKey;
     return {
       isGoogle,
@@ -304,6 +311,7 @@ export function getHeaders(ignoreHeaders: boolean = false) {
       isXAI,
       isChatGLM,
       isSiliconFlow,
+      isHuawei,
       apiKey,
       isEnabledAccessControl,
     };
@@ -332,6 +340,7 @@ export function getHeaders(ignoreHeaders: boolean = false) {
     isXAI,
     isChatGLM,
     isSiliconFlow,
+    isHuawei: boolean,
     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.Huawei:
+      return new ClientApi(ModelProvider.Huawei);
     default:
       return new ClientApi(ModelProvider.GPT);
   }

app/client/platforms/huawei.ts

@@ -0,0 +1,200 @@
+"use client";
+
+import { ApiPath, HUAWEI_BASE_URL, Huawei } from "@/app/constant";
+import {
+  useAccessStore,
+  useAppConfig,
+  useChatStore,
+  usePluginStore,
+  ChatMessageTool,
+} from "@/app/store";
+import {
+  ChatOptions,
+  getHeaders,
+  LLMApi,
+  LLMModel,
+  MultimodalContent,
+  SpeechOptions,
+} from "../api";
+import { getClientConfig } from "@/app/config/client";
+import { getTimeoutMSByModel } from "@/app/utils";
+import { streamWithThink } from "@/app/utils/chat";
+import { fetch } from "@/app/utils/stream";
+
+interface RequestPayloadForHuawei {
+  messages: {
+    role: "system" | "user" | "assistant";
+    content: string | MultimodalContent[];
+  }[];
+  stream?: boolean;
+  model: string;
+  temperature: number;
+  presence_penalty: number;
+  frequency_penalty: number;
+  top_p: number;
+  max_tokens?: number;
+}
+
+export class HuaweiApi implements LLMApi {
+  path(path: string): string {
+    const accessStore = useAccessStore.getState();
+
+    let baseUrl = "";
+
+    if (accessStore.useCustomConfig) {
+      baseUrl = accessStore.huaweiUrl;
+    }
+
+    if (baseUrl.length === 0) {
+      const isApp = !!getClientConfig()?.isApp;
+      baseUrl = isApp ? HUAWEI_BASE_URL : ApiPath.Huawei;
+    }
+
+    if (baseUrl.endsWith("/")) {
+      baseUrl = baseUrl.slice(0, baseUrl.length - 1);
+    }
+    if (!baseUrl.startsWith("http") && !baseUrl.startsWith(ApiPath.Huawei)) {
+      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 messages = options.messages.map((v) => ({
+      role: v.role,
+      content: v.content,
+    }));
+
+    const modelConfig = {
+      ...useAppConfig.getState().modelConfig,
+      ...useChatStore.getState().currentSession().mask.modelConfig,
+      ...{
+        model: options.config.model,
+      },
+    };
+
+    const requestPayload: RequestPayloadForHuawei = {
+      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,
+    };
+
+    const shouldStream = !!options.config.stream;
+    const controller = new AbortController();
+    options.onController?.(controller);
+
+    try {
+      const chatPath = this.path(Huawei.ChatPath);
+      const chatPayload = {
+        method: "POST",
+        body: JSON.stringify(requestPayload),
+        signal: controller.signal,
+        headers: getHeaders(),
+      };
+
+      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[]) => {
+            const json = JSON.parse(text);
+            const choices = json.choices as Array<{
+              delta: {
+                content: string;
+                tool_calls: ChatMessageTool[];
+              };
+            }>;
+            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;
+              }
+            }
+            return {
+              isThinking: false,
+              content: choices[0]?.delta?.content || "",
+            };
+          },
+          // processToolMessage
+          (
+            payload: RequestPayloadForHuawei,
+            toolCallMessage: any,
+            toolCallResult: any[],
+          ) => {
+            payload?.messages?.splice(
+              payload?.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[]> {
+    return [];
+  }
+}

app/client/platforms/openai.ts

@@ -56,7 +56,7 @@ export interface OpenAIListModelResponse {
 
 export interface RequestPayload {
   messages: {
-    role: "system" | "user" | "assistant";
+    role: "developer" | "system" | "user" | "assistant";
     content: string | MultimodalContent[];
   }[];
   stream?: boolean;
@@ -198,7 +198,8 @@ export class ChatGPTApi implements LLMApi {
     const isDalle3 = _isDalle3(options.config.model);
     const isO1OrO3 =
       options.config.model.startsWith("o1") ||
-      options.config.model.startsWith("o3");
+      options.config.model.startsWith("o3") ||
+      options.config.model.startsWith("o4-mini");
     if (isDalle3) {
       const prompt = getMessageTextContent(
         options.messages.slice(-1)?.pop() as any,
@@ -237,13 +238,21 @@ export class ChatGPTApi implements LLMApi {
         // Please do not ask me why not send max_tokens, no reason, this param is just shit, I dont want to explain anymore.
       };
 
-      // O1 使用 max_completion_tokens 控制token数 (https://platform.openai.com/docs/guides/reasoning#controlling-costs)
       if (isO1OrO3) {
+        // by default the o1/o3 models will not attempt to produce output that includes markdown formatting
+        // manually add "Formatting re-enabled" developer message to encourage markdown inclusion in model responses
+        // (https://learn.microsoft.com/en-us/azure/ai-services/openai/how-to/reasoning?tabs=python-secure#markdown-output)
+        requestPayload["messages"].unshift({
+          role: "developer",
+          content: "Formatting re-enabled",
+        });
+
+        // o1/o3 uses max_completion_tokens to control the number of tokens (https://platform.openai.com/docs/guides/reasoning#controlling-costs)
         requestPayload["max_completion_tokens"] = modelConfig.max_tokens;
       }
 
       // add max_tokens to vision model
-      if (visionModel) {
+      if (visionModel && !isO1OrO3) {
         requestPayload["max_tokens"] = Math.max(modelConfig.max_tokens, 4000);
       }
     }

app/components/chat.tsx

@@ -18,6 +18,7 @@ import ReturnIcon from "../icons/return.svg";
 import CopyIcon from "../icons/copy.svg";
 import SpeakIcon from "../icons/speak.svg";
 import SpeakStopIcon from "../icons/speak-stop.svg";
+import LoadingIcon from "../icons/three-dots.svg";
 import LoadingButtonIcon from "../icons/loading.svg";
 import PromptIcon from "../icons/prompt.svg";
 import MaskIcon from "../icons/mask.svg";
@@ -78,6 +79,8 @@ import {
 
 import { uploadImage as uploadImageRemote } from "@/app/utils/chat";
 
+import dynamic from "next/dynamic";
+
 import { ChatControllerPool } from "../client/controller";
 import { DalleQuality, DalleStyle, ModelSize } from "../typing";
 import { Prompt, usePromptStore } from "../store/prompt";
@@ -122,15 +125,14 @@ import { getModelProvider } from "../utils/model";
 import { RealtimeChat } from "@/app/components/realtime-chat";
 import clsx from "clsx";
 import { getAvailableClientsCount, isMcpEnabled } from "../mcp/actions";
-import { Markdown } from "./markdown";
 
 const localStorage = safeLocalStorage();
 
 const ttsPlayer = createTTSPlayer();
 
-// const Markdown = dynamic(async () => (await import("./markdown")).Markdown, {
-//   loading: () => <LoadingIcon />,
-// });
+const Markdown = dynamic(async () => (await import("./markdown")).Markdown, {
+  loading: () => <LoadingIcon />,
+});
 
 const MCPAction = () => {
   const navigate = useNavigate();
@@ -1982,8 +1984,6 @@ function _Chat() {
                               fontFamily={fontFamily}
                               parentRef={scrollRef}
                               defaultShow={i >= messages.length - 6}
-                              immediatelyRender={i >= messages.length - 3}
-                              streaming={message.streaming}
                             />
                             {getMessageImages(message).length == 1 && (
                               <img

app/components/markdown.tsx

@@ -267,136 +267,6 @@ function tryWrapHtmlCode(text: string) {
     );
 }
 
-// Split content into paragraphs while preserving code blocks
-function splitContentIntoParagraphs(content: string) {
-  // Check for unclosed code blocks
-  const codeBlockStartCount = (content.match(/```/g) || []).length;
-  let processedContent = content;
-
-  // Add closing tag if there's an odd number of code block markers
-  if (codeBlockStartCount % 2 !== 0) {
-    processedContent = content + "\n```";
-  }
-
-  // Extract code blocks
-  const codeBlockRegex = /```[\s\S]*?```/g;
-  const codeBlocks: string[] = [];
-  let codeBlockCounter = 0;
-
-  // Replace code blocks with placeholders
-  const contentWithPlaceholders = processedContent.replace(
-    codeBlockRegex,
-    (match) => {
-      codeBlocks.push(match);
-      const placeholder = `__CODE_BLOCK_${codeBlockCounter++}__`;
-      return placeholder;
-    },
-  );
-
-  // Split by double newlines
-  const paragraphs = contentWithPlaceholders
-    .split(/\n\n+/)
-    .filter((p) => p.trim());
-
-  // Restore code blocks
-  return paragraphs.map((p) => {
-    if (p.match(/__CODE_BLOCK_\d+__/)) {
-      return p.replace(/__CODE_BLOCK_\d+__/g, (match) => {
-        const index = parseInt(match.match(/\d+/)?.[0] || "0");
-        return codeBlocks[index] || match;
-      });
-    }
-    return p;
-  });
-}
-
-// Lazy-loaded paragraph component
-function MarkdownParagraph({
-  content,
-  onLoad,
-}: {
-  content: string;
-  onLoad?: () => void;
-}) {
-  const [isLoaded, setIsLoaded] = useState(false);
-  const placeholderRef = useRef<HTMLDivElement>(null);
-  const [isVisible, setIsVisible] = useState(false);
-
-  useEffect(() => {
-    let observer: IntersectionObserver;
-    if (placeholderRef.current) {
-      observer = new IntersectionObserver(
-        (entries) => {
-          if (entries[0].isIntersecting) {
-            setIsVisible(true);
-          }
-        },
-        { threshold: 0.1, rootMargin: "200px 0px" },
-      );
-      observer.observe(placeholderRef.current);
-    }
-    return () => observer?.disconnect();
-  }, []);
-
-  useEffect(() => {
-    if (isVisible && !isLoaded) {
-      setIsLoaded(true);
-      onLoad?.();
-    }
-  }, [isVisible, isLoaded, onLoad]);
-
-  // Generate preview content
-  const previewContent = useMemo(() => {
-    if (content.startsWith("```")) {
-      return "```" + (content.split("\n")[0] || "").slice(3) + "...```";
-    }
-    return content.length > 60 ? content.slice(0, 60) + "..." : content;
-  }, [content]);
-
-  return (
-    <div className="markdown-paragraph" ref={placeholderRef}>
-      {!isLoaded ? (
-        <div className="markdown-paragraph-placeholder">{previewContent}</div>
-      ) : (
-        <_MarkDownContent content={content} />
-      )}
-    </div>
-  );
-}
-
-// Memoized paragraph component to prevent unnecessary re-renders
-const MemoizedMarkdownParagraph = React.memo(
-  ({ content }: { content: string }) => {
-    return <_MarkDownContent content={content} />;
-  },
-  (prevProps, nextProps) => prevProps.content === nextProps.content,
-);
-
-MemoizedMarkdownParagraph.displayName = "MemoizedMarkdownParagraph";
-
-// Specialized component for streaming content
-function StreamingMarkdownContent({ content }: { content: string }) {
-  const paragraphs = useMemo(
-    () => splitContentIntoParagraphs(content),
-    [content],
-  );
-  const lastParagraphRef = useRef<HTMLDivElement>(null);
-
-  return (
-    <div className="markdown-streaming-content">
-      {paragraphs.map((paragraph, index) => (
-        <div
-          key={`p-${index}-${paragraph.substring(0, 20)}`}
-          className="markdown-paragraph markdown-streaming-paragraph"
-          ref={index === paragraphs.length - 1 ? lastParagraphRef : null}
-        >
-          <MemoizedMarkdownParagraph content={paragraph} />
-        </div>
-      ))}
-    </div>
-  );
-}
-
 function _MarkDownContent(props: { content: string }) {
   const escapedContent = useMemo(() => {
     return tryWrapHtmlCode(escapeBrackets(props.content));
@@ -456,27 +326,9 @@ export function Markdown(
     fontFamily?: string;
     parentRef?: RefObject<HTMLDivElement>;
     defaultShow?: boolean;
-    immediatelyRender?: boolean;
-    streaming?: boolean; // Whether this is a streaming response
   } & React.DOMAttributes<HTMLDivElement>,
 ) {
   const mdRef = useRef<HTMLDivElement>(null);
-  const paragraphs = useMemo(
-    () => splitContentIntoParagraphs(props.content),
-    [props.content],
-  );
-  const [loadedCount, setLoadedCount] = useState(0);
-
-  // Determine rendering strategy based on props
-  const shouldAsyncRender =
-    !props.immediatelyRender && !props.streaming && paragraphs.length > 1;
-
-  useEffect(() => {
-    // Immediately render all paragraphs if specified
-    if (props.immediatelyRender) {
-      setLoadedCount(paragraphs.length);
-    }
-  }, [props.immediatelyRender, paragraphs.length]);
 
   return (
     <div
@@ -492,24 +344,6 @@ export function Markdown(
     >
       {props.loading ? (
         <LoadingIcon />
-      ) : props.streaming ? (
-        // Use specialized component for streaming content
-        <StreamingMarkdownContent content={props.content} />
-      ) : shouldAsyncRender ? (
-        <div className="markdown-content">
-          {paragraphs.map((paragraph, index) => (
-            <MarkdownParagraph
-              key={index}
-              content={paragraph}
-              onLoad={() => setLoadedCount((prev) => prev + 1)}
-            />
-          ))}
-          {loadedCount < paragraphs.length && loadedCount > 0 && (
-            <div className="markdown-paragraph-loading">
-              <LoadingIcon />
-            </div>
-          )}
-        </div>
       ) : (
         <MarkdownContent content={props.content} />
       )}

app/components/settings.tsx

@@ -75,6 +75,7 @@ import {
   ChatGLM,
   DeepSeek,
   SiliconFlow,
+  Huawei,
 } from "../constant";
 import { Prompt, SearchService, usePromptStore } from "../store/prompt";
 import { ErrorBoundary } from "./error";
@@ -1457,6 +1458,46 @@ export function Settings() {
       </ListItem>
     </>
   );
+  const huaweiConfigComponent = accessStore.provider ===
+    ServiceProvider.Huawei && (
+    <>
+      <ListItem
+        title={Locale.Settings.Access.Huawei.Endpoint.Title}
+        subTitle={
+          Locale.Settings.Access.Huawei.Endpoint.SubTitle +
+          Huawei.ExampleEndpoint
+        }
+      >
+        <input
+          aria-label={Locale.Settings.Access.Huawei.Endpoint.Title}
+          type="text"
+          value={accessStore.huaweiUrl}
+          placeholder={Huawei.ExampleEndpoint}
+          onChange={(e) =>
+            accessStore.update(
+              (access) => (access.huaweiUrl = e.currentTarget.value),
+            )
+          }
+        ></input>
+      </ListItem>
+      <ListItem
+        title={Locale.Settings.Access.Huawei.ApiKey.Title}
+        subTitle={Locale.Settings.Access.Huawei.ApiKey.SubTitle}
+      >
+        <PasswordInput
+          aria-label={Locale.Settings.Access.Huawei.ApiKey.Title}
+          value={accessStore.huaweiApiKey}
+          type="text"
+          placeholder={Locale.Settings.Access.Huawei.ApiKey.Placeholder}
+          onChange={(e) => {
+            accessStore.update(
+              (access) => (access.huaweiApiKey = e.currentTarget.value),
+            );
+          }}
+        />
+      </ListItem>
+    </>
+  );
 
   return (
     <ErrorBoundary>
@@ -1822,6 +1863,7 @@ export function Settings() {
                   {XAIConfigComponent}
                   {chatglmConfigComponent}
                   {siliconflowConfigComponent}
+                  {huaweiConfigComponent}
                 </>
               )}
             </>

app/config/server.ts

@@ -88,6 +88,10 @@ declare global {
       SILICONFLOW_URL?: string;
       SILICONFLOW_API_KEY?: string;
 
+      //huaweionly
+      HUAWEI_URL?: string;
+      HUAWEI_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 isHuawei = !!process.env.HUAWEI_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);
@@ -233,6 +238,10 @@ export const getServerSideConfig = () => {
     xaiUrl: process.env.XAI_URL,
     xaiApiKey: getApiKey(process.env.XAI_API_KEY),
 
+    isHuawei,
+    huaweiUrl: process.env.HUAWEI_URL,
+    huaweiApiKey: getApiKey(process.env.HUAWEI_API_KEY),
+
     isChatGLM,
     chatglmUrl: process.env.CHATGLM_URL,
     chatglmApiKey: getApiKey(process.env.CHATGLM_API_KEY),

app/constant.ts

@@ -36,6 +36,9 @@ export const CHATGLM_BASE_URL = "https://open.bigmodel.cn";
 
 export const SILICONFLOW_BASE_URL = "https://api.siliconflow.cn";
 
+export const HUAWEI_BASE_URL =
+  "https://maas-cn-southwest-2.modelarts-maas.com/v1/infers";
+
 export const CACHE_URL_PREFIX = "/api/cache";
 export const UPLOAD_URL = `${CACHE_URL_PREFIX}/upload`;
 
@@ -72,6 +75,7 @@ export enum ApiPath {
   ChatGLM = "/api/chatglm",
   DeepSeek = "/api/deepseek",
   SiliconFlow = "/api/siliconflow",
+  Huawei = "/api/huawei",
 }
 
 export enum SlotID {
@@ -130,6 +134,7 @@ export enum ServiceProvider {
   ChatGLM = "ChatGLM",
   DeepSeek = "DeepSeek",
   SiliconFlow = "SiliconFlow",
+  Huawei = "Huawei",
 }
 
 // Google API safety settings, see https://ai.google.dev/gemini-api/docs/safety-settings
@@ -156,6 +161,7 @@ export enum ModelProvider {
   ChatGLM = "ChatGLM",
   DeepSeek = "DeepSeek",
   SiliconFlow = "SiliconFlow",
+  Huawei = "Huawei",
 }
 
 export const Stability = {
@@ -214,6 +220,11 @@ export const Baidu = {
   },
 };
 
+export const Huawei = {
+  ExampleEndpoint: HUAWEI_BASE_URL,
+  ChatPath: "/v1/chat/completions",
+};
+
 export const ByteDance = {
   ExampleEndpoint: "https://ark.cn-beijing.volces.com/api/",
   ChatPath: "api/v3/chat/completions",
@@ -417,6 +428,14 @@ export const KnowledgeCutOffDate: Record<string, string> = {
   "gpt-4-turbo": "2023-12",
   "gpt-4-turbo-2024-04-09": "2023-12",
   "gpt-4-turbo-preview": "2023-12",
+  "gpt-4.1": "2024-06",
+  "gpt-4.1-2025-04-14": "2024-06",
+  "gpt-4.1-mini": "2024-06",
+  "gpt-4.1-mini-2025-04-14": "2024-06",
+  "gpt-4.1-nano": "2024-06",
+  "gpt-4.1-nano-2025-04-14": "2024-06",
+  "gpt-4.5-preview": "2023-10",
+  "gpt-4.5-preview-2025-02-27": "2023-10",
   "gpt-4o": "2023-10",
   "gpt-4o-2024-05-13": "2023-10",
   "gpt-4o-2024-08-06": "2023-10",
@@ -458,6 +477,7 @@ export const DEFAULT_TTS_VOICES = [
 export const VISION_MODEL_REGEXES = [
   /vision/,
   /gpt-4o/,
+  /gpt-4\.1/,
   /claude-3/,
   /gemini-1\.5/,
   /gemini-exp/,
@@ -469,6 +489,8 @@ export const VISION_MODEL_REGEXES = [
   /^dall-e-3$/, // Matches exactly "dall-e-3"
   /glm-4v/,
   /vl/i,
+  /o3/,
+  /o4-mini/,
 ];
 
 export const EXCLUDE_VISION_MODEL_REGEXES = [/claude-3-5-haiku-20241022/];
@@ -485,6 +507,14 @@ const openaiModels = [
   "gpt-4-32k-0613",
   "gpt-4-turbo",
   "gpt-4-turbo-preview",
+  "gpt-4.1",
+  "gpt-4.1-2025-04-14",
+  "gpt-4.1-mini",
+  "gpt-4.1-mini-2025-04-14",
+  "gpt-4.1-nano",
+  "gpt-4.1-nano-2025-04-14",
+  "gpt-4.5-preview",
+  "gpt-4.5-preview-2025-02-27",
   "gpt-4o",
   "gpt-4o-2024-05-13",
   "gpt-4o-2024-08-06",
@@ -499,6 +529,8 @@ const openaiModels = [
   "o1-mini",
   "o1-preview",
   "o3-mini",
+  "o3",
+  "o4-mini",
 ];
 
 const googleModels = [
@@ -525,6 +557,7 @@ const googleModels = [
   "gemini-2.0-flash-thinking-exp-01-21",
   "gemini-2.0-pro-exp",
   "gemini-2.0-pro-exp-02-05",
+  "gemini-2.5-pro-preview-06-05",
 ];
 
 const anthropicModels = [
@@ -565,6 +598,11 @@ const bytedanceModels = [
   "Doubao-pro-4k",
   "Doubao-pro-32k",
   "Doubao-pro-128k",
+  "deepseek-r1-250120",
+  "deepseek-v3-241226",
+  "deepseek-v3-250324",
+  "deepseek-r1-distill-qwen-7b-250120",
+  "deepseek-r1-distill-qwen-32b-250120",
 ];
 
 const alibabaModes = [
@@ -611,6 +649,18 @@ const xAIModes = [
   "grok-2-vision-1212",
   "grok-2-vision",
   "grok-2-vision-latest",
+  "grok-3-mini-fast-beta",
+  "grok-3-mini-fast",
+  "grok-3-mini-fast-latest",
+  "grok-3-mini-beta",
+  "grok-3-mini",
+  "grok-3-mini-latest",
+  "grok-3-fast-beta",
+  "grok-3-fast",
+  "grok-3-fast-latest",
+  "grok-3-beta",
+  "grok-3",
+  "grok-3-latest",
 ];
 
 const chatglmModels = [
@@ -650,6 +700,11 @@ const siliconflowModels = [
   "Pro/deepseek-ai/DeepSeek-V3",
 ];
 
+const huaweiModels = [
+  "DeepSeek-R1",
+  "DeepSeek-V3",
+];
+
 let seq = 1000; // 内置的模型序号生成器从1000开始
 export const DEFAULT_MODELS = [
   ...openaiModels.map((name) => ({
@@ -806,6 +861,17 @@ export const DEFAULT_MODELS = [
       sorted: 14,
     },
   })),
+  ...huaweiModels.map((name) => ({
+    name,
+    available: true,
+    sorted: seq++,
+    provider: {
+      id: "huawei",
+      providerName: "Huawei",
+      providerType: "Huawei",
+      sorted: 15,
+    },
+  })),
 ] as const;
 
 export const CHAT_PAGE_SIZE = 15;

app/locales/ar.ts

@@ -420,6 +420,22 @@ const ar: PartialLocaleType = {
         Title: "اسم النموذج المخصص",
         SubTitle: "أضف خيارات نموذج مخصص، مفصولة بفواصل إنجليزية",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "مفتاح API",
+          SubTitle: "استخدم مفتاح API الخاص بـ HUAWEI",
+          Placeholder: "مفتاح HUAWEI",
+        },
+        SecretKey: {
+          Title: "المفتاح السري",
+          SubTitle: "استخدم مفتاح HUAWEI السري الخاص بك",
+          Placeholder: "المفتاح السري HUAWEI",
+        },
+        Endpoint: {
+          Title: "عنوان الواجهة",
+          SubTitle: "لا يدعم التكوين المخصص .env",
+        },
+      },
     },
 
     Model: "النموذج",

app/locales/bn.ts

@@ -428,6 +428,22 @@ const bn: PartialLocaleType = {
         SubTitle:
           "স্বনির্ধারিত মডেল বিকল্পগুলি যুক্ত করুন, ইংরেজি কমা দ্বারা আলাদা করুন",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "এপিআই কী",
+          SubTitle: "আপনার HUAWEI এপিআই কী ব্যবহার করুন",
+          Placeholder: "HUAWEI কী",
+        },
+        SecretKey: {
+          Title: "গোপন কী",
+          SubTitle: "আপনার HUAWEI গোপন কী ব্যবহার করুন",
+          Placeholder: "HUAWEI গোপন কী",
+        },
+        Endpoint: {
+          Title: "এন্ডপয়েন্ট ঠিকানা",
+          SubTitle: "কাস্টম কনফিগারেশনের জন্য .env-এ যান",
+        },
+      },
     },
 
     Model: "মডেল (model)",

app/locales/cn.ts

@@ -538,6 +538,22 @@ const cn = {
         Title: "自定义模型名",
         SubTitle: "增加自定义模型可选项，使用英文逗号隔开",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API Key",
+          SubTitle: "使用自定义华为API Key",
+          Placeholder: "HUAWEI Key",
+        },
+        SecretKey: {
+          Title: "Secret Key",
+          SubTitle: "使用自定义HUAWEI Secret Key",
+          Placeholder: "HUAWEI Secret Key",
+        },
+        Endpoint: {
+          Title: "接口地址",
+          SubTitle: "不支持自定义前往.env配置",
+        },
+      },
     },
 
     Model: "模型 (model)",

app/locales/cs.ts

@@ -427,6 +427,22 @@ const cs: PartialLocaleType = {
         Title: "Vlastní názvy modelů",
         SubTitle: "Přidejte možnosti vlastních modelů, oddělené čárkami",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API Klíč",
+          SubTitle: "Použijte svůj HUAWEI API klíč",
+          Placeholder: "HUAWEI Klíč",
+        },
+        SecretKey: {
+          Title: "Tajný Klíč",
+          SubTitle: "Použijte svůj HUAWEI Tajný klíč",
+          Placeholder: "HUAWEI Tajný Klíč",
+        },
+        Endpoint: {
+          Title: "Adresa rozhraní",
+          SubTitle: "Nepodporuje vlastní konfiguraci .env",
+        },
+      },
     },
 
     Model: "Model (model)",

app/locales/da.ts

@@ -498,6 +498,22 @@ const da: PartialLocaleType = {
         Title: "Egne modelnavne",
         SubTitle: "Skriv komma-adskilte navne",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API-nøgle",
+          SubTitle: "Brug din egen HUAWEI API-nøgle",
+          Placeholder: "HUAWEI-nøgle",
+        },
+        SecretKey: {
+          Title: "Hemmelig nøgle",
+          SubTitle: "Brug din egen HUAWEI hemmelige nøgle",
+          Placeholder: "HUAWEI hemmelig nøgle",
+        },
+        Endpoint: {
+          Title: "Grænsefladeadresse",
+          SubTitle: "Understøtter ikke tilpasset .env-konfiguration",
+        },
+      },
       Google: {
         ApiKey: {
           Title: "Google-nøgle",

app/locales/de.ts

@@ -439,6 +439,22 @@ const de: PartialLocaleType = {
         SubTitle:
           "Fügen Sie benutzerdefinierte Modelloptionen hinzu, getrennt durch Kommas",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API-Schlüssel",
+          SubTitle: "Verwenden Sie Ihren eigenen HUAWEI API-Schlüssel",
+          Placeholder: "HUAWEI-Schlüssel",
+        },
+        SecretKey: {
+          Title: "Geheimer Schlüssel",
+          SubTitle: "Verwenden Sie Ihren eigenen HUAWEI geheimen Schlüssel",
+          Placeholder: "HUAWEI geheimer Schlüssel",
+        },
+        Endpoint: {
+          Title: "Schnittstellenadresse",
+          SubTitle: "Unterstützt keine benutzerdefinierte .env-Konfiguration",
+        },
+      },
     },
 
     Model: "Modell",

app/locales/en.ts

@@ -522,6 +522,22 @@ const en: LocaleType = {
         Title: "Custom Models",
         SubTitle: "Custom model options, seperated by comma",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API Key",
+          SubTitle: "Use your own HUAWEI API key",
+          Placeholder: "HUAWEI Key",
+        },
+        SecretKey: {
+          Title: "Secret Key",
+          SubTitle: "Use your own HUAWEI Secret key",
+          Placeholder: "HUAWEI Secret Key",
+        },
+        Endpoint: {
+          Title: "Endpoint Address",
+          SubTitle: "Does not support custom .env configuration",
+        },
+      },
       Google: {
         ApiKey: {
           Title: "API Key",

app/locales/es.ts

@@ -441,6 +441,22 @@ const es: PartialLocaleType = {
         SubTitle:
           "Agrega opciones de modelos personalizados, separados por comas",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "Clave API",
+          SubTitle: "Utiliza tu propia clave API de HUAWEI",
+          Placeholder: "Clave HUAWEI",
+        },
+        SecretKey: {
+          Title: "Clave Secreta",
+          SubTitle: "Utiliza tu propia clave secreta de HUAWEI",
+          Placeholder: "Clave secreta HUAWEI",
+        },
+        Endpoint: {
+          Title: "Dirección del Endpoint",
+          SubTitle: "No admite configuración personalizada .env",
+        },
+      },
     },
 
     Model: "Modelo (model)",

app/locales/fr.ts

@@ -440,6 +440,23 @@ const fr: PartialLocaleType = {
         SubTitle:
           "Ajouter des options de modèles personnalisés, séparées par des virgules",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "Clé API",
+          SubTitle: "Utilisez votre propre clé API HUAWEI",
+          Placeholder: "Clé HUAWEI",
+        },
+        SecretKey: {
+          Title: "Clé secrète",
+          SubTitle: "Utilisez votre propre clé secrète HUAWEI",
+          Placeholder: "Clé secrète HUAWEI",
+        },
+        Endpoint: {
+          Title: "Adresse de l'endpoint",
+          SubTitle:
+            "Ne prend pas en charge la configuration personnalisée .env",
+        },
+      },
     },
 
     Model: "Modèle",

app/locales/id.ts

@@ -428,6 +428,22 @@ const id: PartialLocaleType = {
         Title: "Nama Model Kustom",
         SubTitle: "Tambahkan opsi model kustom, pisahkan dengan koma",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "Kunci API",
+          SubTitle: "Gunakan kunci API HUAWEI Anda sendiri",
+          Placeholder: "Kunci HUAWEI",
+        },
+        SecretKey: {
+          Title: "Kunci Rahasia",
+          SubTitle: "Gunakan kunci rahasia HUAWEI Anda sendiri",
+          Placeholder: "Kunci Rahasia HUAWEI",
+        },
+        Endpoint: {
+          Title: "Alamat Endpoint",
+          SubTitle: "Tidak mendukung konfigurasi .env kustom",
+        },
+      },
     },
 
     Model: "Model",

app/locales/it.ts

@@ -441,6 +441,22 @@ const it: PartialLocaleType = {
         SubTitle:
           "Aggiungi opzioni di modelli personalizzati, separati da virgole",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "Chiave API",
+          SubTitle: "Usa la tua chiave API HUAWEI",
+          Placeholder: "Chiave HUAWEI",
+        },
+        SecretKey: {
+          Title: "Chiave Segreta",
+          SubTitle: "Usa la tua chiave segreta HUAWEI",
+          Placeholder: "Chiave segreta HUAWEI",
+        },
+        Endpoint: {
+          Title: "Indirizzo dell'Endpoint",
+          SubTitle: "Non supporta configurazioni personalizzate .env",
+        },
+      },
     },
 
     Model: "Modello (model)",

app/locales/jp.ts

@@ -424,6 +424,22 @@ const jp: PartialLocaleType = {
         Title: "カスタムモデル名",
         SubTitle: "カスタムモデルの選択肢を追加、英語のカンマで区切る",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "APIキー",
+          SubTitle: "自分のHUAWEI APIキーを使用してください",
+          Placeholder: "HUAWEIキー",
+        },
+        SecretKey: {
+          Title: "秘密キー",
+          SubTitle: "自分のHUAWEI秘密キーを使用してください",
+          Placeholder: "HUAWEI秘密キー",
+        },
+        Endpoint: {
+          Title: "エンドポイントアドレス",
+          SubTitle: "カスタム.env構成はサポートされていません",
+        },
+      },
     },
 
     Model: "モデル (model)",

app/locales/ko.ts

@@ -421,6 +421,22 @@ const ko: PartialLocaleType = {
         Title: "커스텀 모델 이름",
         SubTitle: "커스텀 모델 옵션 추가, 영어 쉼표로 구분",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API 키",
+          SubTitle: "자신의 HUAWEI API 키를 사용하세요",
+          Placeholder: "HUAWEI 키",
+        },
+        SecretKey: {
+          Title: "비밀 키",
+          SubTitle: "자신의 HUAWEI 비밀 키를 사용하세요",
+          Placeholder: "HUAWEI 비밀 키",
+        },
+        Endpoint: {
+          Title: "엔드포인트 주소",
+          SubTitle: "사용자 정의 .env 구성을 지원하지 않습니다",
+        },
+      },
     },
 
     Model: "모델 (model)",

app/locales/no.ts

@@ -433,6 +433,22 @@ const no: PartialLocaleType = {
         Title: "Egendefinert modellnavn",
         SubTitle: "Legg til egendefinerte modellalternativer, skill med komma",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API-nøkkel",
+          SubTitle: "Bruk din egen HUAWEI API-nøkkel",
+          Placeholder: "HUAWEI-nøkkel",
+        },
+        SecretKey: {
+          Title: "Hemmelig nøkkel",
+          SubTitle: "Bruk din egen HUAWEI hemmelige nøkkel",
+          Placeholder: "HUAWEI hemmelig nøkkel",
+        },
+        Endpoint: {
+          Title: "Grensesnittadresse",
+          SubTitle: "Støtter ikke tilpasset .env-konfigurasjon",
+        },
+      },
     },
 
     Model: "Modell",

app/locales/pt.ts

@@ -363,6 +363,22 @@ const pt: PartialLocaleType = {
         Title: "Modelos Personalizados",
         SubTitle: "Opções de modelo personalizado, separados por vírgula",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "Chave API",
+          SubTitle: "Use sua própria chave API HUAWEI",
+          Placeholder: "Chave HUAWEI",
+        },
+        SecretKey: {
+          Title: "Chave Secreta",
+          SubTitle: "Use sua própria chave secreta HUAWEI",
+          Placeholder: "Chave Secreta HUAWEI",
+        },
+        Endpoint: {
+          Title: "Endereço do Endpoint",
+          SubTitle: "Não suporta configuração personalizada .env",
+        },
+      },
     },
 
     Model: "Modelo",

app/locales/ru.ts

@@ -431,6 +431,22 @@ const ru: PartialLocaleType = {
         SubTitle:
           "Добавьте варианты пользовательских моделей, разделяя запятыми",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API Ключ",
+          SubTitle: "Используйте свой HUAWEI API ключ",
+          Placeholder: "HUAWEI Ключ",
+        },
+        SecretKey: {
+          Title: "Секретный Ключ",
+          SubTitle: "Используйте свой HUAWEI Секретный ключ",
+          Placeholder: "HUAWEI Секретный Ключ",
+        },
+        Endpoint: {
+          Title: "Адрес интерфейса",
+          SubTitle: "Не поддерживает собственную конфигурацию .env",
+        },
+      },
     },
 
     Model: "Модель",

app/locales/sk.ts

@@ -363,6 +363,22 @@ const sk: PartialLocaleType = {
         Title: "Vlastné modely",
         SubTitle: "Možnosti vlastného modelu, oddelené čiarkou",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API kľúč",
+          SubTitle: "Použite svoj vlastný HUAWEI API kľúč",
+          Placeholder: "HUAWEI kľúč",
+        },
+        SecretKey: {
+          Title: "Tajný kľúč",
+          SubTitle: "Použite svoj vlastný HUAWEI tajný kľúč",
+          Placeholder: "HUAWEI tajný kľúč",
+        },
+        Endpoint: {
+          Title: "Adresa rozhrania",
+          SubTitle: "Nepodporuje vlastnú konfiguráciu .env",
+        },
+      },
       Google: {
         ApiKey: {
           Title: "API kľúč",

app/locales/tr.ts

@@ -431,6 +431,22 @@ const tr: PartialLocaleType = {
         SubTitle:
           "Özelleştirilmiş model seçenekleri ekleyin, İngilizce virgül ile ayırın",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API Anahtarı",
+          SubTitle: "Kendi Huawei API Anahtarınızı kullanın",
+          Placeholder: "HUAWEI Anahtarı",
+        },
+        SecretKey: {
+          Title: "Gizli Anahtar",
+          SubTitle: "Kendi HUAWEI Gizli Anahtarınızı kullanın",
+          Placeholder: "HUAWEI Gizli Anahtarı",
+        },
+        Endpoint: {
+          Title: "Arayüz Adresi",
+          SubTitle: "Özelleştirilmiş .env yapılandırmasına desteklenmez",
+        },
+      },
     },
 
     Model: "Model (model)",

app/locales/tw.ts

@@ -386,6 +386,22 @@ const tw = {
         Title: "自訂模型名稱",
         SubTitle: "增加自訂模型可選擇項目，使用英文逗號隔開",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "API金鑰",
+          SubTitle: "使用您的HUAWEI API金鑰",
+          Placeholder: "HUAWEI金鑰",
+        },
+        SecretKey: {
+          Title: "密鑰",
+          SubTitle: "使用您的HUAWEI密鑰",
+          Placeholder: "HUAWEI密鑰",
+        },
+        Endpoint: {
+          Title: "端點地址",
+          SubTitle: "不支援自訂的.env配置",
+        },
+      },
     },
 
     Model: "模型 (model)",

app/locales/vi.ts

@@ -427,6 +427,22 @@ const vi: PartialLocaleType = {
         SubTitle:
           "Thêm tùy chọn mô hình tùy chỉnh, sử dụng dấu phẩy để phân cách",
       },
+      Huawei: {
+        ApiKey: {
+          Title: "Khóa API",
+          SubTitle: "Sử dụng khóa API HUAWEI của bạn",
+          Placeholder: "Khóa HUAWEI",
+        },
+        SecretKey: {
+          Title: "Khóa bí mật",
+          SubTitle: "Sử dụng khóa bí mật HUAWEI của bạn",
+          Placeholder: "Khóa bí mật HUAWEI",
+        },
+        Endpoint: {
+          Title: "Địa chỉ điểm cuối",
+          SubTitle: "Không hỗ trợ cấu hình .env tùy chỉnh",
+        },
+      },
     },
 
     Model: "Mô hình (model)",

app/store/access.ts

@@ -17,6 +17,7 @@ import {
   XAI_BASE_URL,
   CHATGLM_BASE_URL,
   SILICONFLOW_BASE_URL,
+  HUAWEI_BASE_URL,
 } from "../constant";
 import { getHeaders } from "../client/api";
 import { getClientConfig } from "../config/client";
@@ -55,6 +56,8 @@ const DEFAULT_XAI_URL = isApp ? XAI_BASE_URL : ApiPath.XAI;
 
 const DEFAULT_CHATGLM_URL = isApp ? CHATGLM_BASE_URL : ApiPath.ChatGLM;
 
+const DEFAULT_HUAWEI_URL = isApp ? HUAWEI_BASE_URL : ApiPath.Huawei;
+
 const DEFAULT_SILICONFLOW_URL = isApp
   ? SILICONFLOW_BASE_URL
   : ApiPath.SiliconFlow;
@@ -131,6 +134,9 @@ const DEFAULT_ACCESS_STATE = {
   // siliconflow
   siliconflowUrl: DEFAULT_SILICONFLOW_URL,
   siliconflowApiKey: "",
+  // huawei
+  huaweiUrl: DEFAULT_HUAWEI_URL,
+  huaweiApiKey: "",
 
   // server config
   needCode: true,
@@ -219,6 +225,9 @@ export const useAccessStore = createPersistStore(
       return ensure(get(), ["siliconflowApiKey"]);
     },
 
+    isValidHuawei() {
+      return ensure(get(), ["huaweiApiKey"]);
+    },
     isAuthorized() {
       this.fetch();
 
@@ -238,6 +247,7 @@ export const useAccessStore = createPersistStore(
         this.isValidXAI() ||
         this.isValidChatGLM() ||
         this.isValidSiliconFlow() ||
+        this.isValidHuawei() ||
         !this.enabledAccessControl() ||
         (this.enabledAccessControl() && ensure(get(), ["accessCode"]))
       );

app/styles/markdown.scss

@@ -99,7 +99,6 @@
   font-size: 14px;
   line-height: 1.5;
   word-wrap: break-word;
-  margin-bottom: 0;
 }
 
 .light {
@@ -359,14 +358,8 @@
 .markdown-body kbd {
   display: inline-block;
   padding: 3px 5px;
-  font:
-    11px ui-monospace,
-    SFMono-Regular,
-    SF Mono,
-    Menlo,
-    Consolas,
-    Liberation Mono,
-    monospace;
+  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
+    Liberation Mono, monospace;
   line-height: 10px;
   color: var(--color-fg-default);
   vertical-align: middle;
@@ -455,28 +448,16 @@
 .markdown-body tt,
 .markdown-body code,
 .markdown-body samp {
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    SF Mono,
-    Menlo,
-    Consolas,
-    Liberation Mono,
-    monospace;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
+    Liberation Mono, monospace;
   font-size: 12px;
 }
 
 .markdown-body pre {
   margin-top: 0;
   margin-bottom: 0;
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    SF Mono,
-    Menlo,
-    Consolas,
-    Liberation Mono,
-    monospace;
+  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
+    Liberation Mono, monospace;
   font-size: 12px;
   word-wrap: normal;
 }
@@ -1149,87 +1130,3 @@
 #dmermaid {
   display: none;
 }
-
-.markdown-content {
-  width: 100%;
-}
-
-.markdown-paragraph {
-  transition: opacity 0.3s ease;
-  margin-bottom: 0.5em;
-
-  &.markdown-paragraph-visible {
-    opacity: 1;
-  }
-
-  &.markdown-paragraph-hidden {
-    opacity: 0.7;
-  }
-}
-
-.markdown-paragraph-placeholder {
-  padding: 8px;
-  color: var(--color-fg-subtle);
-  background-color: var(--color-canvas-subtle);
-  border-radius: 6px;
-  border-left: 3px solid var(--color-border-muted);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-family: var(--font-family-sans);
-  font-size: 14px;
-  min-height: 1.2em;
-}
-
-.markdown-paragraph-loading {
-  height: 20px;
-  background-color: var(--color-canvas-subtle);
-  border-radius: 6px;
-  margin-bottom: 8px;
-  position: relative;
-  overflow: hidden;
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 30%;
-    height: 100%;
-    background: linear-gradient(
-      90deg,
-      transparent,
-      rgba(255, 255, 255, 0.1),
-      transparent
-    );
-    animation: shimmer 1.5s infinite;
-  }
-}
-
-@keyframes shimmer {
-  0% {
-    transform: translateX(-100%);
-  }
-  100% {
-    transform: translateX(200%);
-  }
-}
-
-.markdown-streaming-content {
-  width: 100%;
-}
-
-.markdown-streaming-paragraph {
-  opacity: 1;
-  animation: fadeIn 0.3s ease-in-out;
-  margin-bottom: 0.5em;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0.5;
-  }
-  to {
-    opacity: 1;
-  }
-}

docker-compose.yml

@@ -17,6 +17,40 @@ services:
       - ENABLE_BALANCE_QUERY=$ENABLE_BALANCE_QUERY
       - DISABLE_FAST_LINK=$DISABLE_FAST_LINK
       - OPENAI_SB=$OPENAI_SB
+      - SILICONFLOW_API_KEY=$SILICONFLOW_API_KEY
+      - SILICONFLOW_URL=$SILICONFLOW_URL
+      - AZURE_URL=$AZURE_URL
+      - AZURE_API_KEY=$AZURE_API_KEY
+      - AZURE_API_VERSION=$AZURE_API_VERSION
+      - GOOGLE_URL=$GOOGLE_URL
+      - GTM_ID=$GTM_ID
+      - ANTHROPIC_URL=$ANTHROPIC_URL
+      - ANTHROPIC_API_KEY=$ANTHROPIC_API_KEY
+      - ANTHROPIC_API_VERSION=$ANTHROPIC_API_VERSION
+      - BAIDU_URL=$BAIDU_URL
+      - BAIDU_API_KEY=$BAIDU_API_KEY
+      - BAIDU_SECRET_KEY=$BAIDU_SECRET_KEY
+      - BYTEDANCE_URL=$BYTEDANCE_URL
+      - BYTEDANCE_API_KEY=$BYTEDANCE_API_KEY
+      - ALIBABA_URL=$ALIBABA_URL
+      - ALIBABA_API_KEY=$ALIBABA_API_KEY
+      - TENCENT_URL=$TENCENT_URL
+      - TENCENT_SECRET_KEY=$TENCENT_SECRET_KEY
+      - TENCENT_SECRET_ID=$TENCENT_SECRET_ID
+      - MOONSHOT_URL=$MOONSHOT_URL
+      - MOONSHOT_API_KEY=$MOONSHOT_API_KEY
+      - IFLYTEK_URL=$IFLYTEK_URL
+      - IFLYTEK_API_KEY=$IFLYTEK_API_KEY
+      - IFLYTEK_API_SECRET=$IFLYTEK_API_SECRET
+      - DEEPSEEK_URL=$DEEPSEEK_URL
+      - DEEPSEEK_API_KEY=$DEEPSEEK_API_KEY
+      - XAI_URL=$XAI_URL
+      - XAI_API_KEY=$XAI_API_KEY
+      - CHATGLM_URL=$CHATGLM_URL
+      - CHATGLM_API_KEY=$CHATGLM_API_KEY
+      - DEFAULT_INPUT_TEMPLATE=$DEFAULT_INPUT_TEMPLATE
+      - HUAWEI_API_KEY=$HUAWEI_API_KEY
+      - HUAWEI_URL=$HUAWEI_URL
 
   chatgpt-next-web-proxy:
     profiles: [ "proxy" ]
@@ -36,3 +70,37 @@ services:
       - ENABLE_BALANCE_QUERY=$ENABLE_BALANCE_QUERY
       - DISABLE_FAST_LINK=$DISABLE_FAST_LINK
       - OPENAI_SB=$OPENAI_SB
+      - SILICONFLOW_API_KEY=$SILICONFLOW_API_KEY
+      - SILICONFLOW_URL=$SILICONFLOW_URL
+      - AZURE_URL=$AZURE_URL
+      - AZURE_API_KEY=$AZURE_API_KEY
+      - AZURE_API_VERSION=$AZURE_API_VERSION
+      - GOOGLE_URL=$GOOGLE_URL
+      - GTM_ID=$GTM_ID
+      - ANTHROPIC_URL=$ANTHROPIC_URL
+      - ANTHROPIC_API_KEY=$ANTHROPIC_API_KEY
+      - ANTHROPIC_API_VERSION=$ANTHROPIC_API_VERSION
+      - BAIDU_URL=$BAIDU_URL
+      - BAIDU_API_KEY=$BAIDU_API_KEY
+      - BAIDU_SECRET_KEY=$BAIDU_SECRET_KEY
+      - BYTEDANCE_URL=$BYTEDANCE_URL
+      - BYTEDANCE_API_KEY=$BYTEDANCE_API_KEY
+      - ALIBABA_URL=$ALIBABA_URL
+      - ALIBABA_API_KEY=$ALIBABA_API_KEY
+      - TENCENT_URL=$TENCENT_URL
+      - TENCENT_SECRET_KEY=$TENCENT_SECRET_KEY
+      - TENCENT_SECRET_ID=$TENCENT_SECRET_ID
+      - MOONSHOT_URL=$MOONSHOT_URL
+      - MOONSHOT_API_KEY=$MOONSHOT_API_KEY
+      - IFLYTEK_URL=$IFLYTEK_URL
+      - IFLYTEK_API_KEY=$IFLYTEK_API_KEY
+      - IFLYTEK_API_SECRET=$IFLYTEK_API_SECRET
+      - DEEPSEEK_URL=$DEEPSEEK_URL
+      - DEEPSEEK_API_KEY=$DEEPSEEK_API_KEY
+      - XAI_URL=$XAI_URL
+      - XAI_API_KEY=$XAI_API_KEY
+      - CHATGLM_URL=$CHATGLM_URL
+      - CHATGLM_API_KEY=$CHATGLM_API_KEY
+      - DEFAULT_INPUT_TEMPLATE=$DEFAULT_INPUT_TEMPLATE
+      - HUAWEI_API_KEY=$HUAWEI_API_KEY
+      - HUAWEI_URL=$HUAWEI_URL