Update src/components/MessageBubble.jsx

src/components/MessageBubble.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import CodeBlock from './CodeBlock';
 
- const formatText = (text) => {
+  const formatText = (text) => {
   // ✅ Handle base64 images
   const imageRegex = /\[IMAGE_START\](.*?)\[IMAGE_END\]/gs;
   text = text.replace(imageRegex, (match, base64) => {
@@ -40,21 +40,21 @@ import CodeBlock from './CodeBlock';
   };
   text = text.replace(/:([a-z0-9_+-]+):/g, (match, name) => emojiMap[name] || match);
   // ✅ Unordered list (bullets)
-const listify = (lines, tag) =>
-  `<${tag}>` +
-  lines.map(item => `<li>${item.replace(/^(\-|\d+\.)\s*/, '').trim()}</li>`).join('') +
-  `</${tag}>`;
-
-text = text.replace(
-  /((?:^[-*] .+(?:\n|$))+)/gm,
-  (match) => listify(match.trim().split('\n'), 'ul')
-);
-
-// ✅ Ordered list (numbers like 1. 2. etc.)
-text = text.replace(
-  /((?:^\d+\. .+(?:\n|$))+)/gm,
-  (match) => listify(match.trim().split('\n'), 'ol')
-);
+  const listify = (lines, tag) =>
+    `<${tag}>` +
+    lines.map(item => `<li>${item.replace(/^(\-|\d+\.)\s*/, '').trim()}</li>`).join('') +
+    `</${tag}>`;
+  text = text.replace(
+    /((?:^[-*] .+(?:\n|$))+)/gm,
+    (match) => listify(match.trim().split('\n'), 'ul')
+  );
+  // ✅ Ordered list (fix separate `1.` items issue)
+  text = text.replace(/^(\d+\. .+)$/gm, '__ORDERED__START__$1__ORDERED__END__');
+  text = text.replace(
+    /__ORDERED__START__(\d+\. .+?)__ORDERED__END__/gs,
+    (_, line) => `<ol><li>${line.replace(/^\d+\.\s*/, '')}</li></ol>`
+  );
+  text = text.replace(/<\/ol>\s*<ol>/g, '');
   // ✅ Markdown-style tables
   text = text.replace(
     /^\|(.+?)\|\n\|([-:| ]+)\|\n((?:\|.*\|\n?)*)/gm,