From b06fdbb38b06506f7bcdfa3b9532ba87d56c4fbc Mon Sep 17 00:00:00 2001
From: WuYongJie <549727955@qq.com>
Date: Wed, 4 Nov 2026 10:43:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=81=8A=E5=A4=A9=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E5=8A=A0=E8=BD=BD=E5=8D=A0=E4=BD=8D=E7=9A=84=E7=BD=91?=
 =?UTF-8?q?=E5=85=B3=E9=94=99=E8=AF=AF=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

画布聊天首次加载 Markdown 组件时，占位组件直接显示原始消息。历史记录包含 Cloudflare 错误页面时，会短暂显示整页 HTML。现在占位组件复用网关错误正文归一化，加载期间和完成后均显示可读提示。普通内容保持原有展示。

验证：TypeScript、改动文件 lint、凭据检查与差异检查通过。网关识别、524 不自动切换模型及供应商只提交一次的测试已包含在 PR #23 的 637 项通过测试中。本次仅修改加载占位组件，生产构建及慢速加载回放验收另行记录。

已知问题：仓库全量 lint 存在 1004 项历史诊断。
---
 components/canvas/CanvasChatPanel.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 886fb4f33..58efc189b 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -66,6 +66,7 @@ import {
 import { toast } from "sonner";
 import { useCanvasStore } from "@/store/canvas";
 import { cn } from "@/lib/utils";
+import { getGatewayErrorPageMessage } from "@/lib/request-error";
 import { fetcher, fetchWithErrorHandlers, generateUUID } from "@/lib/utils";
 import {
   fetchUploadWithRetry,
@@ -373,7 +374,9 @@ function MarkdownResponseFallback({
 }: Pick<ResponseProps, "children" | "className">) {
   return (
     <div className={cn("whitespace-pre-wrap break-words [overflow-wrap:anywhere]", className)}>
-      {children}
+      {typeof children === "string"
+        ? getGatewayErrorPageMessage(children) || children
+        : children}
     </div>
   );
 }