style: normalize quotes and indentation

src/app/actions/ai-improve.ts

@@ -25,7 +25,8 @@ export const optimizeCode = async (
   if (input.problemId) {
     try {
       // 尝试获取英文描述
-            const problemLocalizationEn = await prisma.problemLocalization.findUnique({
+      const problemLocalizationEn = await prisma.problemLocalization.findUnique(
+        {
           where: {
             problemId_locale_type: {
               problemId: input.problemId,
@@ -36,7 +37,8 @@ export const optimizeCode = async (
           include: {
             problem: true,
           },
-            });
+        }
+      );
 
       if (problemLocalizationEn) {
         problemDetails = `
@@ -46,7 +48,8 @@ Description: ${problemLocalizationEn.content}
         `;
       } else {
         // 回退到中文描述
-                const problemLocalizationZh = await prisma.problemLocalization.findUnique({
+        const problemLocalizationZh =
+          await prisma.problemLocalization.findUnique({
             where: {
               problemId_locale_type: {
                 problemId: input.problemId,
@@ -65,10 +68,14 @@ Problem Requirements:
 -------------------
 Description: ${problemLocalizationZh.content}
         `;
-                    console.warn(`Fallback to Chinese description for problemId: ${input.problemId}`);
+          console.warn(
+            `Fallback to Chinese description for problemId: ${input.problemId}`
+          );
         } else {
           problemDetails = "Problem description not found in any language.";
-                    console.warn(`No description found for problemId: ${input.problemId}`);
+          console.warn(
+            `No description found for problemId: ${input.problemId}`
+          );
         }
       }
     } catch (error) {
@@ -77,7 +84,6 @@ Description: ${problemLocalizationZh.content}
     }
   }
 
-
   // 构建AI提示词
   const prompt = `
 Analyze the following programming code for potential errors, inefficiencies or code style issues.

src/app/actions/ai-testcase.ts

@@ -1,12 +1,15 @@
 "use server";
 
-import {AITestCaseInput, AITestCaseOutput, AITestCaseOutputSchema} from "@/types/ai-testcase";
+import {
+  AITestCaseInput,
+  AITestCaseOutput,
+  AITestCaseOutputSchema,
+} from "@/types/ai-testcase";
 
 import { deepseek } from "@/lib/ai";
 import { CoreMessage, generateText } from "ai";
 import prisma from "@/lib/prisma";
 
-
 /**
  *
  * @param input
@@ -22,7 +25,8 @@ export const generateAITestcase = async (
   if (input.problemId) {
     try {
       // 尝试获取英文描述
-            const problemLocalizationEn = await prisma.problemLocalization.findUnique({
+      const problemLocalizationEn = await prisma.problemLocalization.findUnique(
+        {
           where: {
             problemId_locale_type: {
               problemId: input.problemId,
@@ -33,7 +37,8 @@ export const generateAITestcase = async (
           include: {
             problem: true,
           },
-            });
+        }
+      );
 
       if (problemLocalizationEn) {
         problemDetails = `
@@ -43,7 +48,8 @@ Description: ${problemLocalizationEn.content}
         `;
       } else {
         // 回退到中文描述
-                const problemLocalizationZh = await prisma.problemLocalization.findUnique({
+        const problemLocalizationZh =
+          await prisma.problemLocalization.findUnique({
             where: {
               problemId_locale_type: {
                 problemId: input.problemId,
@@ -62,10 +68,14 @@ Problem Requirements:
 -------------------
 Description: ${problemLocalizationZh.content}
         `;
-                    console.warn(`Fallback to Chinese description for problemId: ${input.problemId}`);
+          console.warn(
+            `Fallback to Chinese description for problemId: ${input.problemId}`
+          );
         } else {
           problemDetails = "Problem description not found in any language.";
-                    console.warn(`No description found for problemId: ${input.problemId}`);
+          console.warn(
+            `No description found for problemId: ${input.problemId}`
+          );
         }
       }
     } catch (error) {
@@ -74,8 +84,6 @@ Description: ${problemLocalizationZh.content}
     }
   }
 
-
-
   // 构建AI提示词
   const prompt = `
 Analyze the problem statement to get the expected input structure, constraints, and output logic. Generate **novel, randomized** inputs/outputs that strictly adhere to the problem's requirements. Focus on:
@@ -128,16 +136,13 @@ Respond **ONLY** with this JSON structure.
   // 解析LLM响应
   let llmResponseJson;
   try {
-        llmResponseJson = JSON.parse(text)
+    llmResponseJson = JSON.parse(text);
-
-
   } catch (error) {
     console.error("Failed to parse LLM response as JSON:", error);
     console.error("LLM raw output:", text);
     throw new Error("Invalid JSON response from LLM");
   }
 
-
   // 验证响应格式
   const validationResult = AITestCaseOutputSchema.safeParse(llmResponseJson);
   if (!validationResult.success) {

src/app/actions/getProblem.ts

@@ -1,9 +1,9 @@
 // app/actions/get-problem-data.ts
-'use server';
+"use server";
 
-import prisma from '@/lib/prisma';
+import prisma from "@/lib/prisma";
-import { Locale } from '@/generated/client';
+import { Locale } from "@/generated/client";
-import { serialize } from 'next-mdx-remote/serialize';
+import { serialize } from "next-mdx-remote/serialize";
 
 export async function getProblemData(problemId: string, locale?: string) {
   const selectedLocale = locale as Locale;
@@ -13,7 +13,7 @@ export async function getProblemData(problemId: string, locale?: string) {
     include: {
       templates: true,
       testcases: {
-                include: { inputs: true }
+        include: { inputs: true },
       },
       localizations: {
         where: {
@@ -24,13 +24,13 @@ export async function getProblemData(problemId: string, locale?: string) {
   });
 
   if (!problem) {
-        throw new Error('Problem not found');
+    throw new Error("Problem not found");
   }
 
   const getContent = (type: string) =>
-        problem.localizations.find(loc => loc.type === type)?.content || '';
+    problem.localizations.find((loc) => loc.type === type)?.content || "";
 
-    const rawDescription = getContent('DESCRIPTION');
+  const rawDescription = getContent("DESCRIPTION");
 
   const mdxDescription = await serialize(rawDescription, {
     parseFrontmatter: false,
@@ -43,18 +43,18 @@ export async function getProblemData(problemId: string, locale?: string) {
     isPublished: problem.isPublished,
     timeLimit: problem.timeLimit,
     memoryLimit: problem.memoryLimit,
-        title: getContent('TITLE'),
+    title: getContent("TITLE"),
     description: rawDescription,
     mdxDescription,
-        solution: getContent('SOLUTION'),
+    solution: getContent("SOLUTION"),
-        templates: problem.templates.map(t => ({
+    templates: problem.templates.map((t) => ({
       language: t.language,
       content: t.content,
     })),
-        testcases: problem.testcases.map(tc => ({
+    testcases: problem.testcases.map((tc) => ({
       id: tc.id,
       expectedOutput: tc.expectedOutput,
-            inputs: tc.inputs.map(input => ({
+      inputs: tc.inputs.map((input) => ({
         name: input.name,
         value: input.value,
       })),

src/app/actions/getProblemLocales.ts

@@ -1,5 +1,5 @@
 // src/app/actions/getProblemLocales.ts
-'use server';
+"use server";
 
 import prisma from "@/lib/prisma";
 
@@ -7,8 +7,8 @@ export async function getProblemLocales(problemId: string): Promise<string[]> {
   const locales = await prisma.problemLocalization.findMany({
     where: { problemId },
     select: { locale: true },
-        distinct: ['locale'],
+    distinct: ["locale"],
   });
 
-    return locales.map(l => l.locale);
+  return locales.map((l) => l.locale);
 }

src/components/ai-optimized-editor.tsx

@@ -25,18 +25,21 @@ export const AIEditorWrapper = ({
   problemId,
   languageServerConfigs,
   onChange,
-                                  // className,
+}: // className,
-                                }: AIEditorWrapperProps) => {
+AIEditorWrapperProps) => {
   const [currentCode, setCurrentCode] = useState(value ?? "");
   const [optimizedCode, setOptimizedCode] = useState("");
   const [isOptimizing, setIsOptimizing] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [showDiff, setShowDiff] = useState(false);
 
-  const handleCodeChange = useCallback((val: string) => {
+  const handleCodeChange = useCallback(
+    (val: string) => {
       setCurrentCode(val);
       onChange?.(val);
-  }, [onChange]);
+    },
+    [onChange]
+  );
 
   const handleOptimize = useCallback(async () => {
     if (!problemId || !currentCode) return;

src/components/creater/edit-code-panel.tsx

@@ -1,14 +1,14 @@
-"use client"
+"use client";
 
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState } from "react";
-import { getProblemData } from '@/app/actions/getProblem';
+import { getProblemData } from "@/app/actions/getProblem";
-import { updateProblemTemplate } from '@/components/creater/problem-maintain';
+import { updateProblemTemplate } from "@/components/creater/problem-maintain";
-import { Label } from '@/components/ui/label';
+import { Label } from "@/components/ui/label";
-import { Button } from '@/components/ui/button';
+import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { CoreEditor } from '@/components/core-editor';
+import { CoreEditor } from "@/components/core-editor";
-import { Language } from '@/generated/client';
+import { Language } from "@/generated/client";
-import { toast } from 'sonner';
+import { toast } from "sonner";
 
 interface Template {
   language: string;
@@ -21,7 +21,7 @@ interface EditCodePanelProps {
 
 export default function EditCodePanel({ problemId }: EditCodePanelProps) {
   const [codeTemplate, setCodeTemplate] = useState<Template>({
-    language: 'cpp',
+    language: "cpp",
     content: `// 默认代码模板 for Problem ${problemId}`,
   });
   const [templates, setTemplates] = useState<Template[]>([]);
@@ -31,18 +31,20 @@ export default function EditCodePanel({ problemId }: EditCodePanelProps) {
       try {
         const problem = await getProblemData(problemId);
         setTemplates(problem.templates);
-        const sel = problem.templates.find(t => t.language === 'cpp') || problem.templates[0];
+        const sel =
+          problem.templates.find((t) => t.language === "cpp") ||
+          problem.templates[0];
         if (sel) setCodeTemplate(sel);
       } catch (err) {
-        console.error('加载问题数据失败:', err);
+        console.error("加载问题数据失败:", err);
-        toast.error('加载问题数据失败');
+        toast.error("加载问题数据失败");
       }
     }
     fetchTemplates();
   }, [problemId]);
 
   const handleLanguageChange = (language: string) => {
-    const sel = templates.find(t => t.language === language);
+    const sel = templates.find((t) => t.language === language);
     if (sel) setCodeTemplate(sel);
   };
 
@@ -54,13 +56,13 @@ export default function EditCodePanel({ problemId }: EditCodePanelProps) {
         codeTemplate.content
       );
       if (res.success) {
-        toast.success('保存成功');
+        toast.success("保存成功");
       } else {
-        toast.error('保存失败');
+        toast.error("保存失败");
       }
     } catch (error) {
-      console.error('保存异常:', error);
+      console.error("保存异常:", error);
-      toast.error('保存异常');
+      toast.error("保存异常");
     }
   };
 
@@ -77,9 +79,9 @@ export default function EditCodePanel({ problemId }: EditCodePanelProps) {
               id="language-select"
               className="block w-full p-2 border border-gray-300 rounded-md dark:bg-gray-800 dark:border-gray-700"
               value={codeTemplate.language}
-                  onChange={e => handleLanguageChange(e.target.value)}
+              onChange={(e) => handleLanguageChange(e.target.value)}
             >
-                {templates.map(t => (
+              {templates.map((t) => (
                 <option key={t.language} value={t.language}>
                   {t.language.toUpperCase()}
                 </option>
@@ -94,8 +96,8 @@ export default function EditCodePanel({ problemId }: EditCodePanelProps) {
                 language={codeTemplate.language}
                 value={codeTemplate.content}
                 path={`/${problemId}.${codeTemplate.language}`}
-                    onChange={value =>
+                onChange={(value) =>
-                        setCodeTemplate({ ...codeTemplate, content: value || '' })
+                  setCodeTemplate({ ...codeTemplate, content: value || "" })
                 }
               />
             </div>

src/components/creater/edit-description-panel.tsx

@@ -12,16 +12,25 @@ import { getProblemLocales } from "@/app/actions/getProblemLocales";
 import { Accordion } from "@/components/ui/accordion";
 import { VideoEmbed } from "@/components/content/video-embed";
 import { toast } from "sonner";
-import { updateProblemDescription, updateProblemTitle } from '@/components/creater/problem-maintain';
+import {
+  updateProblemDescription,
+  updateProblemTitle,
+} from "@/components/creater/problem-maintain";
 import { Locale } from "@/generated/client";
 
-export default function EditDescriptionPanel({ problemId }: { problemId: string }) {
+export default function EditDescriptionPanel({
+  problemId,
+}: {
+  problemId: string;
+}) {
   const [locales, setLocales] = useState<string[]>([]);
   const [currentLocale, setCurrentLocale] = useState<string>("");
   const [customLocale, setCustomLocale] = useState("");
 
   const [description, setDescription] = useState({ title: "", content: "" });
-  const [viewMode, setViewMode] = useState<"edit" | "preview" | "compare">("edit");
+  const [viewMode, setViewMode] = useState<"edit" | "preview" | "compare">(
+    "edit"
+  );
 
   useEffect(() => {
     async function fetchLocales() {
@@ -31,7 +40,7 @@ export default function EditDescriptionPanel({ problemId }: { problemId: string
         if (langs.length > 0) setCurrentLocale(langs[0]);
       } catch (err) {
         console.error(err);
-        toast.error('获取语言列表失败');
+        toast.error("获取语言列表失败");
       }
     }
     fetchLocales();
@@ -42,10 +51,13 @@ export default function EditDescriptionPanel({ problemId }: { problemId: string
     async function fetchProblem() {
       try {
         const data = await getProblemData(problemId, currentLocale);
-        setDescription({ title: data?.title || "", content: data?.description || "" });
+        setDescription({
+          title: data?.title || "",
+          content: data?.description || "",
+        });
       } catch (err) {
         console.error(err);
-        toast.error('加载题目描述失败');
+        toast.error("加载题目描述失败");
       }
     }
     fetchProblem();
@@ -63,21 +75,29 @@ export default function EditDescriptionPanel({ problemId }: { problemId: string
 
   const handleSave = async (): Promise<void> => {
     if (!currentLocale) {
-      toast.error('请选择语言');
+      toast.error("请选择语言");
       return;
     }
     try {
       const locale = currentLocale as Locale;
-      const resTitle = await updateProblemTitle(problemId, locale, description.title);
+      const resTitle = await updateProblemTitle(
-      const resDesc = await updateProblemDescription(problemId, locale, description.content);
+        problemId,
+        locale,
+        description.title
+      );
+      const resDesc = await updateProblemDescription(
+        problemId,
+        locale,
+        description.content
+      );
       if (resTitle.success && resDesc.success) {
-        toast.success('保存成功');
+        toast.success("保存成功");
       } else {
-        toast.error('保存失败');
+        toast.error("保存失败");
       }
     } catch (err) {
       console.error(err);
-      toast.error('保存异常');
+      toast.error("保存异常");
     }
   };
 
@@ -117,7 +137,9 @@ export default function EditDescriptionPanel({ problemId }: { problemId: string
           <Input
             id="description-title"
             value={description.title}
-                onChange={(e) => setDescription({ ...description, title: e.target.value })}
+            onChange={(e) =>
+              setDescription({ ...description, title: e.target.value })
+            }
             placeholder="输入题目标题"
           />
         </div>
@@ -134,7 +156,9 @@ export default function EditDescriptionPanel({ problemId }: { problemId: string
           <Button
             type="button"
             variant={viewMode === "preview" ? "default" : "outline"}
-                onClick={() => setViewMode(viewMode === "preview" ? "edit" : "preview")}
+            onClick={() =>
+              setViewMode(viewMode === "preview" ? "edit" : "preview")
+            }
           >
             {viewMode === "preview" ? "取消" : "预览"}
           </Button>
@@ -148,12 +172,20 @@ export default function EditDescriptionPanel({ problemId }: { problemId: string
         </div>
 
         {/* 编辑/预览区域 */}
-          <div className={viewMode === "compare" ? "grid grid-cols-2 gap-6" : "flex flex-col gap-6"}>
+        <div
+          className={
+            viewMode === "compare"
+              ? "grid grid-cols-2 gap-6"
+              : "flex flex-col gap-6"
+          }
+        >
           {(viewMode === "edit" || viewMode === "compare") && (
             <div className="relative h-[600px]">
               <CoreEditor
                 value={description.content}
-                      onChange={(newVal) => setDescription({ ...description, content: newVal || "" })}
+                onChange={(newVal) =>
+                  setDescription({ ...description, content: newVal || "" })
+                }
                 language="markdown"
                 className="absolute inset-0 rounded-md border border-input"
               />
@@ -161,7 +193,10 @@ export default function EditDescriptionPanel({ problemId }: { problemId: string
           )}
           {viewMode !== "edit" && (
             <div className="prose dark:prose-invert">
-                  <MdxPreview source={description.content} components={{ Accordion, VideoEmbed }} />
+              <MdxPreview
+                source={description.content}
+                components={{ Accordion, VideoEmbed }}
+              />
             </div>
           )}
         </div>

src/components/creater/edit-detail-panel.tsx

@@ -7,7 +7,7 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { getProblemData } from "@/app/actions/getProblem";
 import { toast } from "sonner";
-import { updateProblemDetail } from '@/components/creater/problem-maintain';
+import { updateProblemDetail } from "@/components/creater/problem-maintain";
 import { Difficulty } from "@/generated/client";
 
 export default function EditDetailPanel({ problemId }: { problemId: string }) {
@@ -32,7 +32,7 @@ export default function EditDetailPanel({ problemId }: { problemId: string }) {
         });
       } catch (error) {
         console.error("获取题目信息失败:", error);
-        toast.error('加载详情失败');
+        toast.error("加载详情失败");
       }
     }
     fetchData();
@@ -66,13 +66,13 @@ export default function EditDetailPanel({ problemId }: { problemId: string }) {
         isPublished: problemDetails.isPublished,
       });
       if (res.success) {
-        toast.success('保存成功');
+        toast.success("保存成功");
       } else {
-        toast.error('保存失败');
+        toast.error("保存失败");
       }
     } catch (err) {
-      console.error('保存异常:', err);
+      console.error("保存异常:", err);
-      toast.error('保存异常');
+      toast.error("保存异常");
     }
   };
 
@@ -138,7 +138,10 @@ export default function EditDetailPanel({ problemId }: { problemId: string }) {
               type="checkbox"
               checked={problemDetails.isPublished}
               onChange={(e) =>
-                      setProblemDetails({ ...problemDetails, isPublished: e.target.checked })
+                setProblemDetails({
+                  ...problemDetails,
+                  isPublished: e.target.checked,
+                })
               }
               className="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 focus:ring-2"
             />

src/components/creater/edit-solution-panel.tsx

@@ -12,16 +12,22 @@ import { getProblemLocales } from "@/app/actions/getProblemLocales";
 import { Accordion } from "@/components/ui/accordion";
 import { VideoEmbed } from "@/components/content/video-embed";
 import { toast } from "sonner";
-import { updateProblemSolution } from '@/components/creater/problem-maintain';
+import { updateProblemSolution } from "@/components/creater/problem-maintain";
 import { Locale } from "@/generated/client";
 
-export default function EditSolutionPanel({ problemId }: { problemId: string }) {
+export default function EditSolutionPanel({
+  problemId,
+}: {
+  problemId: string;
+}) {
   const [locales, setLocales] = useState<string[]>([]);
   const [currentLocale, setCurrentLocale] = useState<string>("");
   const [customLocale, setCustomLocale] = useState("");
 
   const [solution, setSolution] = useState({ title: "", content: "" });
-  const [viewMode, setViewMode] = useState<"edit" | "preview" | "compare">("edit");
+  const [viewMode, setViewMode] = useState<"edit" | "preview" | "compare">(
+    "edit"
+  );
 
   useEffect(() => {
     async function fetchLocales() {
@@ -31,7 +37,7 @@ export default function EditSolutionPanel({ problemId }: { problemId: string })
         if (langs.length > 0) setCurrentLocale(langs[0]);
       } catch (err) {
         console.error(err);
-        toast.error('获取语言列表失败');
+        toast.error("获取语言列表失败");
       }
     }
     fetchLocales();
@@ -42,10 +48,13 @@ export default function EditSolutionPanel({ problemId }: { problemId: string })
     async function fetchSolution() {
       try {
         const data = await getProblemData(problemId, currentLocale);
-        setSolution({ title: (data?.title || "") + " 解析", content: data?.solution || "" });
+        setSolution({
+          title: (data?.title || "") + " 解析",
+          content: data?.solution || "",
+        });
       } catch (err) {
         console.error(err);
-        toast.error('加载题目解析失败');
+        toast.error("加载题目解析失败");
       }
     }
     fetchSolution();
@@ -53,7 +62,7 @@ export default function EditSolutionPanel({ problemId }: { problemId: string })
 
   const handleAddCustomLocale = () => {
     if (customLocale && !locales.includes(customLocale)) {
-      setLocales(prev => [...prev, customLocale]);
+      setLocales((prev) => [...prev, customLocale]);
       setCurrentLocale(customLocale);
       setCustomLocale("");
       setSolution({ title: "", content: "" });
@@ -62,20 +71,24 @@ export default function EditSolutionPanel({ problemId }: { problemId: string })
 
   const handleSave = async (): Promise<void> => {
     if (!currentLocale) {
-      toast.error('请选择语言');
+      toast.error("请选择语言");
       return;
     }
     try {
       const locale = currentLocale as Locale;
-      const res = await updateProblemSolution(problemId, locale, solution.content);
+      const res = await updateProblemSolution(
+        problemId,
+        locale,
+        solution.content
+      );
       if (res.success) {
-        toast.success('保存成功');
+        toast.success("保存成功");
       } else {
-        toast.error('保存失败');
+        toast.error("保存失败");
       }
     } catch (err) {
       console.error(err);
-      toast.error('保存异常');
+      toast.error("保存异常");
     }
   };
 
@@ -105,7 +118,9 @@ export default function EditSolutionPanel({ problemId }: { problemId: string })
               value={customLocale}
               onChange={(e) => setCustomLocale(e.target.value)}
             />
-              <Button type="button" onClick={handleAddCustomLocale}>添加</Button>
+            <Button type="button" onClick={handleAddCustomLocale}>
+              添加
+            </Button>
           </div>
         </div>
 
@@ -115,7 +130,9 @@ export default function EditSolutionPanel({ problemId }: { problemId: string })
           <Input
             id="solution-title"
             value={solution.title}
-                onChange={(e) => setSolution({ ...solution, title: e.target.value })}
+            onChange={(e) =>
+              setSolution({ ...solution, title: e.target.value })
+            }
             placeholder="输入题解标题"
             disabled
           />
@@ -123,20 +140,46 @@ export default function EditSolutionPanel({ problemId }: { problemId: string })
 
         {/* 编辑/预览切换 */}
         <div className="flex space-x-2">
-            <Button type="button" variant={viewMode === "edit" ? "default" : "outline"} onClick={() => setViewMode("edit")}>编辑</Button>
+          <Button
-            <Button type="button" variant={viewMode === "preview" ? "default" : "outline"} onClick={() => setViewMode(viewMode === "preview" ? "edit" : "preview")}>
+            type="button"
+            variant={viewMode === "edit" ? "default" : "outline"}
+            onClick={() => setViewMode("edit")}
+          >
+            编辑
+          </Button>
+          <Button
+            type="button"
+            variant={viewMode === "preview" ? "default" : "outline"}
+            onClick={() =>
+              setViewMode(viewMode === "preview" ? "edit" : "preview")
+            }
+          >
             {viewMode === "preview" ? "取消" : "预览"}
           </Button>
-            <Button type="button" variant={viewMode === "compare" ? "default" : "outline"} onClick={() => setViewMode("compare")}>对比</Button>
+          <Button
+            type="button"
+            variant={viewMode === "compare" ? "default" : "outline"}
+            onClick={() => setViewMode("compare")}
+          >
+            对比
+          </Button>
         </div>
 
         {/* 编辑/预览区域 */}
-          <div className={viewMode === "compare" ? "grid grid-cols-2 gap-6" : "flex flex-col gap-6"}>
+        <div
+          className={
+            viewMode === "compare"
+              ? "grid grid-cols-2 gap-6"
+              : "flex flex-col gap-6"
+          }
+        >
           {(viewMode === "edit" || viewMode === "compare") && (
             <div className="relative h-[600px]">
               <CoreEditor
                 value={solution.content}
-                      onChange={(val) => setSolution({ ...solution, content: val || "" })}
+                onChange={(val) =>
+                  setSolution({ ...solution, content: val || "" })
+                }
                 language="markdown"
                 className="absolute inset-0 rounded-md border border-input"
               />
@@ -144,12 +187,17 @@ export default function EditSolutionPanel({ problemId }: { problemId: string })
           )}
           {viewMode !== "edit" && (
             <div className="prose dark:prose-invert">
-                  <MdxPreview source={solution.content} components={{ Accordion, VideoEmbed }} />
+              <MdxPreview
+                source={solution.content}
+                components={{ Accordion, VideoEmbed }}
+              />
             </div>
           )}
         </div>
 
-          <Button type="button" onClick={handleSave}>保存更改</Button>
+        <Button type="button" onClick={handleSave}>
+          保存更改
+        </Button>
       </CardContent>
     </Card>
   );

src/components/creater/edit-testcase-panel.tsx

@@ -20,7 +20,11 @@ interface Testcase {
   inputs: { name: string; value: string }[];
 }
 
-export default function EditTestcasePanel({ problemId }: { problemId: string }) {
+export default function EditTestcasePanel({
+  problemId,
+}: {
+  problemId: string;
+}) {
   const [testcases, setTestcases] = useState<Testcase[]>([]);
   const [isGenerating, setIsGenerating] = useState(false);
 
@@ -42,7 +46,11 @@ export default function EditTestcasePanel({ problemId }: { problemId: string })
   const handleAddTestcase = () =>
     setTestcases((prev) => [
       ...prev,
-            { id: `new-${Date.now()}-${Math.random()}`, expectedOutput: "", inputs: [{ name: "input1", value: "" }] },
+      {
+        id: `new-${Date.now()}-${Math.random()}`,
+        expectedOutput: "",
+        inputs: [{ name: "input1", value: "" }],
+      },
     ]);
 
   // AI 生成测试用例
@@ -52,7 +60,11 @@ export default function EditTestcasePanel({ problemId }: { problemId: string })
       const ai = await generateAITestcase({ problemId });
       setTestcases((prev) => [
         ...prev,
-                { id: `new-${Date.now()}-${Math.random()}`, expectedOutput: ai.expectedOutput, inputs: ai.inputs },
+        {
+          id: `new-${Date.now()}-${Math.random()}`,
+          expectedOutput: ai.expectedOutput,
+          inputs: ai.inputs,
+        },
       ]);
       window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" });
     } catch (err) {
@@ -106,7 +118,10 @@ export default function EditTestcasePanel({ problemId }: { problemId: string })
   const handleAddInput = (tIdx: number) =>
     setTestcases((prev) => {
       const c = [...prev];
-            const inputs = [...c[tIdx].inputs, { name: `input${c[tIdx].inputs.length + 1}`, value: "" }];
+      const inputs = [
+        ...c[tIdx].inputs,
+        { name: `input${c[tIdx].inputs.length + 1}`, value: "" },
+      ];
       c[tIdx] = { ...c[tIdx], inputs };
       return c;
     });
@@ -125,20 +140,32 @@ export default function EditTestcasePanel({ problemId }: { problemId: string })
     try {
       for (let i = 0; i < testcases.length; i++) {
         const tc = testcases[i];
-                if (tc.expectedOutput.trim() === "" || tc.inputs.some(inp => !inp.name.trim() || !inp.value.trim())) {
+        if (
+          tc.expectedOutput.trim() === "" ||
+          tc.inputs.some((inp) => !inp.name.trim() || !inp.value.trim())
+        ) {
           toast.error(`第 ${i + 1} 个测试用例存在空的输入或输出，保存失败`);
           return;
         }
 
         if (tc.id.startsWith("new-")) {
-                    const res = await addProblemTestcase(problemId, tc.expectedOutput, tc.inputs);
+          const res = await addProblemTestcase(
+            problemId,
+            tc.expectedOutput,
+            tc.inputs
+          );
           if (res.success) {
             toast.success(`新增测试用例 ${i + 1} 成功`);
           } else {
             toast.error(`新增测试用例 ${i + 1} 失败`);
           }
         } else {
-                    const res = await updateProblemTestcase(problemId, tc.id, tc.expectedOutput, tc.inputs);
+          const res = await updateProblemTestcase(
+            problemId,
+            tc.id,
+            tc.expectedOutput,
+            tc.inputs
+          );
           if (res.success) toast.success(`更新测试用例 ${i + 1} 成功`);
           else toast.error(`更新测试用例 ${i + 1} 失败`);
         }
@@ -173,7 +200,10 @@ export default function EditTestcasePanel({ problemId }: { problemId: string })
           <div key={tc.id} className="border p-4 rounded space-y-4">
             <div className="flex justify-between items-center">
               <h3 className="font-medium">测试用例 {idx + 1}</h3>
-                            <Button variant="destructive" onClick={() => handleRemoveTestcase(idx)}>
+              <Button
+                variant="destructive"
+                onClick={() => handleRemoveTestcase(idx)}
+              >
                 删除
               </Button>
             </div>
@@ -181,7 +211,9 @@ export default function EditTestcasePanel({ problemId }: { problemId: string })
               <Label>预期输出</Label>
               <Input
                 value={tc.expectedOutput}
-                                onChange={(e) => handleExpectedOutputChange(idx, e.target.value)}
+                onChange={(e) =>
+                  handleExpectedOutputChange(idx, e.target.value)
+                }
                 placeholder="输入预期输出"
               />
             </div>
@@ -196,7 +228,9 @@ export default function EditTestcasePanel({ problemId }: { problemId: string })
                     <Label>名称</Label>
                     <Input
                       value={inp.name}
-                                            onChange={(e) => handleInputChange(idx, iIdx, "name", e.target.value)}
+                      onChange={(e) =>
+                        handleInputChange(idx, iIdx, "name", e.target.value)
+                      }
                       placeholder="参数名称"
                     />
                   </div>
@@ -204,12 +238,17 @@ export default function EditTestcasePanel({ problemId }: { problemId: string })
                     <Label>值</Label>
                     <Input
                       value={inp.value}
-                                            onChange={(e) => handleInputChange(idx, iIdx, "value", e.target.value)}
+                      onChange={(e) =>
+                        handleInputChange(idx, iIdx, "value", e.target.value)
+                      }
                       placeholder="参数值"
                     />
                   </div>
                   {iIdx > 0 && (
-                                        <Button variant="outline" onClick={() => handleRemoveInput(idx, iIdx)}>
+                    <Button
+                      variant="outline"
+                      onClick={() => handleRemoveInput(idx, iIdx)}
+                    >
                       删除输入
                     </Button>
                   )}

src/components/creater/problem-maintain.tsx

@@ -2,9 +2,23 @@
 
 import prisma from "@/lib/prisma";
 import { revalidatePath } from "next/cache";
-import { Difficulty, Locale, ProblemContentType, Language } from "@/generated/client";
+import {
+  Difficulty,
+  Locale,
+  ProblemContentType,
+  Language,
+} from "@/generated/client";
 
-export async function updateProblemDetail(problemId: string, data: { displayId?: number; difficulty?: Difficulty; timeLimit?: number; memoryLimit?: number; isPublished?: boolean }) {
+export async function updateProblemDetail(
+  problemId: string,
+  data: {
+    displayId?: number;
+    difficulty?: Difficulty;
+    timeLimit?: number;
+    memoryLimit?: number;
+    isPublished?: boolean;
+  }
+) {
   try {
     const updatedProblem = await prisma.problem.update({
       where: { id: problemId },
@@ -13,8 +27,8 @@ export async function updateProblemDetail(problemId: string, data: { displayId?:
         difficulty: data.difficulty,
         timeLimit: data.timeLimit,
         memoryLimit: data.memoryLimit,
-        isPublished: data.isPublished
+        isPublished: data.isPublished,
-      }
+      },
     });
 
     revalidatePath(`/problem-editor/${problemId}`);
@@ -25,25 +39,29 @@ export async function updateProblemDetail(problemId: string, data: { displayId?:
   }
 }
 
-export async function updateProblemDescription(problemId: string, locale: Locale, content: string) {
+export async function updateProblemDescription(
+  problemId: string,
+  locale: Locale,
+  content: string
+) {
   try {
     const updatedLocalization = await prisma.problemLocalization.upsert({
       where: {
         problemId_locale_type: {
           problemId: problemId,
           locale: locale,
-          type: ProblemContentType.DESCRIPTION
+          type: ProblemContentType.DESCRIPTION,
-        }
+        },
       },
       create: {
         problemId: problemId,
         locale: locale,
         type: ProblemContentType.DESCRIPTION,
-        content: content
+        content: content,
       },
       update: {
-        content: content
+        content: content,
-      }
+      },
     });
 
     revalidatePath(`/problem-editor/${problemId}`);
@@ -54,25 +72,29 @@ export async function updateProblemDescription(problemId: string, locale: Locale
   }
 }
 
-export async function updateProblemSolution(problemId: string, locale: Locale, content: string) {
+export async function updateProblemSolution(
+  problemId: string,
+  locale: Locale,
+  content: string
+) {
   try {
     const updatedLocalization = await prisma.problemLocalization.upsert({
       where: {
         problemId_locale_type: {
           problemId: problemId,
           locale: locale,
-          type: ProblemContentType.SOLUTION
+          type: ProblemContentType.SOLUTION,
-        }
+        },
       },
       create: {
         problemId: problemId,
         locale: locale,
         type: ProblemContentType.SOLUTION,
-        content: content
+        content: content,
       },
       update: {
-        content: content
+        content: content,
-      }
+      },
     });
 
     revalidatePath(`/problem-editor/${problemId}`);
@@ -83,23 +105,27 @@ export async function updateProblemSolution(problemId: string, locale: Locale, c
   }
 }
 
-export async function updateProblemTemplate(problemId: string, language: Language, content: string) {
+export async function updateProblemTemplate(
+  problemId: string,
+  language: Language,
+  content: string
+) {
   try {
     const updatedTemplate = await prisma.template.upsert({
       where: {
         problemId_language: {
           problemId: problemId,
-          language: language
+          language: language,
-        }
+        },
       },
       create: {
         problemId: problemId,
         language: language,
-        content: content
+        content: content,
       },
       update: {
-        content: content
+        content: content,
-      }
+      },
     });
 
     revalidatePath(`/problem-editor/${problemId}`);
@@ -110,19 +136,24 @@ export async function updateProblemTemplate(problemId: string, language: Languag
   }
 }
 
-export async function updateProblemTestcase(problemId: string, testcaseId: string, expectedOutput: string, inputs: { name: string; value: string }[]) {
+export async function updateProblemTestcase(
+  problemId: string,
+  testcaseId: string,
+  expectedOutput: string,
+  inputs: { name: string; value: string }[]
+) {
   try {
     // Update testcase
     const updatedTestcase = await prisma.testcase.update({
       where: { id: testcaseId },
       data: {
-        expectedOutput: expectedOutput
+        expectedOutput: expectedOutput,
-      }
+      },
     });
 
     // Delete old inputs
     await prisma.testcaseInput.deleteMany({
-      where: { testcaseId: testcaseId }
+      where: { testcaseId: testcaseId },
     });
 
     // Create new inputs
@@ -131,15 +162,15 @@ export async function updateProblemTestcase(problemId: string, testcaseId: strin
         testcaseId: testcaseId,
         index: index,
         name: input.name,
-        value: input.value
+        value: input.value,
-      }))
+      })),
     });
 
     revalidatePath(`/problem-editor/${problemId}`);
     return {
       success: true,
       testcase: updatedTestcase,
-      inputs: createdInputs
+      inputs: createdInputs,
     };
   } catch (error) {
     console.error("Failed to update problem testcase:", error);
@@ -147,14 +178,18 @@ export async function updateProblemTestcase(problemId: string, testcaseId: strin
   }
 }
 
-export async function addProblemTestcase(problemId: string, expectedOutput: string, inputs: { name: string; value: string }[]) {
+export async function addProblemTestcase(
+  problemId: string,
+  expectedOutput: string,
+  inputs: { name: string; value: string }[]
+) {
   try {
     // Create testcase
     const newTestcase = await prisma.testcase.create({
       data: {
         problemId: problemId,
-        expectedOutput: expectedOutput
+        expectedOutput: expectedOutput,
-      }
+      },
     });
 
     // Create inputs
@@ -163,15 +198,15 @@ export async function addProblemTestcase(problemId: string, expectedOutput: stri
         testcaseId: newTestcase.id,
         index: index,
         name: input.name,
-        value: input.value
+        value: input.value,
-      }))
+      })),
     });
 
     revalidatePath(`/problem-editor/${problemId}`);
     return {
       success: true,
       testcase: newTestcase,
-      inputs: createdInputs
+      inputs: createdInputs,
     };
   } catch (error) {
     console.error("Failed to add problem testcase:", error);
@@ -179,10 +214,13 @@ export async function addProblemTestcase(problemId: string, expectedOutput: stri
   }
 }
 
-export async function deleteProblemTestcase(problemId: string, testcaseId: string) {
+export async function deleteProblemTestcase(
+  problemId: string,
+  testcaseId: string
+) {
   try {
     const deletedTestcase = await prisma.testcase.delete({
-      where: { id: testcaseId }
+      where: { id: testcaseId },
     });
 
     revalidatePath(`/problem-editor/${problemId}`);

src/types/ai-testcase.ts

@@ -1,21 +1,19 @@
-import {z} from "zod";
+import { z } from "zod";
 
 export const AITestCaseInputSchema = z.object({
   problemId: z.string(),
-})
+});
 
-export type AITestCaseInput = z.infer<typeof AITestCaseInputSchema>
+export type AITestCaseInput = z.infer<typeof AITestCaseInputSchema>;
 
 const input = z.object({
   name: z.string(),
-    value: z.string()
+  value: z.string(),
-})
+});
 
 export const AITestCaseOutputSchema = z.object({
   expectedOutput: z.string(),
-    inputs: z.array(input)
+  inputs: z.array(input),
-})
+});
-
-export type AITestCaseOutput = z.infer<typeof AITestCaseOutputSchema>
-
 
+export type AITestCaseOutput = z.infer<typeof AITestCaseOutputSchema>;