fix: 修复 MDX 本地图片渲染为 [object Object] 及建议接口 JSON 解析失败

- mdx-components: remark-image 把本地相对路径图片编译成静态 import，
  src 是 StaticImageData 对象，原生 <img> 直接透传导致 src="[object Object]"，
  文档内本地图片全部裂图，并触发大量 /docs/.../[object Object] 404
- /api/suggestions: 归一化 key 后的全角冒号与缺失引号；整体 JSON.parse
  失败时逐个提取对象，兼容编号列表、多数组拼接等 LLM 输出
- docs/resolve: 后端 404（无历史映射）是正常结论，不再按 error 记录；
  403 / 5xx 仍记录

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014zBGrQgQnx1eLA9jQfSJWD

Author: claude

app/[locale]/docs/[...slug]/page.tsx

@@ -63,7 +63,9 @@ async function resolveDocPath(
       }
       return null;
     }
-    // 非 3xx：记录真实状态，便于从 Vercel 日志定位（CF 403 / 后端异常等）
+    // 404 = 后端无历史映射，是正常的"真 404"结论，不算故障
+    if (res.status === 404) return null;
+    // 其余非 3xx：记录真实状态，便于从 Vercel 日志定位（CF 403 / 后端异常等）
     console.error("[docs/resolve] non-redirect status", {
       path: strippedPath,
       status: res.status,

app/api/suggestions/route.ts

@@ -159,14 +159,34 @@ export async function POST(req: Request) {
 
       // 修复大模型可能生成的中文引号
       cleanedText = cleanedText.replace(/“/g, '"').replace(/”/g, '"');
+      // 修复 key 后的全角冒号 / 冒号被包进引号，如 "action："xx" 或 "action:"xx"
+      cleanedText = cleanedText.replace(
+        /"(title|label|action)"?\s*[：:]\s*"/g,
+        '"$1":"',
+      );
 
       // 尝试仅提取数组部分，防止 AI 返回了前缀描述文本
       const arrayMatch = cleanedText.match(/\[[\s\S]*\]/);
       if (arrayMatch) {
         cleanedText = arrayMatch[0];
       }
 
-      questions = JSON.parse(cleanedText);
+      try {
+        questions = JSON.parse(cleanedText);
+      } catch (parseError) {
+        // 编号列表 / 多个数组拼接等非法外壳：逐个提取对象
+        const objects = (cleanedText.match(/\{[^{}]*\}/g) ?? []).flatMap(
+          (chunk) => {
+            try {
+              return [JSON.parse(chunk)];
+            } catch {
+              return [];
+            }
+          },
+        );
+        if (objects.length === 0) throw parseError;
+        questions = objects;
+      }
     } catch (e) {
       console.error("解析建议 JSON 失败:", e, "原始文本:", text);
 

mdx-components.tsx

@@ -30,7 +30,15 @@ export function getMDXComponents(components?: MDXComponents): MDXComponents {
   return {
     ...defaultMdxComponents,
     // 覆盖默认的 img 映射，使用原生 <img> 标签而不是 Next.js Image 组件
-    img: (props) => <img {...props} alt={props.alt || ""} />,
+    // 本地相对路径图片会被 remark-image 编译成静态 import，src 是
+    // StaticImageData 对象而不是字符串，直接透传会渲染成 "[object Object]"
+    img: ({ src, ...props }) => {
+      const resolved =
+        src && typeof src === "object" && "src" in src
+          ? (src as { src: string }).src
+          : src;
+      return <img {...props} src={resolved} alt={props.alt || ""} />;
+    },
     ...components,
   };
 }