chore(deps): update eslint

Merge 11.12.1 back to develop
Merge pull request #5814 from kairi003/feature/4706_allow_notes_in_namespace
2025-10-29 09:54:10 +01:00 · 2025-10-28 10:26:07 +00:00 · 2025-10-28 11:23:19 +01:00 · 2025-10-27 19:21:00 +00:00 · 2025-10-27 18:35:34 +05:30 · 2025-10-27 12:08:22 +00:00
58 changed files with 691 additions and 769 deletions
--- a/.changeset/brave-memes-flash.md
+++ b/.changeset/brave-memes-flash.md
@@ -0,0 +1,5 @@
+---
+'mermaid': patch
+---
+
+fix: Support edge animation in hand drawn look
--- a/.changeset/busy-mirrors-try.md
+++ b/.changeset/busy-mirrors-try.md
@@ -0,0 +1,5 @@
+---
+'mermaid': patch
+---
+
+fix: Resolved parsing error where direction TD was not recognized within subgraphs
--- a/.changeset/chilly-words-march.md
+++ b/.changeset/chilly-words-march.md
@@ -0,0 +1,5 @@
+---
+'mermaid': patch
+---
+
+fix: Correct viewBox casing and make SVGs responsive
--- a/.changeset/curly-apes-prove.md
+++ b/.changeset/curly-apes-prove.md
@@ -0,0 +1,5 @@
+---
+'mermaid': patch
+---
+
+fix: Improve participant parsing and prevent recursive loops on invalid syntax
--- a/.changeset/deep-pumas-run.md
+++ b/.changeset/deep-pumas-run.md
@@ -1,5 +0,0 @@
---
-'mermaid': patch
---
-
-chore: Fix mindmap rendering in docs and apply tidytree layout
--- a/.changeset/four-eyes-wish.md
+++ b/.changeset/four-eyes-wish.md
@@ -1,5 +0,0 @@
---
-'mermaid': patch
---
-
-fix: Ensure edge label color is applied when using classDef with edge IDs
--- a/.changeset/moody-fans-try.md
+++ b/.changeset/moody-fans-try.md
@@ -1,5 +0,0 @@
---
-'mermaid': patch
---
-
-fix: Resolve gantt chart crash due to invalid array length
--- a/.changeset/proud-colts-smell.md
+++ b/.changeset/proud-colts-smell.md
@@ -1,5 +0,0 @@
---
-'mermaid': minor
---
-
-feat: Add IDs in architecture diagrams
--- a/.changeset/revert-marked-dependency.md
+++ b/.changeset/revert-marked-dependency.md
@@ -1,9 +0,0 @@
---
-'mermaid': patch
---
-
-chore: revert marked dependency from ^15.0.7 to ^16.0.0
-
- Reverted marked package version to ^16.0.0 for better compatibility
- This is a dependency update that maintains API compatibility
- All tests pass with the updated version
--- a/.changeset/short-seals-sort.md
+++ b/.changeset/short-seals-sort.md
@@ -0,0 +1,5 @@
+---
+'mermaid': minor
+---
+
+feat: allow to put notes in namespaces on classDiagram
--- a/2
+++ b/2
@@ -5,7 +5,7 @@ USER 0:0
 RUN corepack enable \
    && corepack enable pnpm

-RUN apk add --no-cache git~=2.43.4 \
+RUN apk add --no-cache git~=2.43 \
    && git config --add --system safe.directory /mermaid

 ENV NODE_OPTIONS="--max_old_space_size=8192"
--- a/cypress/helpers/util.ts
+++ b/cypress/helpers/util.ts
@@ -6,6 +6,7 @@ interface CypressConfig {
  listUrl?: boolean;
  listId?: string;
  name?: string;
+  screenshot?: boolean;
 }
 type CypressMermaidConfig = MermaidConfig & CypressConfig;

@@ -90,7 +91,7 @@ export const renderGraph = (

 export const openURLAndVerifyRendering = (
  url: string,
-  options: CypressMermaidConfig,
+  { screenshot = true, ...options }: CypressMermaidConfig,
  validation?: any
 ): void => {
  const name: string = (options.name ?? cy.state('runnable').fullTitle()).replace(/\s+/g, '-');
@@ -98,12 +99,15 @@ export const openURLAndVerifyRendering = (
  cy.visit(url);
  cy.window().should('have.property', 'rendered', true);
  cy.get('svg').should('be.visible');
+  cy.get('svg').should('not.have.attr', 'viewbox');

  if (validation) {
    cy.get('svg').should(validation);
  }

-  verifyScreenshot(name);
+  if (screenshot) {
+    verifyScreenshot(name);
+  }
 };

 export const verifyScreenshot = (name: string): void => {
--- a/cypress/integration/rendering/classDiagram-v2.spec.js
+++ b/cypress/integration/rendering/classDiagram-v2.spec.js
@@ -562,6 +562,20 @@ class C13["With Città foreign language"]
      `
    );
  });
+  it('should add notes in namespaces', function () {
+    imgSnapshotTest(
+      `
+      classDiagram
+      note "This is a outer note"
+      note for C1 "This is a outer note for C1"
+      namespace Namespace1 {
+        note "This is a inner note"
+        note for C1 "This is a inner note for C1"
+        class C1
+      }
+      `
+    );
+  });
  it('should render a simple class diagram with no members', () => {
    imgSnapshotTest(
      `
--- a/cypress/integration/rendering/classDiagram-v3.spec.js
+++ b/cypress/integration/rendering/classDiagram-v3.spec.js
@@ -709,6 +709,20 @@ class C13["With Città foreign language"]
      `
    );
  });
+  it('should add notes in namespaces', function () {
+    imgSnapshotTest(
+      `
+      classDiagram
+      note "This is a outer note"
+      note for C1 "This is a outer note for C1"
+      namespace Namespace1 {
+        note "This is a inner note"
+        note for C1 "This is a inner note for C1"
+        class C1
+      }
+      `
+    );
+  });
  it('should render a simple class diagram with no members', () => {
    imgSnapshotTest(
      `
--- a/cypress/integration/rendering/flowchart-handDrawn.spec.js
+++ b/cypress/integration/rendering/flowchart-handDrawn.spec.js
@@ -1029,4 +1029,19 @@ graph TD
      }
    );
  });
+
+  it('FDH49: should add edge animation', () => {
+    renderGraph(
+      `
+      flowchart TD
+          A(["Start"]) L_A_B_0@--> B{"Decision"}
+          B --> C["Option A"] & D["Option B"]
+          style C stroke-width:4px,stroke-dasharray: 5
+          L_A_B_0@{ animation: slow } 
+          L_B_D_0@{ animation: fast }`,
+      { look: 'handDrawn', screenshot: false }
+    );
+    cy.get('path#L_A_B_0').should('have.class', 'edge-animation-slow');
+    cy.get('path#L_B_D_0').should('have.class', 'edge-animation-fast');
+  });
 });
--- a/cypress/integration/rendering/flowchart.spec.js
+++ b/cypress/integration/rendering/flowchart.spec.js
@@ -774,6 +774,21 @@ describe('Graph', () => {
      expect(svg).to.not.have.attr('style');
    });
  });
+  it('40: should add edge animation', () => {
+    renderGraph(
+      `
+      flowchart TD
+          A(["Start"]) L_A_B_0@--> B{"Decision"}
+          B --> C["Option A"] & D["Option B"]
+          style C stroke-width:4px,stroke-dasharray: 5
+          L_A_B_0@{ animation: slow } 
+          L_B_D_0@{ animation: fast }`,
+      { screenshot: false }
+    );
+    // Verify animation classes are applied to both edges
+    cy.get('path#L_A_B_0').should('have.class', 'edge-animation-slow');
+    cy.get('path#L_B_D_0').should('have.class', 'edge-animation-fast');
+  });
  it('58: handle styling with style expressions', () => {
    imgSnapshotTest(
      `
@@ -973,4 +988,19 @@ graph TD
      }
    );
  });
+
+  it('70: should render a subgraph with direction TD', () => {
+    imgSnapshotTest(
+      `
+      flowchart LR
+        subgraph A
+          direction TD
+          a --> b
+        end
+      `,
+      {
+        fontFamily: 'courier',
+      }
+    );
+  });
 });
--- a/cypress/platform/e2e.html
+++ b/cypress/platform/e2e.html
@@ -6,14 +6,6 @@
      href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
      rel="stylesheet"
    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
-    />
-    <link
-      href="https://cdn.jsdelivr.net/npm/@mdi/font@6.9.96/css/materialdesignicons.min.css"
-      rel="stylesheet"
-    />
    <style>
      svg:not(svg svg) {
        border: 2px solid darkred;
--- a/cypress/platform/yari.html
+++ b/cypress/platform/yari.html
@@ -603,6 +603,10 @@
      </div>
      <div class="test">
        <pre class="mermaid">
+          ---
+            config:
+              theme: dark
+          ---
          classDiagram
            test ()--() test2
        </pre>
--- a/demos/classchart.html
+++ b/demos/classchart.html
@@ -184,6 +184,7 @@
      }
      Admin --> Report : generates
    </pre>
+    <hr />
    <pre class="mermaid">
    classDiagram
      namespace Company.Project.Module {
@@ -240,6 +241,20 @@
      Bike --> Square : "Logo Shape"

    </pre>
+    <hr />
+    <pre class="mermaid">
+      classDiagram
+        note "This is a outer note"
+        note for Class1 "This is a outer note for Class1"
+        namespace ns {
+          note "This is a inner note"
+          note for Class1 "This is a inner note for Class1"
+          class Class1
+          class Class2
+        }
+    </pre>
+    <hr />
+
    <script type="module">
      import mermaid from './mermaid.esm.mjs';
      mermaid.initialize({
--- a/docs/config/setup/mermaid/interfaces/LayoutData.md
+++ b/docs/config/setup/mermaid/interfaces/LayoutData.md
@@ -10,7 +10,7 @@

 # Interface: LayoutData

-Defined in: [packages/mermaid/src/rendering-util/types.ts:169](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/rendering-util/types.ts#L169)
+Defined in: [packages/mermaid/src/rendering-util/types.ts:168](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/rendering-util/types.ts#L168)

 ## Indexable

@@ -22,7 +22,7 @@ Defined in: [packages/mermaid/src/rendering-util/types.ts:169](https://github.co

 > **config**: [`MermaidConfig`](MermaidConfig.md)

-Defined in: [packages/mermaid/src/rendering-util/types.ts:172](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/rendering-util/types.ts#L172)
+Defined in: [packages/mermaid/src/rendering-util/types.ts:171](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/rendering-util/types.ts#L171)

 ---

@@ -30,7 +30,7 @@ Defined in: [packages/mermaid/src/rendering-util/types.ts:172](https://github.co

 > **edges**: `Edge`\[]

-Defined in: [packages/mermaid/src/rendering-util/types.ts:171](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/rendering-util/types.ts#L171)
+Defined in: [packages/mermaid/src/rendering-util/types.ts:170](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/rendering-util/types.ts#L170)

 ---

@@ -38,4 +38,4 @@ Defined in: [packages/mermaid/src/rendering-util/types.ts:171](https://github.co

 > **nodes**: `Node`\[]

-Defined in: [packages/mermaid/src/rendering-util/types.ts:170](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/rendering-util/types.ts#L170)
+Defined in: [packages/mermaid/src/rendering-util/types.ts:169](https://github.com/mermaid-js/mermaid/blob/master/packages/mermaid/src/rendering-util/types.ts#L169)
--- a/docs/ecosystem/mermaid-chart.md
+++ b/docs/ecosystem/mermaid-chart.md
@@ -47,7 +47,7 @@ Try the Ultimate AI, Mermaid, and Visual Diagramming Suite by creating an accoun

 ## Plans

- **Free** - A free plan that includes three diagrams.
+- **Free** - A free plan that includes six diagrams.

 - **Pro** - A paid plan that includes unlimited diagrams, access to the collaboration feature, and more.

--- a/docs/syntax/classDiagram.md
+++ b/docs/syntax/classDiagram.md
@@ -21,7 +21,7 @@ title: Animal example
 classDiagram
    note "From Duck till Zebra"
    Animal <|-- Duck
-    note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
+    note for Duck "can fly<br>can swim<br>can dive<br>can help in debugging"
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
@@ -50,7 +50,7 @@ title: Animal example
 classDiagram
    note "From Duck till Zebra"
    Animal <|-- Duck
-    note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
+    note for Duck "can fly<br>can swim<br>can dive<br>can help in debugging"
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
--- a/package.json
+++ b/package.json
@@ -64,12 +64,12 @@
  },
  "devDependencies": {
    "@applitools/eyes-cypress": "^3.55.2",
-    "@argos-ci/cypress": "^6.1.1",
+    "@argos-ci/cypress": "^6.1.3",
    "@changesets/changelog-github": "^0.5.1",
    "@changesets/cli": "^2.29.7",
    "@cspell/eslint-plugin": "^8.19.4",
    "@cypress/code-coverage": "^3.14.6",
-    "@eslint/js": "^9.26.0",
+    "@eslint/js": "^9.38.0",
    "@rollup/plugin-typescript": "^12.1.4",
    "@types/cors": "^2.8.19",
    "@types/express": "^5.0.3",
@@ -93,7 +93,7 @@
    "cypress-image-snapshot": "^4.0.1",
    "cypress-split": "^1.24.23",
    "esbuild": "^0.25.10",
-    "eslint": "^9.26.0",
+    "eslint": "^9.38.0",
    "eslint-config-prettier": "^10.1.8",
    "eslint-plugin-cypress": "^4.3.0",
    "eslint-plugin-html": "^8.1.3",
@@ -126,7 +126,7 @@
    "tslib": "^2.8.1",
    "tsx": "^4.20.5",
    "typescript": "~5.7.3",
-    "typescript-eslint": "^8.38.0",
+    "typescript-eslint": "^8.46.2",
    "vite": "^7.0.7",
    "vite-plugin-istanbul": "^7.0.0",
    "vitest": "^3.2.4"
--- a/packages/mermaid/CHANGELOG.md
+++ b/packages/mermaid/CHANGELOG.md
@@ -1,5 +1,30 @@
 # mermaid

+## 11.12.1
+
+### Patch Changes
+
+- [#7107](https://github.com/mermaid-js/mermaid/pull/7107) [`cbf8946`](https://github.com/mermaid-js/mermaid/commit/cbf89462acecac7a06f19843e8d48cb137df0753) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - fix: Updated the dependency dagre-d3-es to 7.0.13 to fix GHSA-cc8p-78qf-8p7q
+
+## 11.12.0
+
+### Minor Changes
+
+- [#6921](https://github.com/mermaid-js/mermaid/pull/6921) [`764b315`](https://github.com/mermaid-js/mermaid/commit/764b315dc16d0359add7c6b8e3ef7592e9bdc09c) Thanks [@quilicicf](https://github.com/quilicicf)! - feat: Add IDs in architecture diagrams
+
+### Patch Changes
+
+- [#6950](https://github.com/mermaid-js/mermaid/pull/6950) [`a957908`](https://github.com/mermaid-js/mermaid/commit/a9579083bfba367a4f4678547ec37ed7b61b9f5b) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - chore: Fix mindmap rendering in docs and apply tidytree layout
+
+- [#6826](https://github.com/mermaid-js/mermaid/pull/6826) [`1d36810`](https://github.com/mermaid-js/mermaid/commit/1d3681053b9168354e48e5763023b6305cd1ca72) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Ensure edge label color is applied when using classDef with edge IDs
+
+- [#6945](https://github.com/mermaid-js/mermaid/pull/6945) [`d318f1a`](https://github.com/mermaid-js/mermaid/commit/d318f1a13cd7429334a29c70e449074ec1cb9f68) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Resolve gantt chart crash due to invalid array length
+
+- [#6918](https://github.com/mermaid-js/mermaid/pull/6918) [`cfe9238`](https://github.com/mermaid-js/mermaid/commit/cfe9238882cbe95416db1feea3112456a71b6aaf) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - chore: revert marked dependency from ^15.0.7 to ^16.0.0
+  - Reverted marked package version to ^16.0.0 for better compatibility
+  - This is a dependency update that maintains API compatibility
+  - All tests pass with the updated version
+
 ## 11.11.0

 ### Minor Changes
--- a/packages/mermaid/package.json
+++ b/packages/mermaid/package.json
@@ -1,6 +1,6 @@
 {
  "name": "mermaid",
-  "version": "11.11.0",
+  "version": "11.12.1",
  "description": "Markdown-ish syntax for generating flowcharts, mindmaps, sequence diagrams, class diagrams, gantt charts, git graphs and more.",
  "type": "module",
  "module": "./dist/mermaid.core.mjs",
@@ -76,7 +76,7 @@
    "cytoscape-fcose": "^2.2.0",
    "d3": "^7.9.0",
    "d3-sankey": "^0.12.3",
-    "dagre-d3-es": "7.0.11",
+    "dagre-d3-es": "7.0.13",
    "dayjs": "^1.11.18",
    "dompurify": "^3.2.5",
    "katex": "^0.16.22",
--- a/packages/mermaid/src/diagrams/class/classDb.ts
+++ b/packages/mermaid/src/diagrams/class/classDb.ts
@@ -17,6 +17,7 @@ import type {
  ClassRelation,
  ClassNode,
  ClassNote,
+  ClassNoteMap,
  ClassMap,
  NamespaceMap,
  NamespaceNode,
@@ -33,15 +34,16 @@ const sanitizeText = (txt: string) => common.sanitizeText(txt, getConfig());

 export class ClassDB implements DiagramDB {
  private relations: ClassRelation[] = [];
-  private classes = new Map<string, ClassNode>();
+  private classes: ClassMap = new Map<string, ClassNode>();
  private readonly styleClasses = new Map<string, StyleClass>();
-  private notes: ClassNote[] = [];
+  private notes: ClassNoteMap = new Map<string, ClassNote>();
  private interfaces: Interface[] = [];
  // private static classCounter = 0;
  private namespaces = new Map<string, NamespaceNode>();
  private namespaceCounter = 0;

-  private functions: any[] = [];
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+  private functions: Function[] = [];

  constructor() {
    this.functions.push(this.setupToolTips.bind(this));
@@ -124,7 +126,7 @@ export class ClassDB implements DiagramDB {
      annotations: [],
      styles: [],
      domId: MERMAID_DOM_ID_PREFIX + name + '-' + classCounter,
-    } as ClassNode);
+    });

    classCounter++;
  }
@@ -155,12 +157,12 @@ export class ClassDB implements DiagramDB {

  public clear() {
    this.relations = [];
-    this.classes = new Map();
-    this.notes = [];
+    this.classes = new Map<string, ClassNode>();
+    this.notes = new Map<string, ClassNote>();
    this.interfaces = [];
    this.functions = [];
    this.functions.push(this.setupToolTips.bind(this));
-    this.namespaces = new Map();
+    this.namespaces = new Map<string, NamespaceNode>();
    this.namespaceCounter = 0;
    this.direction = 'TB';
    commonClear();
@@ -178,7 +180,12 @@ export class ClassDB implements DiagramDB {
    return this.relations;
  }

-  public getNotes() {
+  public getNote(id: string | number): ClassNote {
+    const key = typeof id === 'number' ? `note${id}` : id;
+    return this.notes.get(key)!;
+  }
+
+  public getNotes(): ClassNoteMap {
    return this.notes;
  }

@@ -279,16 +286,19 @@ export class ClassDB implements DiagramDB {
    }
  }

-  public addNote(text: string, className: string) {
+  public addNote(text: string, className: string): string {
+    const index = this.notes.size;
    const note = {
-      id: `note${this.notes.length}`,
+      id: `note${index}`,
      class: className,
      text: text,
+      index: index,
    };
-    this.notes.push(note);
+    this.notes.set(note.id, note);
+    return note.id;
  }

-  public cleanupLabel(label: string) {
+  public cleanupLabel(label: string): string {
    if (label.startsWith(':')) {
      label = label.substring(1);
    }
@@ -354,7 +364,7 @@ export class ClassDB implements DiagramDB {
    });
  }

-  public getTooltip(id: string, namespace?: string) {
+  public getTooltip(id: string, namespace?: string): string | undefined {
    if (namespace && this.namespaces.has(namespace)) {
      return this.namespaces.get(namespace)!.classes.get(id)!.tooltip;
    }
@@ -534,10 +544,11 @@ export class ClassDB implements DiagramDB {

    this.namespaces.set(id, {
      id: id,
-      classes: new Map(),
-      children: {},
+      classes: new Map<string, ClassNode>(),
+      notes: new Map<string, ClassNote>(),
+      children: new Map<string, NamespaceNode>(),
      domId: MERMAID_DOM_ID_PREFIX + id + '-' + this.namespaceCounter,
-    } as NamespaceNode);
+    });

    this.namespaceCounter++;
  }
@@ -555,16 +566,23 @@ export class ClassDB implements DiagramDB {
   *
   * @param id - ID of the namespace to add
   * @param classNames - IDs of the class to add
+   * @param noteNames - IDs of the notes to add
   * @public
   */
-  public addClassesToNamespace(id: string, classNames: string[]) {
+  public addClassesToNamespace(id: string, classNames: string[], noteNames: string[]) {
    if (!this.namespaces.has(id)) {
      return;
    }
    for (const name of classNames) {
      const { className } = this.splitClassNameAndType(name);
-      this.classes.get(className)!.parent = id;
-      this.namespaces.get(id)!.classes.set(className, this.classes.get(className)!);
+      const classNode = this.getClass(className);
+      classNode.parent = id;
+      this.namespaces.get(id)!.classes.set(className, classNode);
+    }
+    for (const noteName of noteNames) {
+      const noteNode = this.getNote(noteName);
+      noteNode.parent = id;
+      this.namespaces.get(id)!.notes.set(noteName, noteNode);
    }
  }

@@ -617,36 +635,32 @@ export class ClassDB implements DiagramDB {
    const edges: Edge[] = [];
    const config = getConfig();

-    for (const namespaceKey of this.namespaces.keys()) {
-      const namespace = this.namespaces.get(namespaceKey);
-      if (namespace) {
-        const node: Node = {
-          id: namespace.id,
-          label: namespace.id,
-          isGroup: true,
-          padding: config.class!.padding ?? 16,
-          // parent node must be one of [rect, roundedWithTitle, noteGroup, divider]
-          shape: 'rect',
-          cssStyles: ['fill: none', 'stroke: black'],
-          look: config.look,
-        };
-        nodes.push(node);
-      }
+    for (const namespace of this.namespaces.values()) {
+      const node: Node = {
+        id: namespace.id,
+        label: namespace.id,
+        isGroup: true,
+        padding: config.class!.padding ?? 16,
+        // parent node must be one of [rect, roundedWithTitle, noteGroup, divider]
+        shape: 'rect',
+        cssStyles: [],
+        look: config.look,
+      };
+      nodes.push(node);
    }

-    for (const classKey of this.classes.keys()) {
-      const classNode = this.classes.get(classKey);
-      if (classNode) {
-        const node = classNode as unknown as Node;
-        node.parentId = classNode.parent;
-        node.look = config.look;
-        nodes.push(node);
-      }
+    for (const classNode of this.classes.values()) {
+      const node: Node = {
+        ...classNode,
+        type: undefined,
+        isGroup: false,
+        parentId: classNode.parent,
+        look: config.look,
+      };
+      nodes.push(node);
    }

-    let cnt = 0;
-    for (const note of this.notes) {
-      cnt++;
+    for (const note of this.notes.values()) {
      const noteNode: Node = {
        id: note.id,
        label: note.text,
@@ -660,14 +674,15 @@ export class ClassDB implements DiagramDB {
          `stroke: ${config.themeVariables.noteBorderColor}`,
        ],
        look: config.look,
+        parentId: note.parent,
      };
      nodes.push(noteNode);

-      const noteClassId = this.classes.get(note.class)?.id ?? '';
+      const noteClassId = this.classes.get(note.class)?.id;

      if (noteClassId) {
        const edge: Edge = {
-          id: `edgeNote${cnt}`,
+          id: `edgeNote${note.index}`,
          start: note.id,
          end: noteClassId,
          type: 'normal',
@@ -697,7 +712,7 @@ export class ClassDB implements DiagramDB {
      nodes.push(interfaceNode);
    }

-    cnt = 0;
+    let cnt = 0;
    for (const classRelation of this.relations) {
      cnt++;
      const edge: Edge = {
--- a/packages/mermaid/src/diagrams/class/classDiagram.spec.ts
+++ b/packages/mermaid/src/diagrams/class/classDiagram.spec.ts
@@ -417,7 +417,7 @@ class C13["With Città foreign language"]
                     note "This is a keyword: ${keyword}. It truly is."
                  `;
      parser.parse(str);
-      expect(classDb.getNotes()[0].text).toEqual(`This is a keyword: ${keyword}. It truly is.`);
+      expect(classDb.getNote(0).text).toEqual(`This is a keyword: ${keyword}. It truly is.`);
    });

    it.each(keywords)(
@@ -427,7 +427,7 @@ class C13["With Città foreign language"]
                      note "${keyword}"`;

        parser.parse(str);
-        expect(classDb.getNotes()[0].text).toEqual(`${keyword}`);
+        expect(classDb.getNote(0).text).toEqual(`${keyword}`);
      }
    );

@@ -441,7 +441,7 @@ class C13["With Città foreign language"]
                   `;

      parser.parse(str);
-      expect(classDb.getNotes()[0].text).toEqual(`This is a keyword: ${keyword}. It truly is.`);
+      expect(classDb.getNote(0).text).toEqual(`This is a keyword: ${keyword}. It truly is.`);
    });

    it.each(keywords)(
@@ -456,7 +456,7 @@ class C13["With Città foreign language"]
                    `;

        parser.parse(str);
-        expect(classDb.getNotes()[0].text).toEqual(`${keyword}`);
+        expect(classDb.getNote(0).text).toEqual(`${keyword}`);
      }
    );

--- a/packages/mermaid/src/diagrams/class/classRenderer-v2.ts
+++ b/packages/mermaid/src/diagrams/class/classRenderer-v2.ts
@@ -8,7 +8,7 @@ import utils, { getEdgeId } from '../../utils.js';
 import { interpolateToCurve, getStylesFromArray } from '../../utils.js';
 import { setupGraphViewbox } from '../../setupGraphViewbox.js';
 import common from '../common/common.js';
-import type { ClassRelation, ClassNote, ClassMap, NamespaceMap } from './classTypes.js';
+import type { ClassRelation, ClassMap, ClassNoteMap, NamespaceMap } from './classTypes.js';
 import type { EdgeData } from '../../types.js';

 const sanitizeText = (txt: string) => common.sanitizeText(txt, getConfig());
@@ -65,6 +65,9 @@ export const addNamespaces = function (

    g.setNode(vertex.id, node);
    addClasses(vertex.classes, g, _id, diagObj, vertex.id);
+    const classes: ClassMap = diagObj.db.getClasses();
+    const relations: ClassRelation[] = diagObj.db.getRelations();
+    addNotes(vertex.notes, g, relations.length + 1, classes, vertex.id);

    log.info('setNode', node);
  });
@@ -144,69 +147,74 @@ export const addClasses = function (
 * @param classes - Classes
 */
 export const addNotes = function (
-  notes: ClassNote[],
+  notes: ClassNoteMap,
  g: graphlib.Graph,
  startEdgeId: number,
-  classes: ClassMap
+  classes: ClassMap,
+  parent?: string
 ) {
  log.info(notes);

-  notes.forEach(function (note, i) {
-    const vertex = note;
+  [...notes.values()]
+    .filter((note) => note.parent === parent)
+    .forEach(function (vertex) {
+      const cssNoteStr = '';

-    const cssNoteStr = '';
+      const styles = { labelStyle: '', style: '' };

-    const styles = { labelStyle: '', style: '' };
+      const vertexText = vertex.text;

-    const vertexText = vertex.text;
+      const radius = 0;
+      const shape = 'note';
+      const node = {
+        labelStyle: styles.labelStyle,
+        shape: shape,
+        labelText: sanitizeText(vertexText),
+        noteData: vertex,
+        rx: radius,
+        ry: radius,
+        class: cssNoteStr,
+        style: styles.style,
+        id: vertex.id,
+        domId: vertex.id,
+        tooltip: '',
+        type: 'note',
+        // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
+        padding: getConfig().flowchart?.padding ?? getConfig().class?.padding,
+      };
+      g.setNode(vertex.id, node);
+      log.info('setNode', node);

-    const radius = 0;
-    const shape = 'note';
-    const node = {
-      labelStyle: styles.labelStyle,
-      shape: shape,
-      labelText: sanitizeText(vertexText),
-      noteData: vertex,
-      rx: radius,
-      ry: radius,
-      class: cssNoteStr,
-      style: styles.style,
-      id: vertex.id,
-      domId: vertex.id,
-      tooltip: '',
-      type: 'note',
-      // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release
-      padding: getConfig().flowchart?.padding ?? getConfig().class?.padding,
-    };
-    g.setNode(vertex.id, node);
-    log.info('setNode', node);
+      if (parent) {
+        g.setParent(vertex.id, parent);
+      }

-    if (!vertex.class || !classes.has(vertex.class)) {
-      return;
-    }
-    const edgeId = startEdgeId + i;
+      if (!vertex.class || !classes.has(vertex.class)) {
+        return;
+      }
+      const edgeId = startEdgeId + vertex.index;

-    const edgeData: EdgeData = {
-      id: `edgeNote${edgeId}`,
-      //Set relationship style and line type
-      classes: 'relation',
-      pattern: 'dotted',
-      // Set link type for rendering
-      arrowhead: 'none',
-      //Set edge extra labels
-      startLabelRight: '',
-      endLabelLeft: '',
-      //Set relation arrow types
-      arrowTypeStart: 'none',
-      arrowTypeEnd: 'none',
-      style: 'fill:none',
-      labelStyle: '',
-      curve: interpolateToCurve(conf.curve, curveLinear),
-    };
+      const edgeData: EdgeData = {
+        id: `edgeNote${edgeId}`,
+        //Set relationship style and line type
+        classes: 'relation',
+        pattern: 'dotted',
+        // Set link type for rendering
+        arrowhead: 'none',
+        //Set edge extra labels
+        startLabelRight: '',
+        endLabelLeft: '',
+        //Set relation arrow types
+        arrowTypeStart: 'none',
+        arrowTypeEnd: 'none',
+        style: 'fill:none',
+        labelStyle: '',
+        curve: interpolateToCurve(conf.curve, curveLinear),
+      };

-    // Add the edge to the graph
-    g.setEdge(vertex.id, vertex.class, edgeData, edgeId);
-  });
+      // Add the edge to the graph
+      g.setEdge(vertex.id, vertex.class, edgeData, edgeId);
+    });
 };

 /**
@@ -329,7 +337,7 @@ export const draw = async function (text: string, id: string, _version: string,
  const namespaces: NamespaceMap = diagObj.db.getNamespaces();
  const classes: ClassMap = diagObj.db.getClasses();
  const relations: ClassRelation[] = diagObj.db.getRelations();
-  const notes: ClassNote[] = diagObj.db.getNotes();
+  const notes: ClassNoteMap = diagObj.db.getNotes();
  log.info(relations);
  addNamespaces(namespaces, g, id, diagObj);
  addClasses(classes, g, id, diagObj);
--- a/packages/mermaid/src/diagrams/class/classRenderer.js
+++ b/packages/mermaid/src/diagrams/class/classRenderer.js
@@ -206,7 +206,7 @@ export const draw = function (text, id, _version, diagObj) {
    );
  });

-  const notes = diagObj.db.getNotes();
+  const notes = diagObj.db.getNotes().values();
  notes.forEach(function (note) {
    log.debug(`Adding note: ${JSON.stringify(note)}`);
    const node = svgDraw.drawNote(diagram, note, conf, diagObj);
--- a/packages/mermaid/src/diagrams/class/classTypes.ts
+++ b/packages/mermaid/src/diagrams/class/classTypes.ts
@@ -5,7 +5,7 @@ export interface ClassNode {
  id: string;
  type: string;
  label: string;
-  shape: string;
+  shape: 'classBox';
  text: string;
  cssClasses: string;
  methods: ClassMember[];
@@ -149,6 +149,8 @@ export interface ClassNote {
  id: string;
  class: string;
  text: string;
+  index: number;
+  parent?: string;
 }

 export interface ClassRelation {
@@ -177,6 +179,7 @@ export interface NamespaceNode {
  id: string;
  domId: string;
  classes: ClassMap;
+  notes: ClassNoteMap;
  children: NamespaceMap;
 }

@@ -187,4 +190,5 @@ export interface StyleClass {
 }

 export type ClassMap = Map<string, ClassNode>;
+export type ClassNoteMap = Map<string, ClassNote>;
 export type NamespaceMap = Map<string, NamespaceNode>;
--- a/packages/mermaid/src/diagrams/class/parser/classDiagram.jison
+++ b/packages/mermaid/src/diagrams/class/parser/classDiagram.jison
@@ -275,8 +275,8 @@ statement
    ;

 namespaceStatement
-    : namespaceIdentifier STRUCT_START classStatements STRUCT_STOP          { yy.addClassesToNamespace($1, $3); }
-    | namespaceIdentifier STRUCT_START NEWLINE classStatements STRUCT_STOP  { yy.addClassesToNamespace($1, $4); }
+    : namespaceIdentifier STRUCT_START classStatements STRUCT_STOP          { yy.addClassesToNamespace($1, $3[0], $3[1]); }
+    | namespaceIdentifier STRUCT_START NEWLINE classStatements STRUCT_STOP  { yy.addClassesToNamespace($1, $4[0], $4[1]); }
    ;

 namespaceIdentifier
@@ -284,9 +284,12 @@ namespaceIdentifier
    ;

 classStatements
-    : classStatement                            {$$=[$1]}
-    | classStatement NEWLINE                    {$$=[$1]}
-    | classStatement NEWLINE classStatements    {$3.unshift($1); $$=$3}
+    : classStatement                            {$$=[[$1], []]}
+    | classStatement NEWLINE                    {$$=[[$1], []]}
+    | classStatement NEWLINE classStatements    {$3[0].unshift($1); $$=$3}
+    | noteStatement                             {$$=[[], [$1]]}
+    | noteStatement NEWLINE                     {$$=[[], [$1]]}
+    | noteStatement NEWLINE classStatements     {$3[1].unshift($1); $$=$3}
    ;

 classStatement
@@ -333,8 +336,8 @@ relationStatement
    ;

 noteStatement
-    : NOTE_FOR className noteText  { yy.addNote($3, $2); }
-    | NOTE noteText                { yy.addNote($2); }
+    : NOTE_FOR className noteText  { $$ = yy.addNote($3, $2); }
+    | NOTE noteText                { $$ = yy.addNote($2); }
    ;

 classDefStatement
--- a/packages/mermaid/src/diagrams/class/styles.js
+++ b/packages/mermaid/src/diagrams/class/styles.js
@@ -13,6 +13,30 @@ const getStyles = (options) =>

 }

+  .cluster-label text {
+    fill: ${options.titleColor};
+  }
+  .cluster-label span {
+    color: ${options.titleColor};
+  }
+  .cluster-label span p {
+    background-color: transparent;
+  }
+
+  .cluster rect {
+    fill: ${options.clusterBkg};
+    stroke: ${options.clusterBorder};
+    stroke-width: 1px;
+  }
+
+  .cluster text {
+    fill: ${options.titleColor};
+  }
+
+  .cluster span {
+    color: ${options.titleColor};
+  }
+
 .nodeLabel, .edgeLabel {
  color: ${options.classText};
 }
--- a/packages/mermaid/src/diagrams/flowchart/parser/flow.jison
+++ b/packages/mermaid/src/diagrams/flowchart/parser/flow.jison
@@ -140,6 +140,7 @@ that id.
 .*direction\s+BT[^\n]*       return 'direction_bt';
 .*direction\s+RL[^\n]*       return 'direction_rl';
 .*direction\s+LR[^\n]*       return 'direction_lr';
+.*direction\s+TD[^\n]*       return 'direction_td';

 [^\s\"]+\@(?=[^\{\"])               { return 'LINK_ID'; }
 [0-9]+                       return 'NUM';
@@ -626,6 +627,8 @@ direction
    { $$={stmt:'dir', value:'RL'};}
    | direction_lr
    { $$={stmt:'dir', value:'LR'};}
+    | direction_td
+    { $$={stmt:'dir', value:'TD'};}
    ;

 %%
--- a/packages/mermaid/src/diagrams/flowchart/parser/subgraph.spec.js
+++ b/packages/mermaid/src/diagrams/flowchart/parser/subgraph.spec.js
@@ -309,4 +309,21 @@ describe('when parsing subgraphs', function () {
    expect(subgraphA.nodes).toContain('a');
    expect(subgraphA.nodes).not.toContain('c');
  });
+  it('should correctly parse direction TD inside a subgraph', function () {
+    const res = flow.parser.parse(`
+      graph LR
+        subgraph WithTD
+          direction TD
+          A1 --> A2
+        end
+    `);
+
+    const subgraphs = flow.parser.yy.getSubGraphs();
+    expect(subgraphs.length).toBe(1);
+    const subgraph = subgraphs[0];
+
+    expect(subgraph.dir).toBe('TD');
+    expect(subgraph.nodes).toContain('A1');
+    expect(subgraph.nodes).toContain('A2');
+  });
 });
--- a/packages/mermaid/src/diagrams/mindmap/mindmapIconHelper.ts
+++ b/packages/mermaid/src/diagrams/mindmap/mindmapIconHelper.ts
@@ -1,222 +0,0 @@
-import { log } from '../../logger.js';
-import type { D3Selection } from '../../types.js';
-import type { Node } from '../../rendering-util/types.js';
-import { getIconSVG, isIconAvailable } from '../../rendering-util/icons.js';
-
-export interface MindmapIconConfig {
-  iconSize: number;
-  iconPadding: number;
-  shapeType: 'circle' | 'rect' | 'rounded' | 'bang' | 'cloud' | 'hexagon' | 'default';
-}
-
-export interface MindmapDimensions {
-  width: number;
-  height: number;
-  labelOffset: { x: number; y: number };
-}
-
-/**
- * Get icon configuration for different mindmap shape types
- */
-export function getMindmapIconConfig(shapeType: string): MindmapIconConfig {
-  const baseConfig = {
-    iconSize: 30,
-    iconPadding: 15,
-    shapeType: shapeType as MindmapIconConfig['shapeType'],
-  };
-
-  switch (shapeType) {
-    case 'bang':
-      return { ...baseConfig, iconPadding: 1 };
-    case 'rect':
-    case 'default':
-      return { ...baseConfig, iconPadding: 10 };
-    default:
-      return baseConfig;
-  }
-}
-
-/**
- * Calculate dimensions and label positioning for mindmap nodes with icons
- */
-export function calculateMindmapDimensions(
-  node: Node,
-  bbox: any,
-  baseWidth: number,
-  baseHeight: number,
-  basePadding: number,
-  config: MindmapIconConfig
-): MindmapDimensions {
-  const hasIcon = Boolean(node.icon);
-
-  if (!hasIcon) {
-    return {
-      width: baseWidth,
-      height: baseHeight,
-      labelOffset: { x: -bbox.width / 2, y: -bbox.height / 2 },
-    };
-  }
-
-  const { iconSize, iconPadding, shapeType } = config;
-  let width = baseWidth;
-  let height = baseHeight;
-  let labelXOffset = -bbox.width / 2;
-  const labelYOffset = -bbox.height / 2;
-
-  switch (shapeType) {
-    case 'circle': {
-      const totalWidthNeeded = bbox.width + iconSize + iconPadding * 2;
-      const minRadiusWithIcon = totalWidthNeeded / 2 + basePadding;
-      const radius = Math.max(baseWidth / 2, minRadiusWithIcon);
-      width = radius * 2;
-      height = radius * 2;
-      labelXOffset = -radius + iconSize + iconPadding;
-      break;
-    }
-
-    case 'rect':
-    case 'rounded':
-    case 'default': {
-      const minWidthWithIcon = bbox.width + iconSize + iconPadding * 2 + basePadding * 2;
-      width = Math.max(baseWidth, minWidthWithIcon);
-      height = Math.max(baseHeight, iconSize + basePadding * 2);
-
-      const availableTextSpace = width - iconSize - iconPadding * 2;
-      labelXOffset = -width / 2 + iconSize + iconPadding + availableTextSpace / 2 - bbox.width / 2;
-      break;
-    }
-
-    case 'bang':
-    case 'cloud': {
-      const minWidthWithIcon = bbox.width + iconSize + iconPadding * 2 + basePadding;
-      width = Math.max(baseWidth, minWidthWithIcon);
-      height = Math.max(baseHeight, iconSize + basePadding);
-
-      const availableTextSpace = width - iconSize - iconPadding * 2;
-      labelXOffset = -width / 2 + iconSize + iconPadding + availableTextSpace / 2 - bbox.width / 2;
-      break;
-    }
-
-    default: {
-      const minWidthWithIcon = bbox.width + iconSize + iconPadding * 2 + basePadding * 2;
-      width = Math.max(baseWidth, minWidthWithIcon);
-      height = Math.max(baseHeight, iconSize + basePadding * 2);
-
-      const availableTextSpace = width - iconSize - iconPadding * 2;
-      labelXOffset = -width / 2 + iconSize + iconPadding + availableTextSpace / 2 - bbox.width / 2;
-      break;
-    }
-  }
-
-  return {
-    width,
-    height,
-    labelOffset: { x: labelXOffset, y: labelYOffset },
-  };
-}
-
-/**
- * Insert mindmap icon into the shape SVG element
- */
-export async function insertMindmapIcon(
-  parentElement: D3Selection<SVGGraphicsElement>,
-  node: Node,
-  config: MindmapIconConfig
-): Promise<void> {
-  if (!node.icon) {
-    return;
-  }
-
-  const { iconSize, iconPadding, shapeType } = config;
-  const section = node.section ?? 0;
-
-  let iconName = node.icon;
-  const isCssFormat = iconName.includes(' ');
-
-  if (isCssFormat) {
-    iconName = iconName.replace(' ', ':');
-  }
-
-  try {
-    if (await isIconAvailable(iconName)) {
-      const iconSvg = await getIconSVG(
-        iconName,
-        {
-          height: iconSize,
-          width: iconSize,
-        },
-        { class: 'label-icon' }
-      );
-
-      const iconElem = parentElement.append('g');
-      iconElem.html(`<g>${iconSvg}</g>`);
-
-      let iconX = 0;
-      let iconY = 0;
-
-      switch (shapeType) {
-        case 'circle': {
-          const nodeWidth = node.width || 100;
-          const radius = nodeWidth / 2;
-          iconX = -radius + iconSize / 2 + iconPadding;
-          iconY = 0;
-          break;
-        }
-        default: {
-          const nodeWidth = node.width || 100;
-          iconX = -nodeWidth / 2 + iconSize / 2 + iconPadding;
-          iconY = 0;
-          break;
-        }
-      }
-
-      iconElem.attr('transform', `translate(${iconX}, ${iconY})`);
-      iconElem.attr('style', 'color: currentColor;');
-      return;
-    }
-  } catch (error) {
-    log.debug('SVG icon rendering failed, falling back to CSS:', error);
-  }
-
-  // Fallback to CSS approach (original mindmap behavior)
-  const iconClass = isCssFormat ? node.icon : node.icon.replace(':', ' ');
-
-  let iconX = 0;
-  const iconY = -iconSize / 2;
-
-  switch (shapeType) {
-    case 'circle': {
-      const nodeWidth = node.width || 100;
-      const radius = nodeWidth / 2;
-      iconX = -radius + iconPadding;
-      break;
-    }
-    default: {
-      const nodeWidth = node.width || 100;
-      iconX = -nodeWidth / 2 + iconPadding;
-      break;
-    }
-  }
-
-  const icon = parentElement
-    .append('foreignObject')
-    .attr('height', `${iconSize}px`)
-    .attr('width', `${iconSize}px`)
-    .attr('x', iconX)
-    .attr('y', iconY)
-    .attr(
-      'style',
-      'text-align: center; display: flex; align-items: center; justify-content: center;'
-    );
-
-  icon
-    .append('div')
-    .attr('class', 'icon-container')
-    .attr(
-      'style',
-      'width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;'
-    )
-    .append('i')
-    .attr('class', `node-icon-${section} ${iconClass}`)
-    .attr('style', `font-size: ${iconSize}px;`);
-}
--- a/packages/mermaid/src/diagrams/mindmap/mindmapRenderer.ts
+++ b/packages/mermaid/src/diagrams/mindmap/mindmapRenderer.ts
@@ -7,7 +7,6 @@ import type { LayoutData } from '../../rendering-util/types.js';
 import type { FilledMindMapNode } from './mindmapTypes.js';
 import defaultConfig from '../../defaultConfig.js';
 import type { MindmapDB } from './mindmapDb.js';
-import { getMindmapIconConfig, insertMindmapIcon } from './mindmapIconHelper.js';

 /**
 * Update the layout data with actual node dimensions after drawing
@@ -72,28 +71,6 @@ export const draw: DrawDefinition = async (text, id, _version, diagObj) => {

  // Use the unified rendering system
  await render(data4Layout, svg);
-  const genericShapes = ['hexagon', 'rect', 'rounded', 'squareRect'];
-  const nodesWithIcons = data4Layout.nodes.filter(
-    (node) => node.icon && genericShapes.includes(node.shape || '')
-  );
-
-  if (nodesWithIcons.length > 0) {
-    for (const node of nodesWithIcons) {
-      const nodeId = node.domId || node.id;
-      const nodeElement = svg.select(`g[id="${nodeId}"]`);
-
-      if (!nodeElement.empty()) {
-        try {
-          const iconConfig = getMindmapIconConfig(node.shape || 'default');
-          await insertMindmapIcon(nodeElement, node, iconConfig);
-        } catch (error) {
-          log.warn(`Failed to add icon to ${nodeId}:`, error);
-        }
-      } else {
-        log.warn(`Could not find DOM element for node ${nodeId}`);
-      }
-    }
-  }

  // Setup the view box and size of the svg element using config from data4Layout
  setupViewPortForSVG(
--- a/packages/mermaid/src/diagrams/packet/renderer.ts
+++ b/packages/mermaid/src/diagrams/packet/renderer.ts
@@ -16,7 +16,7 @@ const draw: DrawDefinition = (_text, id, _version, diagram: Diagram) => {
  const svgWidth = bitWidth * bitsPerRow + 2;
  const svg: SVG = selectSvgElement(id);

-  svg.attr('viewbox', `0 0 ${svgWidth} ${svgHeight}`);
+  svg.attr('viewBox', `0 0 ${svgWidth} ${svgHeight}`);
  configureSvgSize(svg, svgHeight, svgWidth, config.useMaxWidth);

  for (const [word, packet] of words.entries()) {
--- a/packages/mermaid/src/diagrams/radar/renderer.ts
+++ b/packages/mermaid/src/diagrams/radar/renderer.ts
@@ -2,6 +2,7 @@ import type { Diagram } from '../../Diagram.js';
 import type { RadarDiagramConfig } from '../../config.type.js';
 import type { DiagramRenderer, DrawDefinition, SVG, SVGGroup } from '../../diagram-api/types.js';
 import { selectSvgElement } from '../../rendering-util/selectSvgElement.js';
+import { configureSvgSize } from '../../setupGraphViewbox.js';
 import type { RadarDB, RadarAxis, RadarCurve } from './types.js';

 const draw: DrawDefinition = (_text, id, _version, diagram: Diagram) => {
@@ -53,11 +54,9 @@ const drawFrame = (svg: SVG, config: Required<RadarDiagramConfig>): SVGGroup =>
    x: config.marginLeft + config.width / 2,
    y: config.marginTop + config.height / 2,
  };
-  // Initialize the SVG
-  svg
-    .attr('viewbox', `0 0 ${totalWidth} ${totalHeight}`)
-    .attr('width', totalWidth)
-    .attr('height', totalHeight);
+  configureSvgSize(svg, totalHeight, totalWidth, config.useMaxWidth ?? true);
+
+  svg.attr('viewBox', `0 0 ${totalWidth} ${totalHeight}`);
  // g element to center the radar chart
  return svg.append('g').attr('transform', `translate(${center.x}, ${center.y})`);
 };
--- a/packages/mermaid/src/diagrams/sequence/parser/sequenceDiagram.jison
+++ b/packages/mermaid/src/diagrams/sequence/parser/sequenceDiagram.jison
@@ -32,13 +32,14 @@
 <CONFIG>[^\}]+                                                  { return 'CONFIG_CONTENT'; }
 <CONFIG>\}                                                      { this.popState(); this.popState(); return 'CONFIG_END'; }
 <ID>[^\<->\->:\n,;@\s]+(?=\@\{)                                 { yytext = yytext.trim(); return 'ACTOR'; }
-<ID>[^\<->\->:\n,;@]+?([\-]*[^\<->\->:\n,;@]+?)*?(?=((?!\n)\s)+"as"(?!\n)\s|[#\n;]|$) { yytext = yytext.trim(); this.begin('ALIAS'); return 'ACTOR'; }
+<ID>[^<>:\n,;@\s]+(?=\s+as\s)                                   { yytext = yytext.trim(); this.begin('ALIAS'); return 'ACTOR'; }
+<ID>[^<>:\n,;@]+(?=\s*[\n;#]|$)                                 { yytext = yytext.trim(); this.popState(); return 'ACTOR'; }
+<ID>[^<>:\n,;@]*\<[^\n]*                                        { this.popState(); return 'INVALID'; }
 "box"															{ this.begin('LINE'); return 'box'; }
 "participant"                                                   { this.begin('ID'); return 'participant'; }
 "actor"                                                   		{ this.begin('ID'); return 'participant_actor'; }
 "create"                                                        return 'create';
 "destroy"                                                       { this.begin('ID'); return 'destroy'; }
-<ID>[^<\->\->:\n,;]+?([\-]*[^<\->\->:\n,;]+?)*?(?=((?!\n)\s)+"as"(?!\n)\s|[#\n;]|$)     { yytext = yytext.trim(); this.begin('ALIAS'); return 'ACTOR'; }
 <ALIAS>"as"                                                     { this.popState(); this.popState(); this.begin('LINE'); return 'AS'; }
 <ALIAS>(?:)                                                     { this.popState(); this.popState(); return 'NEWLINE'; }
 "loop"                                                          { this.begin('LINE'); return 'loop'; }
@@ -145,6 +146,7 @@ line
 	: SPACE statement { $$ = $2 }
 	| statement { $$ = $1 }
 	| NEWLINE { $$=[]; }
+	| INVALID { $$=[]; }
 	;

 box_section
@@ -411,4 +413,4 @@ text2
  : TXT {$$ = yy.parseMessage($1.trim().substring(1)) }
  ;

-%%
+%%
--- a/packages/mermaid/src/diagrams/sequence/sequenceDiagram.spec.js
+++ b/packages/mermaid/src/diagrams/sequence/sequenceDiagram.spec.js
@@ -2609,5 +2609,17 @@ Bob->>Alice:Got it!
      expect(actors.get('E').type).toBe('entity');
      expect(actors.get('E').description).toBe('E');
    });
+    it('should handle fail parsing when alias token causes conflicts in participant definition', async () => {
+      let error = false;
+      try {
+        await Diagram.fromText(`
+        sequenceDiagram
+        participant SAS MyServiceWithMoreThan20Chars <br> service decription
+       `);
+      } catch (e) {
+        error = true;
+      }
+      expect(error).toBe(true);
+    });
  });
 });
--- a/packages/mermaid/src/docs/ecosystem/mermaid-chart.md
+++ b/packages/mermaid/src/docs/ecosystem/mermaid-chart.md
@@ -41,7 +41,7 @@ Try the Ultimate AI, Mermaid, and Visual Diagramming Suite by creating an accoun

 ## Plans

- **Free** - A free plan that includes three diagrams.
+- **Free** - A free plan that includes six diagrams.

 - **Pro** - A paid plan that includes unlimited diagrams, access to the collaboration feature, and more.

--- a/packages/mermaid/src/docs/syntax/classDiagram.md
+++ b/packages/mermaid/src/docs/syntax/classDiagram.md
@@ -15,7 +15,7 @@ title: Animal example
 classDiagram
    note "From Duck till Zebra"
    Animal <|-- Duck
-    note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
+    note for Duck "can fly<br>can swim<br>can dive<br>can help in debugging"
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
--- a/packages/mermaid/src/rendering-util/rendering-elements/edges.js
+++ b/packages/mermaid/src/rendering-util/rendering-elements/edges.js
@@ -605,6 +605,14 @@ export const insertEdge = function (
  const edgeStyles = Array.isArray(edge.style) ? edge.style : [edge.style];
  let strokeColor = edgeStyles.find((style) => style?.startsWith('stroke:'));

+  let animationClass = '';
+  if (edge.animate) {
+    animationClass = 'edge-animation-fast';
+  }
+  if (edge.animation) {
+    animationClass = 'edge-animation-' + edge.animation;
+  }
+
  let animatedEdge = false;
  if (edge.look === 'handDrawn') {
    const rc = rough.svg(elem);
@@ -620,7 +628,13 @@ export const insertEdge = function (
    svgPath = select(svgPathNode)
      .select('path')
      .attr('id', edge.id)
-      .attr('class', ' ' + strokeClasses + (edge.classes ? ' ' + edge.classes : ''))
+      .attr(
+        'class',
+        ' ' +
+          strokeClasses +
+          (edge.classes ? ' ' + edge.classes : '') +
+          (animationClass ? ' ' + animationClass : '')
+      )
      .attr('style', edgeStyles ? edgeStyles.reduce((acc, style) => acc + ';' + style, '') : '');
    let d = svgPath.attr('d');
    svgPath.attr('d', d);
@@ -628,13 +642,6 @@ export const insertEdge = function (
  } else {
    const stylesFromClasses = edgeClassStyles.join(';');
    const styles = edgeStyles ? edgeStyles.reduce((acc, style) => acc + style + ';', '') : '';
-    let animationClass = '';
-    if (edge.animate) {
-      animationClass = ' edge-animation-fast';
-    }
-    if (edge.animation) {
-      animationClass = ' edge-animation-' + edge.animation;
-    }

    const pathStyle =
      (stylesFromClasses ? stylesFromClasses + ';' + styles + ';' : styles) +
@@ -646,7 +653,10 @@ export const insertEdge = function (
      .attr('id', edge.id)
      .attr(
        'class',
-        ' ' + strokeClasses + (edge.classes ? ' ' + edge.classes : '') + (animationClass ?? '')
+        ' ' +
+          strokeClasses +
+          (edge.classes ? ' ' + edge.classes : '') +
+          (animationClass ? ' ' + animationClass : '')
      )
      .attr('style', pathStyle);

--- a/packages/mermaid/src/rendering-util/rendering-elements/markers.js
+++ b/packages/mermaid/src/rendering-util/rendering-elements/markers.js
@@ -130,7 +130,6 @@ const lollipop = (elem, type, id) => {
    .attr('markerHeight', 240)
    .attr('orient', 'auto')
    .append('circle')
-    .attr('stroke', 'black')
    .attr('fill', 'transparent')
    .attr('cx', 7)
    .attr('cy', 7)
@@ -147,7 +146,6 @@ const lollipop = (elem, type, id) => {
    .attr('markerHeight', 240)
    .attr('orient', 'auto')
    .append('circle')
-    .attr('stroke', 'black')
    .attr('fill', 'transparent')
    .attr('cx', 7)
    .attr('cy', 7)
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/bang.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/bang.ts
@@ -7,11 +7,6 @@ import rough from 'roughjs';
 import type { D3Selection } from '../../../types.js';
 import { handleUndefinedAttr } from '../../../utils.js';
 import type { Bounds, Point } from '../../../types.js';
-import {
-  calculateMindmapDimensions,
-  getMindmapIconConfig,
-  insertMindmapIcon,
-} from '../../../diagrams/mindmap/mindmapIconHelper.js';

 export async function bang<T extends SVGGraphicsElement>(parent: D3Selection<T>, node: Node) {
  const { labelStyles, nodeStyles } = styles2String(node);
@@ -22,34 +17,20 @@ export async function bang<T extends SVGGraphicsElement>(parent: D3Selection<T>,
    getNodeClasses(node)
  );

-  const baseWidth = bbox.width + 10 * halfPadding;
-  const baseHeight = bbox.height + 8 * halfPadding;
-
-  const iconConfig = getMindmapIconConfig('bang');
-  const dimensions = calculateMindmapDimensions(
-    node,
-    bbox,
-    baseWidth,
-    baseHeight,
-    halfPadding,
-    iconConfig
-  );
-
-  const w = dimensions.width;
-  const h = dimensions.height;
-
-  node.width = w;
-  node.height = h;
+  const w = bbox.width + 10 * halfPadding;
+  const h = bbox.height + 8 * halfPadding;
+  const r = 0.15 * w;
+  const { cssStyles } = node;

  const minWidth = bbox.width + 20;
  const minHeight = bbox.height + 20;
  const effectiveWidth = Math.max(w, minWidth);
  const effectiveHeight = Math.max(h, minHeight);

-  label.attr('transform', `translate(${dimensions.labelOffset.x}, ${dimensions.labelOffset.y})`);
+  label.attr('transform', `translate(${-bbox.width / 2}, ${-bbox.height / 2})`);

-  const r = 0.15 * effectiveWidth;
-  const path = `M0 0
+  let bangElem;
+  const path = `M0 0 
    a${r},${r} 1 0,0 ${effectiveWidth * 0.25},${-1 * effectiveHeight * 0.1}
    a${r},${r} 1 0,0 ${effectiveWidth * 0.25},${0}
    a${r},${r} 1 0,0 ${effectiveWidth * 0.25},${0}
@@ -69,16 +50,13 @@ export async function bang<T extends SVGGraphicsElement>(parent: D3Selection<T>,
    a${r},${r} 1 0,0 ${effectiveWidth * 0.1},${-1 * effectiveHeight * 0.33}
  H0 V0 Z`;

-  let bangElem;
  if (node.look === 'handDrawn') {
    // @ts-expect-error -- Passing a D3.Selection seems to work for some reason
    const rc = rough.svg(shapeSvg);
    const options = userNodeOverrides(node, {});
    const roughNode = rc.path(path, options);
    bangElem = shapeSvg.insert(() => roughNode, ':first-child');
-    bangElem
-      .attr('class', 'basic label-container')
-      .attr('style', handleUndefinedAttr(node.cssStyles));
+    bangElem.attr('class', 'basic label-container').attr('style', handleUndefinedAttr(cssStyles));
  } else {
    bangElem = shapeSvg
      .insert('path', ':first-child')
@@ -90,10 +68,6 @@ export async function bang<T extends SVGGraphicsElement>(parent: D3Selection<T>,
  // Translate the path (center the shape)
  bangElem.attr('transform', `translate(${-effectiveWidth / 2}, ${-effectiveHeight / 2})`);

-  if (node.icon) {
-    await insertMindmapIcon(shapeSvg, node, iconConfig);
-  }
-
  updateNodeBounds(node, bangElem);
  node.calcIntersect = function (bounds: Bounds, point: Point) {
    return intersect.rect(bounds, point);
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts
@@ -14,25 +14,9 @@ export async function circle<T extends SVGGraphicsElement>(
 ) {
  const { labelStyles, nodeStyles } = styles2String(node);
  node.labelStyle = labelStyles;
-
-  const { shapeSvg, bbox, halfPadding, label } = await labelHelper(
-    parent,
-    node,
-    getNodeClasses(node)
-  );
-
+  const { shapeSvg, bbox, halfPadding } = await labelHelper(parent, node, getNodeClasses(node));
  const padding = options?.padding ?? halfPadding;
-
  const radius = bbox.width / 2 + padding;
-
-  node.width = radius * 2;
-  node.height = radius * 2;
-
-  const labelXOffset = -bbox.width / 2;
-  const labelYOffset = -bbox.height / 2;
-  if (node.icon) {
-    label.attr('transform', `translate(${labelXOffset}, ${labelYOffset})`);
-  }
  let circleElem;
  const { cssStyles } = node;

--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/cloud.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/cloud.ts
@@ -6,11 +6,6 @@ import type { Node } from '../../types.js';
 import intersect from '../intersect/index.js';
 import { styles2String, userNodeOverrides } from './handDrawnShapeStyles.js';
 import { getNodeClasses, labelHelper, updateNodeBounds } from './util.js';
-import {
-  getMindmapIconConfig,
-  calculateMindmapDimensions,
-  insertMindmapIcon,
-} from '../../../diagrams/mindmap/mindmapIconHelper.js';

 export async function cloud<T extends SVGGraphicsElement>(parent: D3Selection<T>, node: Node) {
  const { labelStyles, nodeStyles } = styles2String(node);
@@ -22,26 +17,8 @@ export async function cloud<T extends SVGGraphicsElement>(parent: D3Selection<T>
    getNodeClasses(node)
  );

-  const baseWidth = bbox.width + 2 * halfPadding;
-  const baseHeight = bbox.height + 2 * halfPadding;
-
-  const iconConfig = getMindmapIconConfig('cloud');
-  const dimensions = calculateMindmapDimensions(
-    node,
-    bbox,
-    baseWidth,
-    baseHeight,
-    halfPadding,
-    iconConfig
-  );
-
-  const w = dimensions.width;
-  const h = dimensions.height;
-
-  node.width = w;
-  node.height = h;
-
-  label.attr('transform', `translate(${dimensions.labelOffset.x}, ${dimensions.labelOffset.y})`);
+  const w = bbox.width + 2 * halfPadding;
+  const h = bbox.height + 2 * halfPadding;

  // Cloud radii
  const r1 = 0.15 * w;
@@ -84,13 +61,11 @@ export async function cloud<T extends SVGGraphicsElement>(parent: D3Selection<T>
      .attr('d', path);
  }

+  label.attr('transform', `translate(${-bbox.width / 2}, ${-bbox.height / 2})`);
+
  // Center the shape
  cloudElem.attr('transform', `translate(${-w / 2}, ${-h / 2})`);

-  if (node.icon) {
-    await insertMindmapIcon(shapeSvg, node, iconConfig);
-  }
-
  updateNodeBounds(node, cloudElem);

  node.calcIntersect = function (bounds: Bounds, point: Point) {
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/defaultMindmapNode.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/defaultMindmapNode.ts
@@ -3,11 +3,6 @@ import type { Node } from '../../types.js';
 import intersect from '../intersect/index.js';
 import { styles2String } from './handDrawnShapeStyles.js';
 import { getNodeClasses, labelHelper, updateNodeBounds } from './util.js';
-import {
-  getMindmapIconConfig,
-  calculateMindmapDimensions,
-  insertMindmapIcon,
-} from '../../../diagrams/mindmap/mindmapIconHelper.js';

 export async function defaultMindmapNode<T extends SVGGraphicsElement>(
  parent: D3Selection<T>,
@@ -22,38 +17,22 @@ export async function defaultMindmapNode<T extends SVGGraphicsElement>(
    getNodeClasses(node)
  );

-  const baseWidth = bbox.width + 8 * halfPadding;
-  const baseHeight = bbox.height + 2 * halfPadding;
+  const w = bbox.width + 8 * halfPadding;
+  const h = bbox.height + 2 * halfPadding;
+  const rd = 5;

-  const iconConfig = getMindmapIconConfig('default');
-  const dimensions = calculateMindmapDimensions(
-    node,
-    bbox,
-    baseWidth,
-    baseHeight,
-    halfPadding,
-    iconConfig
-  );
-
-  const w = dimensions.width;
-  const h = dimensions.height;
-
-  node.width = w;
-  node.height = h;
-
-  label.attr('transform', `translate(${dimensions.labelOffset.x}, ${dimensions.labelOffset.y})`);
-
-  const RD = 5;
-  const rectPath = `M${-w / 2} ${h / 2 - RD} 
-    v${-h + 2 * RD} 
-    q0,-${RD} ${RD},-${RD} 
-    h${w - 2 * RD} 
-    q${RD},0 ${RD},${RD} 
-    v${h - 2 * RD} 
-    q0,${RD} -${RD},${RD} 
-    h${-w + 2 * RD} 
-    q-${RD},0 -${RD},-${RD} 
-    Z`;
+  const rectPath = `
+    M${-w / 2} ${h / 2 - rd}
+    v${-h + 2 * rd}
+    q0,-${rd} ${rd},-${rd}
+    h${w - 2 * rd}
+    q${rd},0 ${rd},${rd}
+    v${h - 2 * rd}
+    q0,${rd} -${rd},${rd}
+    h${-w + 2 * rd}
+    q-${rd},0 -${rd},-${rd}
+    Z
+  `;

  const bg = shapeSvg
    .append('path')
@@ -70,12 +49,9 @@ export async function defaultMindmapNode<T extends SVGGraphicsElement>(
    .attr('x2', w / 2)
    .attr('y2', h / 2);

+  label.attr('transform', `translate(${-bbox.width / 2}, ${-bbox.height / 2})`);
  shapeSvg.append(() => label.node());

-  if (node.icon) {
-    await insertMindmapIcon(shapeSvg, node, iconConfig);
-  }
-
  updateNodeBounds(node, bg);
  node.calcIntersect = function (bounds: Bounds, point: Point) {
    return intersect.rect(bounds, point);
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/drawRect.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/drawRect.ts
@@ -15,21 +15,11 @@ export async function drawRect<T extends SVGGraphicsElement>(
 ) {
  const { labelStyles, nodeStyles } = styles2String(node);
  node.labelStyle = labelStyles;
-
-  const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node));
+  // console.log('IPI labelStyles:', labelStyles);
+  const { shapeSvg, bbox } = await labelHelper(parent, node, getNodeClasses(node));

  const totalWidth = Math.max(bbox.width + options.labelPaddingX * 2, node?.width || 0);
  const totalHeight = Math.max(bbox.height + options.labelPaddingY * 2, node?.height || 0);
-
-  node.width = totalWidth;
-  node.height = totalHeight;
-
-  const labelXOffset = -bbox.width / 2;
-
-  const labelYOffset = -bbox.height / 2;
-  if (node.icon) {
-    label.attr('transform', `translate(${labelXOffset}, ${labelYOffset})`);
-  }
  const x = -totalWidth / 2;
  const y = -totalHeight / 2;

--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/hexagon.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/hexagon.ts
@@ -26,22 +26,10 @@ export const createHexagonPathD = (
 export async function hexagon<T extends SVGGraphicsElement>(parent: D3Selection<T>, node: Node) {
  const { labelStyles, nodeStyles } = styles2String(node);
  node.labelStyle = labelStyles;
-
-  const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node));
+  const { shapeSvg, bbox } = await labelHelper(parent, node, getNodeClasses(node));

  const h = bbox.height + (node.padding ?? 0);
  const w = bbox.width + (node.padding ?? 0) * 2.5;
-
-  node.width = w;
-  node.height = h;
-
-  const labelXOffset = -bbox.width / 2;
-
-  const labelYOffset = -bbox.height / 2;
-
-  if (node.icon) {
-    label.attr('transform', `translate(${labelXOffset}, ${labelYOffset})`);
-  }
  const { cssStyles } = node;
  // @ts-expect-error -- Passing a D3.Selection seems to work for some reason
  const rc = rough.svg(shapeSvg);
@@ -86,6 +74,9 @@ export async function hexagon<T extends SVGGraphicsElement>(parent: D3Selection<
    polygon.selectChildren('path').attr('style', nodeStyles);
  }

+  node.width = w;
+  node.height = h;
+
  updateNodeBounds(node, polygon);

  node.intersect = function (point) {
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/mindmapCircle.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/mindmapCircle.ts
@@ -1,57 +1,13 @@
-import type { Node } from '../../types.js';
+import { circle } from './circle.js';
+import type { Node, MindmapOptions } from '../../types.js';
 import type { D3Selection } from '../../../types.js';
-import { getNodeClasses, labelHelper, updateNodeBounds } from './util.js';
-import { styles2String } from './handDrawnShapeStyles.js';
-import intersect from '../intersect/index.js';
-import {
-  getMindmapIconConfig,
-  calculateMindmapDimensions,
-  insertMindmapIcon,
-} from '../../../diagrams/mindmap/mindmapIconHelper.js';

 export async function mindmapCircle<T extends SVGGraphicsElement>(
  parent: D3Selection<T>,
  node: Node
 ) {
-  const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node));
-  const halfPadding = (node.padding ?? 0) / 2;
-
-  const iconConfig = getMindmapIconConfig('circle');
-  const baseRadius = bbox.width / 2 + halfPadding;
-  const baseDiameter = baseRadius * 2;
-
-  const dimensions = calculateMindmapDimensions(
-    node,
-    bbox,
-    baseDiameter,
-    baseDiameter,
-    halfPadding,
-    iconConfig
-  );
-
-  const radius = dimensions.width / 2;
-  node.width = dimensions.width;
-  node.height = dimensions.height;
-
-  label.attr('transform', `translate(${dimensions.labelOffset.x}, ${dimensions.labelOffset.y})`);
-
-  const circle = shapeSvg
-    .insert('circle', ':first-child')
-    .attr('r', radius)
-    .attr('class', 'basic label-container')
-    .attr('style', styles2String(node).nodeStyles);
-
-  shapeSvg.append(() => label.node());
-
-  if (node.icon) {
-    await insertMindmapIcon(shapeSvg, node, iconConfig);
-  }
-
-  updateNodeBounds(node, circle);
-
-  node.intersect = function (point) {
-    return intersect.circle(node, radius, point);
-  };
-
-  return shapeSvg;
+  const options = {
+    padding: node.padding ?? 0,
+  } as MindmapOptions;
+  return circle(parent, node, options);
 }
--- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts
+++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts
@@ -2,8 +2,8 @@ import { labelHelper, updateNodeBounds, getNodeClasses, createPathFromPoints } f
 import intersect from '../intersect/index.js';
 import type { Node } from '../../types.js';
 import { styles2String, userNodeOverrides } from './handDrawnShapeStyles.js';
-import type { D3Selection } from '../../../types.js';
 import rough from 'roughjs';
+import type { D3Selection } from '../../../types.js';

 /**
 * Generates evenly spaced points along an elliptical arc connecting two points.
@@ -91,20 +91,13 @@ export async function roundedRect<T extends SVGGraphicsElement>(
 ) {
  const { labelStyles, nodeStyles } = styles2String(node);
  node.labelStyle = labelStyles;
-  const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node));
+  const { shapeSvg, bbox } = await labelHelper(parent, node, getNodeClasses(node));

  const labelPaddingX = node?.padding ?? 0;
  const labelPaddingY = node?.padding ?? 0;

  const w = (node?.width ? node?.width : bbox.width) + labelPaddingX * 2;
  const h = (node?.height ? node?.height : bbox.height) + labelPaddingY * 2;
-
-  const labelXOffset = -bbox.width / 2;
-
-  if (node.icon) {
-    label.attr('transform', `translate(${labelXOffset}, ${-bbox.height / 2})`);
-  }
-
  const radius = node.radius || 5;
  const taper = node.taper || 5; // Taper width for the rounded corners
  const { cssStyles } = node;
--- a/packages/mermaid/src/rendering-util/types.ts
+++ b/packages/mermaid/src/rendering-util/types.ts
@@ -84,7 +84,6 @@ interface BaseNode {
  radius?: number;
  taper?: number;
  stroke?: string;
-  section?: number;
 }

 /**
--- a/packages/parser/CHANGELOG.md
+++ b/packages/parser/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @mermaid-js/parser

+## 0.6.3
+
+### Patch Changes
+
+- [#7051](https://github.com/mermaid-js/mermaid/pull/7051) [`63df702`](https://github.com/mermaid-js/mermaid/commit/63df7021462e8dc1f2aaecb9c5febbbbde4c38e3) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - Add validation for negative values in pie charts:
+
+  Prevents crashes during parsing by validating values post-parsing.
+
+  Provides clearer, user-friendly error messages for invalid negative inputs.
+
 ## 0.6.2

 ### Patch Changes
--- a/packages/parser/package.json
+++ b/packages/parser/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@mermaid-js/parser",
-  "version": "0.6.2",
+  "version": "0.6.3",
  "description": "MermaidJS parser",
  "author": "Yokozuna59",
  "contributors": [
--- a/packages/tiny/CHANGELOG.md
+++ b/packages/tiny/CHANGELOG.md
@@ -1,5 +1,30 @@
 # mermaid

+## 11.12.1
+
+### Patch Changes
+
+- [#7107](https://github.com/mermaid-js/mermaid/pull/7107) [`cbf8946`](https://github.com/mermaid-js/mermaid/commit/cbf89462acecac7a06f19843e8d48cb137df0753) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - fix: Updated the dependency dagre-d3-es to 7.0.13 to fix GHSA-cc8p-78qf-8p7q
+
+## 11.12.0
+
+### Minor Changes
+
+- [#6921](https://github.com/mermaid-js/mermaid/pull/6921) [`764b315`](https://github.com/mermaid-js/mermaid/commit/764b315dc16d0359add7c6b8e3ef7592e9bdc09c) Thanks [@quilicicf](https://github.com/quilicicf)! - feat: Add IDs in architecture diagrams
+
+### Patch Changes
+
+- [#6950](https://github.com/mermaid-js/mermaid/pull/6950) [`a957908`](https://github.com/mermaid-js/mermaid/commit/a9579083bfba367a4f4678547ec37ed7b61b9f5b) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - chore: Fix mindmap rendering in docs and apply tidytree layout
+
+- [#6826](https://github.com/mermaid-js/mermaid/pull/6826) [`1d36810`](https://github.com/mermaid-js/mermaid/commit/1d3681053b9168354e48e5763023b6305cd1ca72) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Ensure edge label color is applied when using classDef with edge IDs
+
+- [#6945](https://github.com/mermaid-js/mermaid/pull/6945) [`d318f1a`](https://github.com/mermaid-js/mermaid/commit/d318f1a13cd7429334a29c70e449074ec1cb9f68) Thanks [@darshanr0107](https://github.com/darshanr0107)! - fix: Resolve gantt chart crash due to invalid array length
+
+- [#6918](https://github.com/mermaid-js/mermaid/pull/6918) [`cfe9238`](https://github.com/mermaid-js/mermaid/commit/cfe9238882cbe95416db1feea3112456a71b6aaf) Thanks [@shubhamparikh2704](https://github.com/shubhamparikh2704)! - chore: revert marked dependency from ^15.0.7 to ^16.0.0
+  - Reverted marked package version to ^16.0.0 for better compatibility
+  - This is a dependency update that maintains API compatibility
+  - All tests pass with the updated version
+
 ## 11.11.0

 ### Minor Changes
--- a/packages/tiny/package.json
+++ b/packages/tiny/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@mermaid-js/tiny",
-  "version": "11.11.0",
+  "version": "11.12.1",
  "description": "Tiny version of mermaid",
  "type": "commonjs",
  "main": "./dist/mermaid.tiny.js",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,8 +17,8 @@ importers:
        specifier: ^3.55.2
        version: 3.55.2(encoding@0.1.13)(typescript@5.7.3)
      '@argos-ci/cypress':
-        specifier: ^6.1.1
-        version: 6.1.1(cypress@14.5.4)
+        specifier: ^6.1.3
+        version: 6.1.3(cypress@14.5.4)
      '@changesets/changelog-github':
        specifier: ^0.5.1
        version: 0.5.1(encoding@0.1.13)
@@ -27,13 +27,13 @@ importers:
        version: 2.29.7(@types/node@22.18.6)
      '@cspell/eslint-plugin':
        specifier: ^8.19.4
-        version: 8.19.4(eslint@9.35.0(jiti@2.5.1))
+        version: 8.19.4(eslint@9.38.0(jiti@2.5.1))
      '@cypress/code-coverage':
        specifier: ^3.14.6
        version: 3.14.6(@babel/core@7.28.4)(@babel/preset-env@7.28.3(@babel/core@7.28.4))(babel-loader@10.0.0(@babel/core@7.28.4)(webpack@5.101.3(esbuild@0.25.10)))(cypress@14.5.4)(webpack@5.101.3(esbuild@0.25.10))
      '@eslint/js':
-        specifier: ^9.26.0
-        version: 9.35.0
+        specifier: ^9.38.0
+        version: 9.38.0
      '@rollup/plugin-typescript':
        specifier: ^12.1.4
        version: 12.1.4(rollup@4.50.2)(tslib@2.8.1)(typescript@5.7.3)
@@ -104,32 +104,32 @@ importers:
        specifier: ^0.25.10
        version: 0.25.10
      eslint:
-        specifier: ^9.26.0
-        version: 9.35.0(jiti@2.5.1)
+        specifier: ^9.38.0
+        version: 9.38.0(jiti@2.5.1)
      eslint-config-prettier:
        specifier: ^10.1.8
-        version: 10.1.8(eslint@9.35.0(jiti@2.5.1))
+        version: 10.1.8(eslint@9.38.0(jiti@2.5.1))
      eslint-plugin-cypress:
        specifier: ^4.3.0
-        version: 4.3.0(eslint@9.35.0(jiti@2.5.1))
+        version: 4.3.0(eslint@9.38.0(jiti@2.5.1))
      eslint-plugin-html:
        specifier: ^8.1.3
        version: 8.1.3
      eslint-plugin-jest:
        specifier: ^28.14.0
-        version: 28.14.0(@typescript-eslint/eslint-plugin@8.43.0(@typescript-eslint/parser@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.35.0(jiti@2.5.1))(jest@30.1.3(@types/node@22.18.6))(typescript@5.7.3)
+        version: 28.14.0(@typescript-eslint/eslint-plugin@8.46.2(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.38.0(jiti@2.5.1))(jest@30.1.3(@types/node@22.18.6))(typescript@5.7.3)
      eslint-plugin-jsdoc:
        specifier: ^50.8.0
-        version: 50.8.0(eslint@9.35.0(jiti@2.5.1))
+        version: 50.8.0(eslint@9.38.0(jiti@2.5.1))
      eslint-plugin-json:
        specifier: ^4.0.1
        version: 4.0.1
      eslint-plugin-lodash:
        specifier: ^8.0.0
-        version: 8.0.0(eslint@9.35.0(jiti@2.5.1))
+        version: 8.0.0(eslint@9.38.0(jiti@2.5.1))
      eslint-plugin-markdown:
        specifier: ^5.1.0
-        version: 5.1.0(eslint@9.35.0(jiti@2.5.1))
+        version: 5.1.0(eslint@9.38.0(jiti@2.5.1))
      eslint-plugin-no-only-tests:
        specifier: ^3.3.0
        version: 3.3.0
@@ -138,7 +138,7 @@ importers:
        version: 0.4.0
      eslint-plugin-unicorn:
        specifier: ^59.0.1
-        version: 59.0.1(eslint@9.35.0(jiti@2.5.1))
+        version: 59.0.1(eslint@9.38.0(jiti@2.5.1))
      express:
        specifier: ^5.1.0
        version: 5.1.0
@@ -203,8 +203,8 @@ importers:
        specifier: ~5.7.3
        version: 5.7.3
      typescript-eslint:
-        specifier: ^8.38.0
-        version: 8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
+        specifier: ^8.46.2
+        version: 8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
      vite:
        specifier: ^7.0.7
        version: 7.1.5(@types/node@22.18.6)(jiti@2.5.1)(terser@5.44.0)(tsx@4.20.5)(yaml@2.8.1)
@@ -251,8 +251,8 @@ importers:
        specifier: ^0.12.3
        version: 0.12.3
      dagre-d3-es:
-        specifier: 7.0.11
-        version: 7.0.11
+        specifier: 7.0.13
+        version: 7.0.13
      dayjs:
        specifier: ^1.11.18
        version: 1.11.18
@@ -793,26 +793,26 @@ packages:
    resolution: {integrity: sha512-8mBaNNJ0zUBlb09ycc8aFTKajoqEu+E7M7kdV1IENIwuVOI3ecM6x9vr4ptWQz0LTnel7M+L3NPqAGJqoQ3AKA==}
    engines: {node: '>=12.13.0'}

-  '@argos-ci/api-client@0.11.0':
-    resolution: {integrity: sha512-mv7LWrJfEDjjs+CmAJaM1GIexpb3A8TwuyTUCTKgDp/SHdbU0uF8uC6lV4P/mfeGIvBYZzIRKq/frd+IETlC2g==}
+  '@argos-ci/api-client@0.12.0':
+    resolution: {integrity: sha512-WfhI+StLJKIKERWQaIm7Kv1/k+YO/CYIp3djDVhZIU6mv/8yalyNXHnkRC6ofq1kPpmRvoag1KW79/C2WsB4Ag==}
    engines: {node: '>=20.0.0'}

  '@argos-ci/browser@5.0.0':
    resolution: {integrity: sha512-SKAD7EXoLX4u50dzTIT/ABnpD284+DnBfoJM0ZrTIav2eiiVJyknNKSznF5w118lYGnYvugTXbKMnukGPzJeOA==}
    engines: {node: '>=20.0.0'}

-  '@argos-ci/core@4.1.5':
-    resolution: {integrity: sha512-tPsbnSuHEClkdGLUU/qHTNsMe3kAPBvz0DK0nkv6Z18N0imEbzVg+ggmcTmc2x2yEm7i1V456Z2MLhFvTqXnlw==}
+  '@argos-ci/core@4.2.0':
+    resolution: {integrity: sha512-3RNyBZ84pYfQ8dn/Ivv5ls2x2rgqFuh8wA8e4ugggA5lx2dE7a6yghJw8cPzud+zbHrpOntl/HBM3akh2SXLkw==}
    engines: {node: '>=20.0.0'}

-  '@argos-ci/cypress@6.1.1':
-    resolution: {integrity: sha512-fs6K2o7vEiAjBtQhrB6cp7YG6beYBRI9WyVbAHRVYyhdEic36agAqQ7/q3tx8d+uf7nXjjtZuW7KGUxjBmC9MA==}
+  '@argos-ci/cypress@6.1.3':
+    resolution: {integrity: sha512-JlBabUsksKXH7QT2M47dhBNHRxNwW+GQ1lvBT/mgGaFJX8P/GqLkEEmKolf1YBn28MFemQmjuK4G+z5Pjs3rLg==}
    engines: {node: '>=20.0.0'}
    peerDependencies:
      cypress: ^12.0.0 || ^13.0.0 || ^14.0.0

-  '@argos-ci/util@3.1.0':
-    resolution: {integrity: sha512-QM0IwJGm9YsRdsvTAskQab9iXpQOTOOLb+h9Yev76L2TzoLZ2tM9QO+pYNNlX9YLK5dYr/H/pBNQ1lWr130Jjw==}
+  '@argos-ci/util@3.1.1':
+    resolution: {integrity: sha512-sGb9PS7yqdVVtxpxRD1Nfter3kaioC4nPPTknVmMSqo2GQKO1gdmjMJtwHY+Nf9FgiMfwpTCnk8Rrf0pjS3Sug==}
    engines: {node: '>=20.0.0'}

  '@asamuzakjp/css-color@3.2.0':
@@ -2157,40 +2157,40 @@ packages:
    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}

-  '@eslint/config-array@0.21.0':
-    resolution: {integrity: sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==}
+  '@eslint/config-array@0.21.1':
+    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

-  '@eslint/config-helpers@0.3.1':
-    resolution: {integrity: sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==}
+  '@eslint/config-helpers@0.4.1':
+    resolution: {integrity: sha512-csZAzkNhsgwb0I/UAV6/RGFTbiakPCf0ZrGmrIxQpYvGZ00PhTkSnyKNolphgIvmnJeGw6rcGVEXfTzUnFuEvw==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

  '@eslint/core@0.13.0':
    resolution: {integrity: sha512-yfkgDw1KR66rkT5A8ci4irzDysN7FRpq3ttJolR88OqQikAWqwA8j5VZyas+vjyBNFIJ7MfybJ9plMILI2UrCw==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

-  '@eslint/core@0.15.2':
-    resolution: {integrity: sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==}
+  '@eslint/core@0.16.0':
+    resolution: {integrity: sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

  '@eslint/eslintrc@3.3.1':
    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

-  '@eslint/js@9.35.0':
-    resolution: {integrity: sha512-30iXE9whjlILfWobBkNerJo+TXYsgVM5ERQwMcMKCHckHflCmf7wXDAHlARoWnh0s1U72WqlbeyE7iAcCzuCPw==}
+  '@eslint/js@9.38.0':
+    resolution: {integrity: sha512-UZ1VpFvXf9J06YG9xQBdnzU+kthors6KjhMAl6f4gH4usHyh31rUf2DLGInT8RFYIReYXNSydgPY0V2LuWgl7A==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

-  '@eslint/object-schema@2.1.6':
-    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

  '@eslint/plugin-kit@0.2.8':
    resolution: {integrity: sha512-ZAoA40rNMPwSm+AeHpCq8STiNAwzWLJuP8Xv4CHIc9wv/PSuExjMrmjfYNj682vW0OOiZ1HKxzvjQr9XZIisQA==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

-  '@eslint/plugin-kit@0.3.5':
-    resolution: {integrity: sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==}
+  '@eslint/plugin-kit@0.4.0':
+    resolution: {integrity: sha512-sB5uyeq+dwCWyPi31B2gQlVlo+j5brPlWx4yZBrEaRo/nhdDE8Xke1gsGgtiBdaBTxuTkceLVuVt/pclrasb0A==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

  '@fastify/ajv-compiler@3.6.0':
@@ -3242,16 +3242,16 @@ packages:
  '@types/yauzl@2.10.3':
    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}

-  '@typescript-eslint/eslint-plugin@8.43.0':
-    resolution: {integrity: sha512-8tg+gt7ENL7KewsKMKDHXR1vm8tt9eMxjJBYINf6swonlWgkYn5NwyIgXpbbDxTNU5DgpDFfj95prcTq2clIQQ==}
+  '@typescript-eslint/eslint-plugin@8.46.2':
+    resolution: {integrity: sha512-ZGBMToy857/NIPaaCucIUQgqueOiq7HeAKkhlvqVV4lm089zUFW6ikRySx2v+cAhKeUCPuWVHeimyk6Dw1iY3w==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
-      '@typescript-eslint/parser': ^8.43.0
+      '@typescript-eslint/parser': ^8.46.2
      eslint: ^8.57.0 || ^9.0.0
      typescript: '>=4.8.4 <6.0.0'

-  '@typescript-eslint/parser@8.43.0':
-    resolution: {integrity: sha512-B7RIQiTsCBBmY+yW4+ILd6mF5h1FUwJsVvpqkrgpszYifetQ2Ke+Z4u6aZh0CblkUGIdR59iYVyXqqZGkZ3aBw==}
+  '@typescript-eslint/parser@8.46.2':
+    resolution: {integrity: sha512-BnOroVl1SgrPLywqxyqdJ4l3S2MsKVLDVxZvjI1Eoe8ev2r3kGDo+PcMihNmDE+6/KjkTubSJnmqGZZjQSBq/g==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
      eslint: ^8.57.0 || ^9.0.0
@@ -3263,18 +3263,34 @@ packages:
    peerDependencies:
      typescript: '>=4.8.4 <6.0.0'

+  '@typescript-eslint/project-service@8.46.2':
+    resolution: {integrity: sha512-PULOLZ9iqwI7hXcmL4fVfIsBi6AN9YxRc0frbvmg8f+4hQAjQ5GYNKK0DIArNo+rOKmR/iBYwkpBmnIwin4wBg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
  '@typescript-eslint/scope-manager@8.43.0':
    resolution: {integrity: sha512-daSWlQ87ZhsjrbMLvpuuMAt3y4ba57AuvadcR7f3nl8eS3BjRc8L9VLxFLk92RL5xdXOg6IQ+qKjjqNEimGuAg==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

+  '@typescript-eslint/scope-manager@8.46.2':
+    resolution: {integrity: sha512-LF4b/NmGvdWEHD2H4MsHD8ny6JpiVNDzrSZr3CsckEgCbAGZbYM4Cqxvi9L+WqDMT+51Ozy7lt2M+d0JLEuBqA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
  '@typescript-eslint/tsconfig-utils@8.43.0':
    resolution: {integrity: sha512-ALC2prjZcj2YqqL5X/bwWQmHA2em6/94GcbB/KKu5SX3EBDOsqztmmX1kMkvAJHzxk7TazKzJfFiEIagNV3qEA==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
      typescript: '>=4.8.4 <6.0.0'

-  '@typescript-eslint/type-utils@8.43.0':
-    resolution: {integrity: sha512-qaH1uLBpBuBBuRf8c1mLJ6swOfzCXryhKND04Igr4pckzSEW9JX5Aw9AgW00kwfjWJF0kk0ps9ExKTfvXfw4Qg==}
+  '@typescript-eslint/tsconfig-utils@8.46.2':
+    resolution: {integrity: sha512-a7QH6fw4S57+F5y2FIxxSDyi5M4UfGF+Jl1bCGd7+L4KsaUY80GsiF/t0UoRFDHAguKlBaACWJRmdrc6Xfkkag==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/type-utils@8.46.2':
+    resolution: {integrity: sha512-HbPM4LbaAAt/DjxXaG9yiS9brOOz6fabal4uvUmaUYe6l3K1phQDMQKBRUrr06BQkxkvIZVVHttqiybM9nJsLA==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
      eslint: ^8.57.0 || ^9.0.0
@@ -3284,12 +3300,22 @@ packages:
    resolution: {integrity: sha512-vQ2FZaxJpydjSZJKiSW/LJsabFFvV7KgLC5DiLhkBcykhQj8iK9BOaDmQt74nnKdLvceM5xmhaTF+pLekrxEkw==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

+  '@typescript-eslint/types@8.46.2':
+    resolution: {integrity: sha512-lNCWCbq7rpg7qDsQrd3D6NyWYu+gkTENkG5IKYhUIcxSb59SQC/hEQ+MrG4sTgBVghTonNWq42bA/d4yYumldQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
  '@typescript-eslint/typescript-estree@8.43.0':
    resolution: {integrity: sha512-7Vv6zlAhPb+cvEpP06WXXy/ZByph9iL6BQRBDj4kmBsW98AqEeQHlj/13X+sZOrKSo9/rNKH4Ul4f6EICREFdw==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
      typescript: '>=4.8.4 <6.0.0'

+  '@typescript-eslint/typescript-estree@8.46.2':
+    resolution: {integrity: sha512-f7rW7LJ2b7Uh2EiQ+7sza6RDZnajbNbemn54Ob6fRwQbgcIn+GWfyuHDHRYgRoZu1P4AayVScrRW+YfbTvPQoQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
  '@typescript-eslint/utils@8.43.0':
    resolution: {integrity: sha512-S1/tEmkUeeswxd0GGcnwuVQPFWo8NzZTOMxCvw8BX7OMxnNae+i8Tm7REQen/SwUIPoPqfKn7EaZ+YLpiB3k9g==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3297,10 +3323,21 @@ packages:
      eslint: ^8.57.0 || ^9.0.0
      typescript: '>=4.8.4 <6.0.0'

+  '@typescript-eslint/utils@8.46.2':
+    resolution: {integrity: sha512-sExxzucx0Tud5tE0XqR0lT0psBQvEpnpiul9XbGUB1QwpWJJAps1O/Z7hJxLGiZLBKMCutjTzDgmd1muEhBnVg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
  '@typescript-eslint/visitor-keys@8.43.0':
    resolution: {integrity: sha512-T+S1KqRD4sg/bHfLwrpF/K3gQLBM1n7Rp7OjjikjTEssI2YJzQpi5WXoynOaQ93ERIuq3O8RBTOUYDKszUCEHw==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

+  '@typescript-eslint/visitor-keys@8.46.2':
+    resolution: {integrity: sha512-tUFMXI4gxzzMXt4xpGJEsBsTox0XbNQ1y94EwlD/CuZwFcQP79xfQqMhau9HsRc/J0cAPA/HZt1dZPtGn9V/7w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
  '@ungap/structured-clone@1.3.0':
    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}

@@ -4900,8 +4937,8 @@ packages:
    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
    engines: {node: '>=12'}

-  dagre-d3-es@7.0.11:
-    resolution: {integrity: sha512-tvlJLyQf834SylNKax8Wkzco/1ias1OPw8DcUMDE7oUIoSEW25riQVuiu/0OWEFqT0cxHT3Pa9/D82Jr47IONw==}
+  dagre-d3-es@7.0.13:
+    resolution: {integrity: sha512-efEhnxpSuwpYOKRm/L5KbqoZmNNukHa/Flty4Wp62JRvgH2ojwVgPgdYyr4twpieZnyRDdIH7PY2mopX26+j2Q==}

  dashdash@1.14.1:
    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
@@ -5439,8 +5476,8 @@ packages:
    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

-  eslint@9.35.0:
-    resolution: {integrity: sha512-QePbBFMJFjgmlE+cXAlbHZbHpdFVS2E/6vzCy7aKlebddvl1vadiC4JFV5u/wqTkNUwEV8WrQi257jf5f06hrg==}
+  eslint@9.38.0:
+    resolution: {integrity: sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    hasBin: true
    peerDependencies:
@@ -7603,8 +7640,8 @@ packages:
    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
    engines: {node: '>=12'}

-  openapi-fetch@0.14.0:
-    resolution: {integrity: sha512-PshIdm1NgdLvb05zp8LqRQMNSKzIlPkyMxYFxwyHR+UlKD4t2nUjkDhNxeRbhRSEd3x5EUNh2w5sJYwkhOH4fg==}
+  openapi-fetch@0.14.1:
+    resolution: {integrity: sha512-l7RarRHxlEZYjMLd/PR0slfMVse2/vvIAGm75/F7J6MlQ8/b9uUQmUF2kCPrQhJqMXSxmYWObVgeYXbFYzZR+A==}

  openapi-typescript-helpers@0.0.15:
    resolution: {integrity: sha512-opyTPaunsklCBpTK8JGef6mfPhLSnyy5a0IN9vKtx3+4aExf+KxEqYwIy3hqkedXIB97u357uLMJsOnm3GVjsw==}
@@ -9145,8 +9182,8 @@ packages:
    peerDependencies:
      typescript: 5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x || 5.6.x || 5.7.x || 5.8.x || 5.9.x

-  typescript-eslint@8.43.0:
-    resolution: {integrity: sha512-FyRGJKUGvcFekRRcBKFBlAhnp4Ng8rhe8tuvvkR9OiU0gfd4vyvTRQHEckO6VDlH57jbeUQem2IpqPq9kLJH+w==}
+  typescript-eslint@8.46.2:
+    resolution: {integrity: sha512-vbw8bOmiuYNdzzV3lsiWv6sRwjyuKJMQqWulBOU7M0RrxedXledX8G8kBbQeiOYDnTfiXz0Y4081E1QMNB6iQg==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
    peerDependencies:
      eslint: ^8.57.0 || ^9.0.0
@@ -10298,19 +10335,19 @@ snapshots:

  '@applitools/utils@1.12.0': {}

-  '@argos-ci/api-client@0.11.0':
+  '@argos-ci/api-client@0.12.0':
    dependencies:
      debug: 4.4.3(supports-color@8.1.1)
-      openapi-fetch: 0.14.0
+      openapi-fetch: 0.14.1
    transitivePeerDependencies:
      - supports-color

  '@argos-ci/browser@5.0.0': {}

-  '@argos-ci/core@4.1.5':
+  '@argos-ci/core@4.2.0':
    dependencies:
-      '@argos-ci/api-client': 0.11.0
-      '@argos-ci/util': 3.1.0
+      '@argos-ci/api-client': 0.12.0
+      '@argos-ci/util': 3.1.1
      convict: 6.2.4
      debug: 4.4.3(supports-color@8.1.1)
      fast-glob: 3.3.3
@@ -10319,17 +10356,17 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@argos-ci/cypress@6.1.1(cypress@14.5.4)':
+  '@argos-ci/cypress@6.1.3(cypress@14.5.4)':
    dependencies:
      '@argos-ci/browser': 5.0.0
-      '@argos-ci/core': 4.1.5
-      '@argos-ci/util': 3.1.0
+      '@argos-ci/core': 4.2.0
+      '@argos-ci/util': 3.1.1
      cypress: 14.5.4
      cypress-wait-until: 3.0.2
    transitivePeerDependencies:
      - supports-color

-  '@argos-ci/util@3.1.0': {}
+  '@argos-ci/util@3.1.1': {}

  '@asamuzakjp/css-color@3.2.0':
    dependencies:
@@ -11554,12 +11591,12 @@ snapshots:
      '@cspell/url': 9.2.1
      import-meta-resolve: 4.2.0

-  '@cspell/eslint-plugin@8.19.4(eslint@9.35.0(jiti@2.5.1))':
+  '@cspell/eslint-plugin@8.19.4(eslint@9.38.0(jiti@2.5.1))':
    dependencies:
      '@cspell/cspell-types': 8.19.4
      '@cspell/url': 8.19.4
      cspell-lib: 8.19.4
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      synckit: 0.11.11

  '@cspell/filetypes@8.19.4': {}
@@ -11856,28 +11893,30 @@ snapshots:
  '@esbuild/win32-x64@0.25.10':
    optional: true

-  '@eslint-community/eslint-utils@4.9.0(eslint@9.35.0(jiti@2.5.1))':
+  '@eslint-community/eslint-utils@4.9.0(eslint@9.38.0(jiti@2.5.1))':
    dependencies:
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      eslint-visitor-keys: 3.4.3

  '@eslint-community/regexpp@4.12.1': {}

-  '@eslint/config-array@0.21.0':
+  '@eslint/config-array@0.21.1':
    dependencies:
-      '@eslint/object-schema': 2.1.6
+      '@eslint/object-schema': 2.1.7
      debug: 4.4.3(supports-color@8.1.1)
      minimatch: 3.1.2
    transitivePeerDependencies:
      - supports-color

-  '@eslint/config-helpers@0.3.1': {}
+  '@eslint/config-helpers@0.4.1':
+    dependencies:
+      '@eslint/core': 0.16.0

  '@eslint/core@0.13.0':
    dependencies:
      '@types/json-schema': 7.0.15

-  '@eslint/core@0.15.2':
+  '@eslint/core@0.16.0':
    dependencies:
      '@types/json-schema': 7.0.15

@@ -11895,18 +11934,18 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@eslint/js@9.35.0': {}
+  '@eslint/js@9.38.0': {}

-  '@eslint/object-schema@2.1.6': {}
+  '@eslint/object-schema@2.1.7': {}

  '@eslint/plugin-kit@0.2.8':
    dependencies:
      '@eslint/core': 0.13.0
      levn: 0.4.1

-  '@eslint/plugin-kit@0.3.5':
+  '@eslint/plugin-kit@0.4.0':
    dependencies:
-      '@eslint/core': 0.15.2
+      '@eslint/core': 0.16.0
      levn: 0.4.1

  '@fastify/ajv-compiler@3.6.0':
@@ -13119,15 +13158,15 @@ snapshots:
      '@types/node': 22.18.6
    optional: true

-  '@typescript-eslint/eslint-plugin@8.43.0(@typescript-eslint/parser@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)':
+  '@typescript-eslint/eslint-plugin@8.46.2(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)':
    dependencies:
      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
-      '@typescript-eslint/scope-manager': 8.43.0
-      '@typescript-eslint/type-utils': 8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.43.0
-      eslint: 9.35.0(jiti@2.5.1)
+      '@typescript-eslint/parser': 8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
+      '@typescript-eslint/scope-manager': 8.46.2
+      '@typescript-eslint/type-utils': 8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.46.2
+      eslint: 9.38.0(jiti@2.5.1)
      graphemer: 1.4.0
      ignore: 7.0.5
      natural-compare: 1.4.0
@@ -13136,14 +13175,14 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@typescript-eslint/parser@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)':
+  '@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)':
    dependencies:
-      '@typescript-eslint/scope-manager': 8.43.0
-      '@typescript-eslint/types': 8.43.0
-      '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.43.0
+      '@typescript-eslint/scope-manager': 8.46.2
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.46.2
      debug: 4.4.3(supports-color@8.1.1)
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      typescript: 5.7.3
    transitivePeerDependencies:
      - supports-color
@@ -13157,22 +13196,40 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  '@typescript-eslint/project-service@8.46.2(typescript@5.7.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.46.2(typescript@5.7.3)
+      '@typescript-eslint/types': 8.46.2
+      debug: 4.4.3(supports-color@8.1.1)
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - supports-color
+
  '@typescript-eslint/scope-manager@8.43.0':
    dependencies:
      '@typescript-eslint/types': 8.43.0
      '@typescript-eslint/visitor-keys': 8.43.0

+  '@typescript-eslint/scope-manager@8.46.2':
+    dependencies:
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/visitor-keys': 8.46.2
+
  '@typescript-eslint/tsconfig-utils@8.43.0(typescript@5.7.3)':
    dependencies:
      typescript: 5.7.3

-  '@typescript-eslint/type-utils@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)':
+  '@typescript-eslint/tsconfig-utils@8.46.2(typescript@5.7.3)':
    dependencies:
-      '@typescript-eslint/types': 8.43.0
-      '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
+      typescript: 5.7.3
+
+  '@typescript-eslint/type-utils@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
      debug: 4.4.3(supports-color@8.1.1)
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      ts-api-utils: 2.1.0(typescript@5.7.3)
      typescript: 5.7.3
    transitivePeerDependencies:
@@ -13180,6 +13237,8 @@ snapshots:

  '@typescript-eslint/types@8.43.0': {}

+  '@typescript-eslint/types@8.46.2': {}
+
  '@typescript-eslint/typescript-estree@8.43.0(typescript@5.7.3)':
    dependencies:
      '@typescript-eslint/project-service': 8.43.0(typescript@5.7.3)
@@ -13196,13 +13255,40 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@typescript-eslint/utils@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)':
+  '@typescript-eslint/typescript-estree@8.46.2(typescript@5.7.3)':
    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.35.0(jiti@2.5.1))
+      '@typescript-eslint/project-service': 8.46.2(typescript@5.7.3)
+      '@typescript-eslint/tsconfig-utils': 8.46.2(typescript@5.7.3)
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/visitor-keys': 8.46.2
+      debug: 4.4.3(supports-color@8.1.1)
+      fast-glob: 3.3.3
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.7.2
+      ts-api-utils: 2.1.0(typescript@5.7.3)
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.43.0(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.38.0(jiti@2.5.1))
      '@typescript-eslint/scope-manager': 8.43.0
      '@typescript-eslint/types': 8.43.0
      '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.7.3)
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
+      typescript: 5.7.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.38.0(jiti@2.5.1))
+      '@typescript-eslint/scope-manager': 8.46.2
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.7.3)
+      eslint: 9.38.0(jiti@2.5.1)
      typescript: 5.7.3
    transitivePeerDependencies:
      - supports-color
@@ -13212,6 +13298,11 @@ snapshots:
      '@typescript-eslint/types': 8.43.0
      eslint-visitor-keys: 4.2.1

+  '@typescript-eslint/visitor-keys@8.46.2':
+    dependencies:
+      '@typescript-eslint/types': 8.46.2
+      eslint-visitor-keys: 4.2.1
+
  '@ungap/structured-clone@1.3.0': {}

  '@unocss/astro@66.5.1(vite@7.1.5(@types/node@22.18.6)(jiti@2.5.1)(terser@5.44.0)(tsx@4.20.5)(yaml@2.8.1))':
@@ -15161,7 +15252,7 @@ snapshots:
      d3-transition: 3.0.1(d3-selection@3.0.0)
      d3-zoom: 3.0.0

-  dagre-d3-es@7.0.11:
+  dagre-d3-es@7.0.13:
    dependencies:
      d3: 7.9.0
      lodash-es: 4.17.21
@@ -15688,38 +15779,38 @@ snapshots:
    optionalDependencies:
      source-map: 0.6.1

-  eslint-config-prettier@10.1.8(eslint@9.35.0(jiti@2.5.1)):
+  eslint-config-prettier@10.1.8(eslint@9.38.0(jiti@2.5.1)):
    dependencies:
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)

-  eslint-plugin-cypress@4.3.0(eslint@9.35.0(jiti@2.5.1)):
+  eslint-plugin-cypress@4.3.0(eslint@9.38.0(jiti@2.5.1)):
    dependencies:
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      globals: 15.15.0

  eslint-plugin-html@8.1.3:
    dependencies:
      htmlparser2: 10.0.0

-  eslint-plugin-jest@28.14.0(@typescript-eslint/eslint-plugin@8.43.0(@typescript-eslint/parser@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.35.0(jiti@2.5.1))(jest@30.1.3(@types/node@22.18.6))(typescript@5.7.3):
+  eslint-plugin-jest@28.14.0(@typescript-eslint/eslint-plugin@8.46.2(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.38.0(jiti@2.5.1))(jest@30.1.3(@types/node@22.18.6))(typescript@5.7.3):
    dependencies:
-      '@typescript-eslint/utils': 8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
-      eslint: 9.35.0(jiti@2.5.1)
+      '@typescript-eslint/utils': 8.43.0(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
+      eslint: 9.38.0(jiti@2.5.1)
    optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.43.0(@typescript-eslint/parser@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
+      '@typescript-eslint/eslint-plugin': 8.46.2(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
      jest: 30.1.3(@types/node@22.18.6)
    transitivePeerDependencies:
      - supports-color
      - typescript

-  eslint-plugin-jsdoc@50.8.0(eslint@9.35.0(jiti@2.5.1)):
+  eslint-plugin-jsdoc@50.8.0(eslint@9.38.0(jiti@2.5.1)):
    dependencies:
      '@es-joy/jsdoccomment': 0.50.2
      are-docs-informative: 0.0.2
      comment-parser: 1.4.1
      debug: 4.4.3(supports-color@8.1.1)
      escape-string-regexp: 4.0.0
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      espree: 10.4.0
      esquery: 1.6.0
      parse-imports-exports: 0.2.4
@@ -15733,14 +15824,14 @@ snapshots:
      lodash: 4.17.21
      vscode-json-languageservice: 4.2.1

-  eslint-plugin-lodash@8.0.0(eslint@9.35.0(jiti@2.5.1)):
+  eslint-plugin-lodash@8.0.0(eslint@9.38.0(jiti@2.5.1)):
    dependencies:
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      lodash: 4.17.21

-  eslint-plugin-markdown@5.1.0(eslint@9.35.0(jiti@2.5.1)):
+  eslint-plugin-markdown@5.1.0(eslint@9.38.0(jiti@2.5.1)):
    dependencies:
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      mdast-util-from-markdown: 0.8.5
    transitivePeerDependencies:
      - supports-color
@@ -15752,15 +15843,15 @@ snapshots:
      '@microsoft/tsdoc': 0.15.1
      '@microsoft/tsdoc-config': 0.17.1

-  eslint-plugin-unicorn@59.0.1(eslint@9.35.0(jiti@2.5.1)):
+  eslint-plugin-unicorn@59.0.1(eslint@9.38.0(jiti@2.5.1)):
    dependencies:
      '@babel/helper-validator-identifier': 7.27.1
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.35.0(jiti@2.5.1))
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.38.0(jiti@2.5.1))
      '@eslint/plugin-kit': 0.2.8
      ci-info: 4.3.0
      clean-regexp: 1.0.0
      core-js-compat: 3.45.1
-      eslint: 9.35.0(jiti@2.5.1)
+      eslint: 9.38.0(jiti@2.5.1)
      esquery: 1.6.0
      find-up-simple: 1.0.1
      globals: 16.4.0
@@ -15787,21 +15878,20 @@ snapshots:

  eslint-visitor-keys@4.2.1: {}

-  eslint@9.35.0(jiti@2.5.1):
+  eslint@9.38.0(jiti@2.5.1):
    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.35.0(jiti@2.5.1))
+      '@eslint-community/eslint-utils': 4.9.0(eslint@9.38.0(jiti@2.5.1))
      '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.21.0
-      '@eslint/config-helpers': 0.3.1
-      '@eslint/core': 0.15.2
+      '@eslint/config-array': 0.21.1
+      '@eslint/config-helpers': 0.4.1
+      '@eslint/core': 0.16.0
      '@eslint/eslintrc': 3.3.1
-      '@eslint/js': 9.35.0
-      '@eslint/plugin-kit': 0.3.5
+      '@eslint/js': 9.38.0
+      '@eslint/plugin-kit': 0.4.0
      '@humanfs/node': 0.16.7
      '@humanwhocodes/module-importer': 1.0.1
      '@humanwhocodes/retry': 0.4.3
      '@types/estree': 1.0.8
-      '@types/json-schema': 7.0.15
      ajv: 6.12.6
      chalk: 4.1.2
      cross-spawn: 7.0.6
@@ -18528,7 +18618,7 @@ snapshots:
      is-docker: 2.2.1
      is-wsl: 2.2.0

-  openapi-fetch@0.14.0:
+  openapi-fetch@0.14.1:
    dependencies:
      openapi-typescript-helpers: 0.0.15

@@ -20266,13 +20356,13 @@ snapshots:
      typescript: 5.7.3
      yaml: 2.8.1

-  typescript-eslint@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3):
+  typescript-eslint@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3):
    dependencies:
-      '@typescript-eslint/eslint-plugin': 8.43.0(@typescript-eslint/parser@8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
-      '@typescript-eslint/typescript-estree': 8.43.0(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.43.0(eslint@9.35.0(jiti@2.5.1))(typescript@5.7.3)
-      eslint: 9.35.0(jiti@2.5.1)
+      '@typescript-eslint/eslint-plugin': 8.46.2(@typescript-eslint/parser@8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3))(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
+      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.46.2(eslint@9.38.0(jiti@2.5.1))(typescript@5.7.3)
+      eslint: 9.38.0(jiti@2.5.1)
      typescript: 5.7.3
    transitivePeerDependencies:
      - supports-color
Author	SHA1	Message	Date
renovate[bot]	28c240f3e0	chore(deps): update eslint	2025-10-28 10:26:07 +00:00
Ashish Jain	13baf51b35	Merge 11.12.1 back to develop	2025-10-28 11:23:19 +01:00
Justin Greywolf	9af985ba9b	Merge pull request #5814 from kairi003/feature/4706_allow_notes_in_namespace feat: allow to put notes in namespaces on classDiagram	2025-10-27 19:21:00 +00:00
Sidharth Vinod	762b44cf33	Merge pull request #7108 from mermaid-js/changeset-release/master Version Packages	2025-10-27 18:35:34 +05:30
github-actions[bot]	02c0091106	Version Packages	2025-10-27 12:08:22 +00:00
Sidharth Vinod	16359adc33	Merge pull request #7107 from mermaid-js/patch/dagre-d3-es-7.0.13 fix: update dagre-d3-es to version 7.0.13	2025-10-27 17:35:36 +05:30
Shubham P	061632c580	Update .changeset/slick-wasps-bathe.md Co-authored-by: Alois Klink <alois@mermaidchart.com>	2025-10-27 16:20:24 +05:30
shubhamparikh2704	cbf89462ac	fix: update dagre-d3-es to version 7.0.13	2025-10-27 15:06:24 +05:30
kairi003	700aa100f2	fix: style broken caused by a mistake in merge `3f46c94a`	2025-10-26 04:18:19 +09:00
kairi003	49103ea654	fix: update ClassDB and ClassTypes for improved type safety and consistency	2025-10-26 03:01:00 +09:00
kairi003	3f46c94ab2	Merge branch 'develop' into tmp/feature/4706_allow_notes_in_namespace	2025-10-26 02:39:38 +09:00
Knut Sveidqvist	fed8a523a4	Merge pull request #7076 from mermaid-js/6919-fix-incorrect-viewBox-casing 6919: correct viewBox casing in Radar & Packet	2025-10-21 12:20:04 +00:00
Knut Sveidqvist	33b4946e21	Merge branch 'develop' into 6919-fix-incorrect-viewBox-casing	2025-10-21 10:33:21 +02:00
Justin Greywolf	3d768f3adf	Merge pull request #6975 from ilovelinux/fix/6974-ilovelinux-fix-classdiagram-example Fix classDiagram example	2025-10-17 02:56:34 +00:00
darshanr0107	76e17ffd20	fix: add validation to ensure correct casing of 'viewBox' in all rendering tests on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>	2025-10-15 18:56:49 +05:30
darshanr0107	60f633101c	chore: added changeset on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>	2025-10-13 19:14:22 +05:30
Shubham P	18f51eb14e	Merge pull request #6843 from saurabhg772244/saurabh/fix-edge-animation-for-hand-dranw-shapes Fixed edge animation for hand drawn shapes	2025-10-13 13:14:24 +00:00
Shubham P	2bb57bf7d2	Merge pull request #6989 from mermaid-js/subgraph-td-direction 6338: allow direction TD inside subgraphs	2025-10-13 13:13:46 +00:00
Shubham P	a6276daffd	Merge pull request #7055 from mermaid-js/sequence-diagram-participant-name-parsing 6853: prevent browser freeze caused by invalid participant name in sequenceDiagram	2025-10-13 13:12:08 +00:00
darshanr0107	7def6eecbf	fix: correct viewBox casing in radar and packet diagram on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>	2025-10-13 18:15:38 +05:30
Antonio Spadaro	ac411a7d7e	Fix class diagram example	2025-10-11 22:56:37 +02:00
Justin Greywolf	d80a638e55	Merge pull request #6023 from yari-dewalt/fix_lollipop_stroke Fix: Delete 'stroke: black' from lollipop marker so it matches themes and edge paths	2025-10-11 20:43:08 +00:00
Justin Greywolf	7a869c08a2	Merge pull request #6026 from yari-dewalt/bug/5669_class-diagram-fix-namespace-themes Fix: Class diagram namespaces black lines, not responding to theme variables	2025-10-11 20:42:53 +00:00
Justin Greywolf	44e8cbb1de	Merge branch 'develop' into bug/5669_class-diagram-fix-namespace-themes	2025-10-11 13:27:47 -07:00
Justin Greywolf	efe38b8425	Merge branch 'develop' into fix_lollipop_stroke	2025-10-11 13:26:59 -07:00
darshanr0107	6fecb985e8	fix: failing argos on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>	2025-10-09 11:50:44 +05:30
darshanr0107	69b338d8af	fix: formatting issues Co-authored-by: omkarht <omkar@mermaidchart.com>	2025-10-09 11:37:05 +05:30
darshanr0107	fa15ce8502	chore: added changeset on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>	2025-10-08 13:23:28 +05:30
darshanr0107	6d0650918f	fix: handle participant names with spaces correctly in sequenceDiagram on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>	2025-10-08 13:09:30 +05:30
Shubham P	c728d864c8	Merge pull request #7054 from mermaid-js/fix/update-argos-ci-version fix: update @argos-ci/cypress to version 6.1.3	2025-10-07 08:34:58 +00:00
shubhamparikh2704	99f17bea3a	fix: update @argos-ci/cypress to version 6.1.3	2025-10-07 13:39:28 +05:30
Sidharth Vinod	ad82448084	Merge pull request #7053 from mermaid-js/changeset-release/master Version Packages	2025-10-07 13:23:31 +05:30
github-actions[bot]	9498619d3c	Version Packages	2025-10-07 07:36:05 +00:00
Sidharth Vinod	7a8557a1a2	Merge pull request #7036 from mermaid-js/knsv-patch-1 Update free plan diagram limit from 3 to 6	2025-10-07 13:03:39 +05:30
Sidharth Vinod	74863c94fb	Merge pull request #7051 from mermaid-js/patch-parser-release Pre Release	2025-10-07 12:34:22 +05:30
shubhamparikh2704	63df702146	chore: added changeset file	2025-10-07 10:47:16 +05:30
autofix-ci[bot]	421f8d4633	[autofix.ci] apply automated fixes	2025-10-03 07:41:08 +00:00
Knut Sveidqvist	bf6e1a594c	Update free plan diagram limit from 3 to 6	2025-10-03 09:35:21 +02:00
darshanr0107	1a9d45abf0	fix: allow direction TD inside subgraphs on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>	2025-09-24 12:22:31 +05:30
Sidharth Vinod	0116b272b4	Merge pull request #6961 from mermaid-js/changeset-release/master Version Packages	2025-09-18 10:50:42 +05:30
github-actions[bot]	634f3367da	Version Packages	2025-09-17 17:48:06 +00:00
Saurabh Gore	bbb93b263d	Merge branch 'develop' into saurabh/fix-edge-animation-for-hand-dranw-shapes	2025-09-13 11:37:21 +05:30
saurabhg772244	4240340a18	Merge branch 'develop' of github.com:mermaid-js/mermaid into saurabh/fix-edge-animation-for-hand-dranw-shapes	2025-09-11 11:36:26 +05:30
omkarht	ca10a259fa	Merge branch 'develop' into saurabh/fix-edge-animation-for-hand-dranw-shapes	2025-09-05 16:28:39 +05:30
Saurabh Gore	0ed9c65572	Merge branch 'develop' into saurabh/fix-edge-animation-for-hand-dranw-shapes	2025-09-05 12:56:27 +05:30
saurabhg772244	56cc12690f	Added option to skip screenshot for cypress tests	2025-09-05 12:47:07 +05:30
saurabhg772244	e6fb4a84da	code refactor	2025-08-11 16:32:03 +05:30
saurabhg772244	32723b2de1	Added change set	2025-08-11 15:59:07 +05:30
saurabhg772244	18703782ee	Fixed edge animation for hand drawn shapes	2025-08-11 15:52:49 +05:30
autofix-ci[bot]	47297f7c26	[autofix.ci] apply automated fixes	2025-02-26 17:49:51 +00:00
Yari DeWalt	967aa0629e	Merge branch 'develop' into bug/5669_class-diagram-fix-namespace-themes	2025-02-26 09:45:14 -08:00
Yari DeWalt	04b20a79b9	Merge branch 'develop' into fix_lollipop_stroke	2025-02-26 09:20:16 -08:00
kairi	d60b09cafc	Merge branch 'develop' into feature/4706_allow_notes_in_namespace	2024-12-01 09:20:39 +09:00
kairi003	875827f59b	Merge branch 'develop' into feature/4706_allow_notes_in_namespace	2024-11-21 07:16:47 +09:00
kairi003	c4e08261b5	Merge branch 'develop' into feature/4706_allow_notes_in_namespace	2024-11-10 23:56:48 +09:00
kairi003	70f679d2fa	add: e2e test for classDiagram-v3	2024-11-10 20:27:35 +09:00
kairi003	25c43fa439	add: horizontal rules to demos/classchart.html	2024-11-10 02:34:31 +09:00
kairi003	ec1c6325d4	refactor: Add type annotations and optimize redundant set loop	2024-11-10 02:34:31 +09:00
kairi003	309ff6be38	fix: Reimplement notes in namespaces for classRenderer-v3 (#5880 )	2024-11-10 02:32:20 +09:00
kairi003	02d368df05	chore: relax git version constraint in Dockerfile to allow patch updates	2024-11-10 01:58:29 +09:00
kairi003	4ee1fe2ca4	Merge branch 'master' into feature/4706_allow_notes_in_namespace	2024-11-10 01:52:46 +09:00
yari-dewalt	4ff2ae9f4e	Add styles for clusters and remove hard-coded styling for namespace nodes	2024-11-06 09:00:21 -08:00
Yari DeWalt	7a729e8f16	Merge branch 'develop' into fix_lollipop_stroke	2024-11-04 10:21:00 -08:00
yari-dewalt	3c7fd95617	Remove black stroke from lollipops so it matches edge paths	2024-11-04 10:15:51 -08:00
kairi003	2dd29bee25	add changelogs	2024-09-08 02:13:33 +09:00
kairi003	259a508d8a	add e2e test	2024-09-08 01:31:26 +09:00
kairi	1963064369	Merge branch 'develop' into feature/4706_allow_notes_in_namespace	2024-09-08 00:27:14 +09:00
kairi	a101ce803c	Merge branch 'develop' into feature/4706_allow_notes_in_namespace	2024-09-04 14:14:19 +09:00
kairi003	fc0c7936d1	feat: Add support for adding notes to namespaces in class diagrams	2024-09-03 15:27:31 +09:00
kairi003	2d2add5b44	Change: use Map for notes	2024-09-03 15:22:59 +09:00
kairi003	58fd5ddbaf	Add: demo for notes in namespace on classDialog	2024-09-03 15:22:41 +09:00