diagram fixes

Author: alexwolfmsft

docs/azure/sdk/media/mermaidjs/authentication-environments.md

@@ -4,9 +4,18 @@ ms.date: 08/07/2024
 ---
 
 ```mermaid
+%% STEPS TO GENERATE IMAGE 
+%% ======================= 
+%% 1. Install mermaid CLI v10.9.1 (see https://github.com/mermaid-js/mermaid-cli/blob/master/README.md): 
+%%    npm i -g @mermaid-js/[email protected] 
+%% 2. Run command: mmdc -i authentication-environments.md -o ../../media/mermaidjs/authentication-environments.svg 
+
 %%{init: {'theme':'base', 'themeVariables': { 'primaryColor': '#fff', 'edgeLabelBackground':'#fff', 'fontSize': '24px'}}}%%
 flowchart LR
-    Start([Authentication Environment]) --> Q1{Where is the app running?}
+    NetApp[".NET app"]
+    Q1{Where is the app running?}
+    
+    NetApp --> Q1
     
     %% Local Development Machine Branch
     Q1 --> LocalDev[Development Machine]
@@ -25,13 +34,13 @@ flowchart LR
     %% Styling
     classDef questionBox fill:#4472C4,stroke:#333,stroke-width:2px,color:#fff,font-size:24px
     classDef authMethod fill:#e6f2ff,stroke:#4472C4,stroke-width:2px,color:#000,font-size:24px
-    classDef startNode fill:#2d5f3f,stroke:#333,stroke-width:2px,color:#fff,font-size:24px
     classDef envNode fill:#8fbc8f,stroke:#333,stroke-width:2px,color:#000,font-size:24px
+    classDef startNode fill:#2d5f3f,stroke:#333,stroke-width:2px,color:#fff,font-size:24px
     
     %% Edge label styling
     linkStyle default font-size:24px
     
-    class Start startNode
+    class NetApp startNode
     class Q1 questionBox
     class AppSP,DevAccount,Broker,ManagedId,ServicePrincipal authMethod
     class LocalDev,AzureApp,OnPremApp envNode

docs/azure/sdk/media/mermaidjs/authentication-environments.svg

@@ -4,6 +4,12 @@ ms.date: 08/07/2024
 ---
 
 ```mermaid
+%% STEPS TO GENERATE IMAGE 
+%% ======================= 
+%% 1. Install mermaid CLI v10.9.1 (see https://github.com/mermaid-js/mermaid-cli/blob/master/README.md): 
+%%    npm i -g @mermaid-js/[email protected] 
+%% 2. Run command: mmdc -i local-broker-authentication.md -o ../../media/mermaidjs/local-broker-authentication.svg 
+
 flowchart LR
     APP["Local .NET app"]
     BK["Developer account credentials supplied by broker"]

docs/azure/sdk/media/mermaidjs/local-broker-authentication.md

@@ -4,6 +4,12 @@ ms.date: 08/07/2024
 ---
 
 ```mermaid
+%% STEPS TO GENERATE IMAGE 
+%% ======================= 
+%% 1. Install mermaid CLI v10.9.1 (see https://github.com/mermaid-js/mermaid-cli/blob/master/README.md): 
+%%    npm i -g @mermaid-js/[email protected] 
+%% 2. Run command: mmdc -i local-developer-authentication.md -o ../../media/mermaidjs/local-developer-authentication.svg 
+
 flowchart TD
     ARL[Local .NET app]
     

docs/azure/sdk/media/mermaidjs/local-developer-authentication.md

@@ -4,6 +4,12 @@ ms.date: 08/07/2024
 ---
 
 ```mermaid
+%% STEPS TO GENERATE IMAGE 
+%% ======================= 
+%% 1. Install mermaid CLI v10.9.1 (see https://github.com/mermaid-js/mermaid-cli/blob/master/README.md): 
+%%    npm i -g @mermaid-js/[email protected] 
+%% 2. Run command: mmdc -i local-service-principal-authentication.md -o ../../media/mermaidjs/local-service-principal-authentication.svg 
+
 flowchart LR
     APP["Local .NET app"]
     SP["App service principal stored in environment variables"]