refactor: clean up chat and markdown components, improve markdown rendering with lazy loading and streaming support

2025-10-11 20:43:42 +08:00 · 2025-04-05 12:56:52 +08:00
35 changed files with 290 additions and 920 deletions
--- a/.env.template
+++ b/.env.template
@@ -81,7 +81,3 @@ SILICONFLOW_API_KEY=

 ### siliconflow Api url (optional)
 SILICONFLOW_URL=
-
-HUAWEI_URL=
-
-HUAWEI_API_KEY=
--- a/README.md
+++ b/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) / [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) / [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)


 [saas-url]: https://nextchat.club?utm_source=readme
@@ -40,14 +40,13 @@ English / [简体中文](./README_CN.md)

 </div>

-## 🥳 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)
-
+## 🥳 Cheer for DeepSeek, China's AI star!
+ > Purpose-Built UI for DeepSeek Reasoner Model
 
+<img src="https://github.com/user-attachments/assets/f3952210-3af1-4dc0-9b81-40eaa4847d9a"/>
+
+
+
 ## 🫣 NextChat Support MCP  ! 
 > Before build, please set env ENABLE_MCP=true

--- a/app/api/[provider]/[...path]/route.ts
+++ b/app/api/[provider]/[...path]/route.ts
@@ -15,7 +15,6 @@ 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,
@@ -53,8 +52,6 @@ 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 });
  }
--- a/app/api/huawei.ts
+++ b/app/api/huawei.ts
@@ -1,176 +0,0 @@
-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 };
--- a/app/client/api.ts
+++ b/app/client/api.ts
@@ -24,7 +24,6 @@ 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];
@@ -174,9 +173,6 @@ export class ClientApi {
      case ModelProvider.SiliconFlow:
        this.llm = new SiliconflowApi();
        break;
-      case ModelProvider.Huawei:
-        this.llm = new HuaweiApi();
-        break;
      default:
        this.llm = new ChatGPTApi();
    }
@@ -269,7 +265,6 @@ 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
@@ -295,8 +290,6 @@ export function getHeaders(ignoreHeaders: boolean = false) {
      ? accessStore.iflytekApiKey && accessStore.iflytekApiSecret
        ? accessStore.iflytekApiKey + ":" + accessStore.iflytekApiSecret
        : ""
-      : isHuawei
-      ? accessStore.huaweiApiKey
      : accessStore.openaiApiKey;
    return {
      isGoogle,
@@ -311,7 +304,6 @@ export function getHeaders(ignoreHeaders: boolean = false) {
      isXAI,
      isChatGLM,
      isSiliconFlow,
-      isHuawei,
      apiKey,
      isEnabledAccessControl,
    };
@@ -340,7 +332,6 @@ export function getHeaders(ignoreHeaders: boolean = false) {
    isXAI,
    isChatGLM,
    isSiliconFlow,
-    isHuawei: boolean,
    apiKey,
    isEnabledAccessControl,
  } = getConfig();
@@ -391,8 +382,6 @@ 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);
  }
--- a/app/client/platforms/huawei.ts
+++ b/app/client/platforms/huawei.ts
@@ -1,200 +0,0 @@
-"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 [];
-  }
-}
--- a/app/client/platforms/openai.ts
+++ b/app/client/platforms/openai.ts
@@ -198,8 +198,7 @@ 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("o4-mini");
+      options.config.model.startsWith("o3");
    if (isDalle3) {
      const prompt = getMessageTextContent(
        options.messages.slice(-1)?.pop() as any,
@@ -244,7 +243,7 @@ export class ChatGPTApi implements LLMApi {
      }

      // add max_tokens to vision model
-      if (visionModel && !isO1OrO3) {
+      if (visionModel) {
        requestPayload["max_tokens"] = Math.max(modelConfig.max_tokens, 4000);
      }
    }
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -18,7 +18,6 @@ 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";
@@ -79,8 +78,6 @@ 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";
@@ -125,14 +122,15 @@ 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();
@@ -1984,6 +1982,8 @@ function _Chat() {
                              fontFamily={fontFamily}
                              parentRef={scrollRef}
                              defaultShow={i >= messages.length - 6}
+                              immediatelyRender={i >= messages.length - 3}
+                              streaming={message.streaming}
                            />
                            {getMessageImages(message).length == 1 && (
                              <img
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -267,6 +267,136 @@ 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));
@@ -326,9 +456,27 @@ 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
@@ -344,6 +492,24 @@ 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} />
      )}
--- a/app/components/settings.tsx
+++ b/app/components/settings.tsx
@@ -75,7 +75,6 @@ import {
  ChatGLM,
  DeepSeek,
  SiliconFlow,
-  Huawei,
 } from "../constant";
 import { Prompt, SearchService, usePromptStore } from "../store/prompt";
 import { ErrorBoundary } from "./error";
@@ -1458,46 +1457,6 @@ 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>
@@ -1863,7 +1822,6 @@ export function Settings() {
                  {XAIConfigComponent}
                  {chatglmConfigComponent}
                  {siliconflowConfigComponent}
-                  {huaweiConfigComponent}
                </>
              )}
            </>
--- a/app/config/server.ts
+++ b/app/config/server.ts
@@ -88,10 +88,6 @@ 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;

@@ -167,7 +163,6 @@ 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);
@@ -238,10 +233,6 @@ 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),
--- a/app/constant.ts
+++ b/app/constant.ts
@@ -36,9 +36,6 @@ 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`;

@@ -75,7 +72,6 @@ export enum ApiPath {
  ChatGLM = "/api/chatglm",
  DeepSeek = "/api/deepseek",
  SiliconFlow = "/api/siliconflow",
-  Huawei = "/api/huawei",
 }

 export enum SlotID {
@@ -134,7 +130,6 @@ 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
@@ -161,7 +156,6 @@ export enum ModelProvider {
  ChatGLM = "ChatGLM",
  DeepSeek = "DeepSeek",
  SiliconFlow = "SiliconFlow",
-  Huawei = "Huawei",
 }

 export const Stability = {
@@ -220,11 +214,6 @@ 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",
@@ -428,14 +417,6 @@ 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",
@@ -477,7 +458,6 @@ export const DEFAULT_TTS_VOICES = [
 export const VISION_MODEL_REGEXES = [
  /vision/,
  /gpt-4o/,
-  /gpt-4\.1/,
  /claude-3/,
  /gemini-1\.5/,
  /gemini-exp/,
@@ -489,8 +469,6 @@ 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/];
@@ -507,14 +485,6 @@ 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",
@@ -529,8 +499,6 @@ const openaiModels = [
  "o1-mini",
  "o1-preview",
  "o3-mini",
-  "o3",
-  "o4-mini",
 ];

 const googleModels = [
@@ -597,11 +565,6 @@ 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 = [
@@ -687,11 +650,6 @@ const siliconflowModels = [
  "Pro/deepseek-ai/DeepSeek-V3",
 ];

-const huaweiModels = [
-  "DeepSeek-R1",
-  "DeepSeek-V3",
-];
-
 let seq = 1000; // 内置的模型序号生成器从1000开始
 export const DEFAULT_MODELS = [
  ...openaiModels.map((name) => ({
@@ -848,17 +806,6 @@ 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;
--- a/app/locales/ar.ts
+++ b/app/locales/ar.ts
@@ -420,22 +420,6 @@ 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: "النموذج",
--- a/app/locales/bn.ts
+++ b/app/locales/bn.ts
@@ -428,22 +428,6 @@ const bn: PartialLocaleType = {
        SubTitle:
          "স্বনির্ধারিত মডেল বিকল্পগুলি যুক্ত করুন, ইংরেজি কমা দ্বারা আলাদা করুন",
      },
-      Huawei: {
-        ApiKey: {
-          Title: "এপিআই কী",
-          SubTitle: "আপনার HUAWEI এপিআই কী ব্যবহার করুন",
-          Placeholder: "HUAWEI কী",
-        },
-        SecretKey: {
-          Title: "গোপন কী",
-          SubTitle: "আপনার HUAWEI গোপন কী ব্যবহার করুন",
-          Placeholder: "HUAWEI গোপন কী",
-        },
-        Endpoint: {
-          Title: "এন্ডপয়েন্ট ঠিকানা",
-          SubTitle: "কাস্টম কনফিগারেশনের জন্য .env-এ যান",
-        },
-      },
    },

    Model: "মডেল (model)",
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@@ -538,22 +538,6 @@ 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)",
--- a/app/locales/cs.ts
+++ b/app/locales/cs.ts
@@ -427,22 +427,6 @@ 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)",
--- a/app/locales/da.ts
+++ b/app/locales/da.ts
@@ -498,22 +498,6 @@ 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",
--- a/app/locales/de.ts
+++ b/app/locales/de.ts
@@ -439,22 +439,6 @@ 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",
--- a/app/locales/en.ts
+++ b/app/locales/en.ts
@@ -522,22 +522,6 @@ 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",
--- a/app/locales/es.ts
+++ b/app/locales/es.ts
@@ -441,22 +441,6 @@ 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)",
--- a/app/locales/fr.ts
+++ b/app/locales/fr.ts
@@ -440,23 +440,6 @@ 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",
--- a/app/locales/id.ts
+++ b/app/locales/id.ts
@@ -428,22 +428,6 @@ 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",
--- a/app/locales/it.ts
+++ b/app/locales/it.ts
@@ -441,22 +441,6 @@ 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)",
--- a/app/locales/jp.ts
+++ b/app/locales/jp.ts
@@ -424,22 +424,6 @@ 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)",
--- a/app/locales/ko.ts
+++ b/app/locales/ko.ts
@@ -421,22 +421,6 @@ 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)",
--- a/app/locales/no.ts
+++ b/app/locales/no.ts
@@ -433,22 +433,6 @@ 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",
--- a/app/locales/pt.ts
+++ b/app/locales/pt.ts
@@ -363,22 +363,6 @@ 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",
--- a/app/locales/ru.ts
+++ b/app/locales/ru.ts
@@ -431,22 +431,6 @@ const ru: PartialLocaleType = {
        SubTitle:
          "Добавьте варианты пользовательских моделей, разделяя запятыми",
      },
-      Huawei: {
-        ApiKey: {
-          Title: "API Ключ",
-          SubTitle: "Используйте свой HUAWEI API ключ",
-          Placeholder: "HUAWEI Ключ",
-        },
-        SecretKey: {
-          Title: "Секретный Ключ",
-          SubTitle: "Используйте свой HUAWEI Секретный ключ",
-          Placeholder: "HUAWEI Секретный Ключ",
-        },
-        Endpoint: {
-          Title: "Адрес интерфейса",
-          SubTitle: "Не поддерживает собственную конфигурацию .env",
-        },
-      },
    },

    Model: "Модель",
--- a/app/locales/sk.ts
+++ b/app/locales/sk.ts
@@ -363,22 +363,6 @@ 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ľúč",
--- a/app/locales/tr.ts
+++ b/app/locales/tr.ts
@@ -431,22 +431,6 @@ 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)",
--- a/app/locales/tw.ts
+++ b/app/locales/tw.ts
@@ -386,22 +386,6 @@ 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)",
--- a/app/locales/vi.ts
+++ b/app/locales/vi.ts
@@ -427,22 +427,6 @@ 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)",
--- a/app/store/access.ts
+++ b/app/store/access.ts
@@ -17,7 +17,6 @@ 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";
@@ -56,8 +55,6 @@ 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;
@@ -134,9 +131,6 @@ const DEFAULT_ACCESS_STATE = {
  // siliconflow
  siliconflowUrl: DEFAULT_SILICONFLOW_URL,
  siliconflowApiKey: "",
-  // huawei
-  huaweiUrl: DEFAULT_HUAWEI_URL,
-  huaweiApiKey: "",

  // server config
  needCode: true,
@@ -225,9 +219,6 @@ export const useAccessStore = createPersistStore(
      return ensure(get(), ["siliconflowApiKey"]);
    },

-    isValidHuawei() {
-      return ensure(get(), ["huaweiApiKey"]);
-    },
    isAuthorized() {
      this.fetch();

@@ -247,7 +238,6 @@ export const useAccessStore = createPersistStore(
        this.isValidXAI() ||
        this.isValidChatGLM() ||
        this.isValidSiliconFlow() ||
-        this.isValidHuawei() ||
        !this.enabledAccessControl() ||
        (this.enabledAccessControl() && ensure(get(), ["accessCode"]))
      );
--- a/app/styles/markdown.scss
+++ b/app/styles/markdown.scss
@@ -99,6 +99,7 @@
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
+  margin-bottom: 0;
 }

 .light {
@@ -358,8 +359,14 @@
 .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;
@@ -448,16 +455,28 @@
 .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;
 }
@@ -1130,3 +1149,87 @@
 #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;
+  }
+}
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -17,40 +17,6 @@ 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" ]
@@ -70,37 +36,3 @@ 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