From 0407d588dd943ededdab4c4568e9a8872ec4fd27 Mon Sep 17 00:00:00 2001
From: sw3205933776 <3205933776@qq.com>
Date: Thu, 16 Oct 2025 14:58:09 +0800
Subject: [PATCH] fix: correct ordered list rendering in Markdown where all
 items appeared as "1."

---
 src/components/ChatBox/MarkDown.tsx  | 16 ++++++++--------
 src/components/WorkFlow/MarkDown.tsx | 16 ++++++++--------
 src/style/index.css                  |  5 +++++
 3 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/components/ChatBox/MarkDown.tsx b/src/components/ChatBox/MarkDown.tsx
index fd5d6ce9f..c0ce71331 100644
--- a/src/components/ChatBox/MarkDown.tsx
+++ b/src/components/ChatBox/MarkDown.tsx
@@ -49,7 +49,7 @@ export const MarkDown = memo(
 		}, [content, speed, enableTypewriter, onTyping]);
 
 		return (
-			<div className="max-w-none">
+			<div className="max-w-none markdown-container">
 				<ReactMarkdown
 					remarkPlugins={[remarkGfm]}
 					components={{
@@ -83,13 +83,13 @@ export const MarkDown = memo(
 								{children}
 							</ul>
 						),
-						ol: ({ children }) => (
-							<ol
-								className={`list-decimal list-inside text-[13px] text-primary mb-2 ${olPadding}`}
-							>
-								{children}
-							</ol>
-						),
+						// ol: ({ children }) => (
+						// 	<ol
+						// 		className={`list-decimal list-inside text-[13px] text-primary mb-2 ${olPadding}`}
+						// 	>
+						// 		{children}
+						// 	</ol>
+						// ),
 						li: ({ children }) => (
 							<li className="mb-1 list-inside">{children}</li>
 						),
diff --git a/src/components/WorkFlow/MarkDown.tsx b/src/components/WorkFlow/MarkDown.tsx
index 66056736e..cdeebba81 100644
--- a/src/components/WorkFlow/MarkDown.tsx
+++ b/src/components/WorkFlow/MarkDown.tsx
@@ -48,7 +48,7 @@ export const MarkDown = ({
 		return text.replace(/\\n/g, "  \n "); // add two spaces before \n, so ReactMarkdown will recognize it as a line break
 	};
 	return (
-		<div className="prose prose-sm w-full select-text pointer-events-auto overflow-x-auto">
+		<div className="prose prose-sm w-full select-text pointer-events-auto overflow-x-auto markdown-container">
 			<ReactMarkdown
 				remarkPlugins={[remarkGfm]}
 				components={{
@@ -81,13 +81,13 @@ export const MarkDown = ({
 							{children}
 						</ul>
 					),
-					ol: ({ children }) => (
-						<ol
-							className={`list-decimal list-inside text-xs text-primary mb-1 ${olPadding}`}
-						>
-							{children}
-						</ol>
-					),
+					// ol: ({ children }) => (
+					// 	<ol
+					// 		className={`list-decimal list-inside text-xs text-primary mb-1 ${olPadding}`}
+					// 	>
+					// 		{children}
+					// 	</ol>
+					// ),
 					li: ({ children }) => (
 						<li className="mb-1 list-inside break-all">{children}</li>
 					),
diff --git a/src/style/index.css b/src/style/index.css
index 46a11b36a..df6441f0e 100644
--- a/src/style/index.css
+++ b/src/style/index.css
@@ -357,4 +357,9 @@ code {
 .stack-login-btn,
 .stack-login-btn button {
   width: 100%;
+}
+
+.markdown-container ol {
+  padding-left: 1rem;
+  font-size: 12px; /* text-sm */
 }
\ No newline at end of file