Update web/src/components/Message.tsx

web/src/components/Message.tsx

@@ -195,98 +195,64 @@ export function Message({
         remarkPlugins={[remarkGfm]}
         className={markdownClass}
         components={{
-          // paragraphs: keep compact and preserve line breaks
-          p: ({ children, ...props }) => (
-            <p className="whitespace-pre-wrap break-words" {...props}>
+          p: ({ children }) => (
+            <p className="my-2 whitespace-pre-wrap break-words">
               {children}
             </p>
           ),
-
-          // unordered list: "product" bullet style (dot), but if emoji-leading, no dot
-          ul: ({ children, ...props }) => (
-            <ul className="my-2 space-y-2 pl-0" {...props}>
+        
+          /* ---------- Unordered list (· bullet) ---------- */
+          ul: ({ children }) => (
+            <ul className="my-3 pl-6 space-y-2">
               {children}
             </ul>
           ),
-
-          // ordered list: keep decimal marker but nicer spacing + prevent huge gaps
-          ol: ({ children, ...props }) => (
-            <ol
-              className="my-2 space-y-4 pl-6 list-decimal marker:font-semibold marker:text-foreground/60"
-              {...props}
-            >
+        
+          /* ---------- Ordered list (1. 2. 3.) ---------- */
+          ol: ({ children }) => (
+            <ol className="my-3 pl-6 space-y-4 list-decimal">
               {children}
             </ol>
           ),
-
-          li: ({ children, node, ...props }) => {
-            const parentTag = (node as any)?.parent?.tagName;
-
-            // For UL: custom bullet layout
-            if (parentTag === "ul") {
-              const first = firstTextish(children);
-              const emoji = startsWithEmojiBullet(first);
-
+        
+          li: ({ children, node }) => {
+            const parent = (node as any)?.parent?.tagName;
+        
+            // —— unordered list: custom dot, aligned & clean
+            if (parent === "ul") {
               return (
-                <li className="list-none" {...props}>
-                  <div className="flex gap-2">
-                    {!emoji ? (
-                      <span className="mt-[0.62rem] h-1.5 w-1.5 rounded-full bg-foreground/40 flex-shrink-0" />
-                    ) : null}
-                    <div className="min-w-0">{children}</div>
+                <li className="list-none">
+                  <div className="flex items-start gap-2">
+                    {/* dot */}
+                    <span className="mt-[0.6em] h-1.5 w-1.5 rounded-full bg-foreground/50 flex-shrink-0" />
+                    {/* content */}
+                    <div className="min-w-0">
+                      {children}
+                    </div>
                   </div>
                 </li>
               );
             }
-
-            // For OL: keep marker, but tighten inner spacing
+        
+            // —— ordered list: tighten spacing, align text
             return (
-              <li className="pl-1 [&_p]:my-1" {...props}>
+              <li className="pl-1">
                 {children}
               </li>
             );
           },
-
-          strong: ({ children, ...props }) => (
-            <strong className="font-semibold" {...props}>
+        
+          strong: ({ children }) => (
+            <strong className="font-semibold">
               {children}
             </strong>
           ),
-
-          em: ({ children, ...props }) => (
-            <em className="italic" {...props}>
+        
+          em: ({ children }) => (
+            <em className="italic">
               {children}
             </em>
           ),
-
-          code: ({ children, ...props }) => (
-            <code
-              className="px-1 py-0.5 rounded bg-black/5 dark:bg-white/10"
-              {...props}
-            >
-              {children}
-            </code>
-          ),
-
-          pre: ({ children, ...props }) => (
-            <pre
-              className="my-2 p-3 rounded-lg overflow-auto bg-black/5 dark:bg-white/10"
-              {...props}
-            >
-              {children}
-            </pre>
-          ),
-
-          a: ({ children, ...props }) => (
-            <a
-              className="underline underline-offset-2"
-              target="_blank"
-              rel="noreferrer"
-              {...props}
-            >
-              {children}
-            </a>
-          ),
         }}
       >
         {normalizedMarkdown}