utils.js: reorder mermaid inside Changes

src/utils.js

@@ -24,6 +24,7 @@ Desired format:
 \n`
 
 const re = /(### Changes[\s\S]*?\n)###\s/g
+const mermaidRe = /```mermaid\n[\s\S]*?```/g
 
 export async function explainPatchHelper (patchBody, owner, repo, models, debug, getResponse) {
   models = Array.isArray(models) ? models : models.split(' ')
@@ -53,12 +54,20 @@ export async function explainPatchHelper (patchBody, owner, repo, models, debug,
     }
   }
 
+  const diagrams = []
+  // put diagrams inside Changes section
+  for (const match of response.matchAll(mermaidRe)) {
+    const diagram = match[0]
+    response = response.replace(diagram, '')
+    diagrams.push(diagram)
+  }
+
   response = response.replaceAll('### Changes', '<details>\n<summary><i>Changes</i></summary>\n\n### Changes')
 
   if (re.test(response)) {
-    response = response.replaceAll(/(### Changes[\s\S]*?\n)###\s/g, '$1\n</details>\n\n### ')
+    response = response.replaceAll(/(### Changes[\s\S]*?\n)###\s/g, `$1${diagrams.join('\n')}\n</details>\n\n### `)
   } else {
-    response += '\n</details>'
+    response += `${diagrams.join('\n')}\n</details>`
   }
   response += `\n\n<!-- Generated by ${model} -->`
   return response