Orientation in flowchart does not follow declaration

[mauermbq]

Describe the bug
The rendering of a flowchart with subgraphs does not follow orientation as declared

To Reproduce
Use the following code:

flowchart LR
    T0(Task) --> Crew --> O1(Output)
    subgraph Crew
        direction LR
        subgraph Agents
            direction TB
            A1(Agent)
            A2(Agent)
        end
        subgraph Tasks
            direction TB
            T1(Tasks) 
            T1 --- C([Tools])
            T2(Tasks)
            T3(Tasks)
        end
    end
    
    style T0 stroke-width:2px,stroke-dasharray: 2
    style O1 stroke-width:2px,stroke-dasharray: 2

Expected behavior
T0(Task) --> Crew --> O1(Output) should be aligned from left to right
Inside the Crew subgraph:
Agents subgraph should be first in crew on left side while boxes inside should be aligned top down.
Tasks subgraph should be second (right of Agents as direction is LR) in crew left while boxes inside should be aligned top down.
Tools should be aligned to the right of their corresponding Tasks.

Observed:
subgraphs are oriented TD instead LR, sorting wrong Tasks first instead second, orientation inside subgraphs not as declared as well, problem occurs constantly in different clients see below.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop:

• OS: macOS
• Browser Chrome
• Version Version 127.0.6533.120 (Official Build) (arm64)

VC code

• Version Version: 1.94.2 (Universal)
  Commit: 384ff7382de624fb94dbaf6da11977bba1ecd427
  Datum: 2024-10-09T16:08:44.566Z
  Electron: 30.5.1
  ElectronBuildId: 10262041
  Chromium: 124.0.6367.243
  Node.js: 20.16.0
  V8: 12.4.254.20-electron.0
  Betriebssystem: Darwin arm64 23.6.0
• Markdown Preview Mermaid Support v1.26.0