From 61d9143acb09ea6b6dd5077de45fda0870c98814 Mon Sep 17 00:00:00 2001
From: darshanr0107 <darshan@mermaidchart.com>
Date: Wed, 20 Aug 2025 21:00:27 +0530
Subject: [PATCH] fix: cose-bilkent as the default layout for mindmaps

on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>
---
 .../rendering/mindmap-tidy-tree.spec.js       | 20 +++++++++++++++----
 cypress/platform/mindmap-layouts.html         |  4 ++++
 packages/mermaid/src/preprocess.ts            |  2 +-
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/cypress/integration/rendering/mindmap-tidy-tree.spec.js b/cypress/integration/rendering/mindmap-tidy-tree.spec.js
index 30e65b6aa..e111c281a 100644
--- a/cypress/integration/rendering/mindmap-tidy-tree.spec.js
+++ b/cypress/integration/rendering/mindmap-tidy-tree.spec.js
@@ -3,7 +3,10 @@ import { imgSnapshotTest } from '../../helpers/util.ts';
 describe('Mindmap Tidy Tree', () => {
   it('1-tidy-tree: should render a simple mindmap without children', () => {
     imgSnapshotTest(
-      `
+      ` ---
+      config:
+        layout: tidy-tree
+      ---
       mindmap
       root((mindmap))
         A
@@ -13,7 +16,10 @@ describe('Mindmap Tidy Tree', () => {
   });
   it('2-tidy-tree: should render a simple mindmap', () => {
     imgSnapshotTest(
-      `
+      ` ---
+      config:
+        layout: tidy-tree
+      ---
       mindmap
       root((mindmap is a long thing))
         A
@@ -25,7 +31,10 @@ describe('Mindmap Tidy Tree', () => {
   });
   it('3-tidy-tree: should render a  mindmap with different shapes', () => {
     imgSnapshotTest(
-      `
+      ` ---
+      config:
+        layout: tidy-tree
+      ---
       mindmap
       root((mindmap))
         Origins
@@ -49,7 +58,10 @@ describe('Mindmap Tidy Tree', () => {
   });
   it('4-tidy-tree: should render a mindmap with children', () => {
     imgSnapshotTest(
-      `
+      ` ---
+      config:
+        layout: tidy-tree
+      ---
        mindmap
       ((This is a mindmap))
         child1
diff --git a/cypress/platform/mindmap-layouts.html b/cypress/platform/mindmap-layouts.html
index 7639c7e7a..0aef65d42 100644
--- a/cypress/platform/mindmap-layouts.html
+++ b/cypress/platform/mindmap-layouts.html
@@ -362,6 +362,10 @@
     <hr />
     <script type="module">
       import mermaid from '/mermaid.esm.mjs';
+      import tidytree from '/mermaid-layout-tidy-tree.esm.mjs';
+      import layouts from './mermaid-layout-elk.esm.mjs';
+      mermaid.registerLayoutLoaders(layouts);
+      mermaid.registerLayoutLoaders(tidytree);
       mermaid.initialize({
         theme: 'default',
         logLevel: 3,
diff --git a/packages/mermaid/src/preprocess.ts b/packages/mermaid/src/preprocess.ts
index 7e3a50b8b..810dc48f2 100644
--- a/packages/mermaid/src/preprocess.ts
+++ b/packages/mermaid/src/preprocess.ts
@@ -29,7 +29,7 @@ const processFrontmatter = (code: string) => {
     config.gantt.displayMode = displayMode;
   }
   if (diagramType === 'mindmap' && !config.layout) {
-    config.layout = 'tidy-tree';
+    config.layout = 'cose-bilkent'; // Default layout for mindmap
   }
   return { title, config, text };
 };