From b3832668b9a7f046a2fe240534cc93ce379a47ea Mon Sep 17 00:00:00 2001
From: Scott Addie <scott.addie@microsoft.com>
Date: Thu, 18 Jul 2024 12:50:33 -0500
Subject: [PATCH 1/3] Reformat DefaultAzureCredential flow chart

---
 .../DefaultAzureCredentialAuthFlow.md         | 21 +++++++++++++++----
 .../DefaultAzureCredentialAuthFlow.svg        |  2 +-
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
index 1f7e1c0a8361..4e5ec79d6741 100644
--- a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
+++ b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
@@ -1,18 +1,31 @@
 ```mermaid
 %% STEPS TO GENERATE IMAGE
 %% =======================
-%% 1. Install mermaid CLI (see https://github.com/mermaid-js/mermaid-cli/blob/master/README.md)
-%%    v10.1.0 is known good for our process. npm install -g @mermaid-js/mermaid-cli@10.1.0
+%% 1. Install mermaid CLI (see https://github.com/mermaid-js/mermaid-cli/blob/master/README.md).
+%%    v10.9.1 is known good for our process. npm i -g @mermaid-js/mermaid-cli@10.9.1
 %% 2. Run command: mmdc -i DefaultAzureCredentialAuthFlow.md -o DefaultAzureCredentialAuthFlow.svg
 
-flowchart LR;
-    A(Environment):::deployed --> B(Workload Identity):::deployed --> C(Managed Identity):::deployed --> D(Azure CLI):::developer --> E(Azure PowerShell):::developer --> F(Azure Developer CLI):::developer --> G(Interactive browser):::interactive;
+%%{
+  init: {
+    'theme': 'base',
+    'themeVariables': {
+      'tertiaryBorderColor': '#fff',
+      'tertiaryColor': '#fff'
+    }
+  }
+}%%
 
+flowchart LR;
     subgraph CREDENTIAL TYPES;
         direction LR;
         Deployed(Deployed service):::deployed ~~~ Developer(Developer):::developer ~~~ Interactive(Interactive developer):::interactive;
     end;
 
+    subgraph CREDENTIALS;
+        direction LR;
+        A(Environment):::deployed --> B(Workload Identity):::deployed --> C(Managed Identity):::deployed --> D(Azure CLI):::developer --> E(Azure PowerShell):::developer --> F(Azure Developer CLI):::developer --> G(Interactive browser):::interactive;
+    end;
+
     %% Define styles for credential type boxes
     classDef deployed fill:#95C37E, stroke:#71AD4C;
     classDef developer fill:#F5AF6F, stroke:#EB7C39;
diff --git a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.svg b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.svg
index f127dcd4f773..d14d33781e16 100644
--- a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.svg
+++ b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.svg
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 1675.71875 204" style="max-width: 1675.72px; background-color: white;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-1683824930762"><style>#mermaid-1683824930762{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-1683824930762 .error-icon{fill:#552222;}#mermaid-1683824930762 .error-text{fill:#552222;stroke:#552222;}#mermaid-1683824930762 .edge-thickness-normal{stroke-width:2px;}#mermaid-1683824930762 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1683824930762 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1683824930762 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1683824930762 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1683824930762 .marker{fill:#333333;stroke:#333333;}#mermaid-1683824930762 .marker.cross{stroke:#333333;}#mermaid-1683824930762 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-1683824930762 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-1683824930762 .cluster-label text{fill:#333;}#mermaid-1683824930762 .cluster-label span,#mermaid-1683824930762 p{color:#333;}#mermaid-1683824930762 .label text,#mermaid-1683824930762 span,#mermaid-1683824930762 p{fill:#333;color:#333;}#mermaid-1683824930762 .node rect,#mermaid-1683824930762 .node circle,#mermaid-1683824930762 .node ellipse,#mermaid-1683824930762 .node polygon,#mermaid-1683824930762 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-1683824930762 .flowchart-label text{text-anchor:middle;}#mermaid-1683824930762 .node .label{text-align:center;}#mermaid-1683824930762 .node.clickable{cursor:pointer;}#mermaid-1683824930762 .arrowheadPath{fill:#333333;}#mermaid-1683824930762 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-1683824930762 .flowchart-link{stroke:#333333;fill:none;}#mermaid-1683824930762 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-1683824930762 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-1683824930762 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-1683824930762 .cluster text{fill:#333;}#mermaid-1683824930762 .cluster span,#mermaid-1683824930762 p{color:#333;}#mermaid-1683824930762 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-1683824930762 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-1683824930762 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-1683824930762 .deployed&gt;*{fill:#95C37E!important;stroke:#71AD4C!important;}#mermaid-1683824930762 .deployed span{fill:#95C37E!important;stroke:#71AD4C!important;}#mermaid-1683824930762 .developer&gt;*{fill:#F5AF6F!important;stroke:#EB7C39!important;}#mermaid-1683824930762 .developer span{fill:#F5AF6F!important;stroke:#EB7C39!important;}#mermaid-1683824930762 .interactive&gt;*{fill:#A5A5A5!important;stroke:#828282!important;}#mermaid-1683824930762 .interactive span{fill:#A5A5A5!important;stroke:#828282!important;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="10" viewBox="0 0 12 20" class="marker flowchart" id="flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M324.3359375,171L364.9986979166667,171C405.6614583333333,171,486.9869791666667,171,531.81640625,171C576.6458333333334,171,584.9791666666666,171,589.1458333333334,171L593.3125,171"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M735.515625,171L739.6822916666666,171C743.8489583333334,171,752.1822916666666,171,760.515625,171C768.8489583333334,171,777.1822916666666,171,781.3489583333334,171L785.515625,171"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M923.890625,171L928.0572916666666,171C932.2239583333334,171,940.5572916666666,171,948.890625,171C957.2239583333334,171,965.5572916666666,171,969.7239583333334,171L973.890625,171"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-E" id="L-D-E-0" d="M1056.5625,171L1060.7291666666667,171C1064.8958333333333,171,1073.2291666666667,171,1081.5625,171C1089.8958333333333,171,1098.2291666666667,171,1102.3958333333333,171L1106.5625,171"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-F" id="L-E-F-0" d="M1245.3125,171L1249.4791666666667,171C1253.6458333333333,171,1261.9791666666667,171,1270.3125,171C1278.6458333333333,171,1286.9791666666667,171,1291.1458333333333,171L1295.3125,171"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-F LE-G" id="L-F-G-0" d="M1455.0625,171L1459.2291666666667,171C1463.3958333333333,171,1471.7291666666667,171,1480.0625,171C1488.3958333333333,171,1496.7291666666667,171,1500.8958333333333,171L1505.0625,171"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(-7.5, -8)" class="root"><g class="clusters"><g id="subGraph0" class="cluster default flowchart-label"><rect height="104" width="543.3125" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(212.21875, 8)" class="cluster-label"><foreignObject height="19" width="134.875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CREDENTIAL TYPES</span></div></foreignObject></g></g></g><g class="edgePaths"><path style="stroke-width: 0;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-Deployed LE-Developer" id="L-Deployed-Developer-0" d="M169.578125,60L173.74479166666666,60C177.91145833333334,60,186.24479166666666,60,194.578125,60C202.91145833333334,60,211.24479166666666,60,215.41145833333334,60L219.578125,60"/><path style="stroke-width: 0;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-Developer LE-Interactive" id="L-Developer-Interactive-0" d="M306.84375,60L311.0104166666667,60C315.1770833333333,60,323.5104166666667,60,331.84375,60C340.1770833333333,60,348.5104166666667,60,352.6770833333333,60L356.84375,60"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(441.578125, 60)" id="flowchart-Interactive-29" class="node default interactive flowchart-label"><rect height="34" width="169.46875" y="-17" x="-84.734375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-77.234375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="154.46875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Interactive developer</span></div></foreignObject></g></g><g transform="translate(101.2890625, 60)" id="flowchart-Deployed-27" class="node default deployed flowchart-label"><rect height="34" width="136.578125" y="-17" x="-68.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-60.7890625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="121.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Deployed service</span></div></foreignObject></g></g><g transform="translate(263.2109375, 60)" id="flowchart-Developer-28" class="node default developer flowchart-label"><rect height="34" width="87.265625" y="-17" x="-43.6328125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-36.1328125, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="72.265625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Developer</span></div></foreignObject></g></g></g></g><a transform="translate(271.65625, 171)" xlink:href="https://aka.ms/azsdk/python/identity/environmentcredential"><g id="flowchart-A-20" class="node default deployed clickable flowchart-label"><rect height="34" width="105.359375" y="-17" x="-52.6796875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-45.1796875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="90.359375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Environment</span></div></foreignObject></g></g></a><a transform="translate(664.4140625, 171)" xlink:href="https://aka.ms/azsdk/python/identity/workloadidentitycredential"><g id="flowchart-B-21" class="node default deployed clickable flowchart-label"><rect height="34" width="142.203125" y="-17" x="-71.1015625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-63.6015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="127.203125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Workload Identity</span></div></foreignObject></g></g></a><a transform="translate(854.703125, 171)" xlink:href="https://aka.ms/azsdk/python/identity/managedidentitycredential"><g id="flowchart-C-22" class="node default deployed clickable flowchart-label"><rect height="34" width="138.375" y="-17" x="-69.1875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-61.6875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="123.375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Managed Identity</span></div></foreignObject></g></g></a><a transform="translate(1015.2265625, 171)" xlink:href="https://aka.ms/azsdk/python/identity/azclicredential"><g id="flowchart-D-23" class="node default developer clickable flowchart-label"><rect height="34" width="82.671875" y="-17" x="-41.3359375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-33.8359375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="67.671875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure CLI</span></div></foreignObject></g></g></a><a transform="translate(1175.9375, 171)" xlink:href="https://aka.ms/azsdk/python/identity/powershellcredential"><g id="flowchart-E-24" class="node default developer clickable flowchart-label"><rect height="34" width="138.75" y="-17" x="-69.375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-61.875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="123.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure PowerShell</span></div></foreignObject></g></g></a><a transform="translate(1375.1875, 171)" xlink:href="https://aka.ms/azsdk/python/identity/azuredeveloperclicredential"><g id="flowchart-F-25" class="node default developer clickable flowchart-label"><rect height="34" width="159.75" y="-17" x="-79.875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-72.375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="144.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure Developer CLI</span></div></foreignObject></g></g></a><a transform="translate(1582.640625, 171)" xlink:href="https://aka.ms/azsdk/python/identity/interactivebrowsercredential"><g id="flowchart-G-26" class="node default interactive clickable flowchart-label"><rect height="34" width="155.15625" y="-17" x="-77.578125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-70.078125, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="140.15625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Interactive browser</span></div></foreignObject></g></g></a></g></g></g></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 1288.265625 274" style="max-width: 1288.27px; background-color: white;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#ffffff;}#my-svg .error-text{fill:#000000;stroke:#000000;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#0b0b0b;stroke:#0b0b0b;}#my-svg .marker.cross{stroke:#0b0b0b;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#000000;}#my-svg .cluster-label span,#my-svg p{color:#000000;}#my-svg .label text,#my-svg span,#my-svg p{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#fff4dd;stroke:hsl(40.5882352941, 60%, 83.3333333333%);stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:#0b0b0b;}#my-svg .edgePath .path{stroke:#0b0b0b;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#0b0b0b;fill:none;}#my-svg .edgeLabel{background-color:hsl(-79.4117647059, 100%, 93.3333333333%);text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:hsl(-79.4117647059, 100%, 93.3333333333%);fill:hsl(-79.4117647059, 100%, 93.3333333333%);}#my-svg .labelBkg{background-color:rgba(243.9999999999, 220.9999999998, 255, 0.5);}#my-svg .cluster rect{fill:#ffffff;stroke:#ffffff;stroke-width:1px;}#my-svg .cluster text{fill:#000000;}#my-svg .cluster span,#my-svg p{color:#000000;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:#ffffff;border:1px solid #ffffff;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#my-svg .deployed&gt;*{fill:#95C37E!important;stroke:#71AD4C!important;}#my-svg .deployed span{fill:#95C37E!important;stroke:#71AD4C!important;}#my-svg .developer&gt;*{fill:#F5AF6F!important;stroke:#EB7C39!important;}#my-svg .developer span{fill:#F5AF6F!important;stroke:#EB7C39!important;}#my-svg .interactive&gt;*{fill:#A5A5A5!important;stroke:#828282!important;}#my-svg .interactive span{fill:#A5A5A5!important;stroke:#828282!important;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(-7.5, -8)" class="root"><g class="clusters"><g id="CREDENTIALS" class="cluster default flowchart-label"><rect height="104" width="1272.265625" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(596.6171875, 8)" class="cluster-label"><foreignObject height="19" width="95.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CREDENTIALS</span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M138.359,60L142.526,60C146.693,60,155.026,60,162.476,60C169.926,60,176.493,60,179.776,60L183.059,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M330.563,60L334.729,60C338.896,60,347.229,60,354.679,60C362.129,60,368.696,60,371.979,60L375.263,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M518.938,60L523.104,60C527.271,60,535.604,60,543.054,60C550.504,60,557.071,60,560.354,60L563.638,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-E" id="L-D-E-0" d="M651.609,60L655.776,60C659.943,60,668.276,60,675.726,60C683.176,60,689.743,60,693.026,60L696.309,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-F" id="L-E-F-0" d="M840.359,60L844.526,60C848.693,60,857.026,60,864.476,60C871.926,60,878.493,60,881.776,60L885.059,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-F LE-G" id="L-F-G-0" d="M1050.109,60L1054.276,60C1058.443,60,1066.776,60,1074.226,60C1081.676,60,1088.243,60,1091.526,60L1094.809,60"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><a transform="translate(1177.6875, 60)" data-id="G" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/interactivebrowsercredential"><g id="flowchart-G-9" class="node default interactive clickable flowchart-label"><rect height="34" width="155.15625" y="-17" x="-77.578125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-70.078125, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="140.15625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Interactive browser</span></div></foreignObject></g></g></a><a transform="translate(85.6796875, 60)" data-id="A" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/environmentcredential"><g id="flowchart-A-3" class="node default deployed clickable flowchart-label"><rect height="34" width="105.359375" y="-17" x="-52.6796875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-45.1796875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="90.359375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Environment</span></div></foreignObject></g></g></a><a transform="translate(259.4609375, 60)" data-id="B" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/workloadidentitycredential"><g id="flowchart-B-4" class="node default deployed clickable flowchart-label"><rect height="34" width="142.203125" y="-17" x="-71.1015625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-63.6015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="127.203125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Workload Identity</span></div></foreignObject></g></g></a><a transform="translate(449.75, 60)" data-id="C" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/managedidentitycredential"><g id="flowchart-C-5" class="node default deployed clickable flowchart-label"><rect height="34" width="138.375" y="-17" x="-69.1875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-61.6875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="123.375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Managed Identity</span></div></foreignObject></g></g></a><a transform="translate(610.2734375, 60)" data-id="D" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/azclicredential"><g id="flowchart-D-6" class="node default developer clickable flowchart-label"><rect height="34" width="82.671875" y="-17" x="-41.3359375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-33.8359375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="67.671875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure CLI</span></div></foreignObject></g></g></a><a transform="translate(770.984375, 60)" data-id="E" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/powershellcredential"><g id="flowchart-E-7" class="node default developer clickable flowchart-label"><rect height="34" width="138.75" y="-17" x="-69.375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-61.875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="123.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure PowerShell</span></div></foreignObject></g></g></a><a transform="translate(970.234375, 60)" data-id="F" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/azuredeveloperclicredential"><g id="flowchart-F-8" class="node default developer clickable flowchart-label"><rect height="34" width="159.75" y="-17" x="-79.875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-72.375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="144.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure Developer CLI</span></div></foreignObject></g></g></a></g></g><g transform="translate(356.9765625, 146)" class="root"><g class="clusters"><g id="subGraph0" class="cluster default flowchart-label"><rect height="104" width="543.3125" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(212.21875, 8)" class="cluster-label"><foreignObject height="19" width="134.875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CREDENTIAL TYPES</span></div></foreignObject></g></g></g><g class="edgePaths"><path style="stroke-width: 0;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-Deployed LE-Developer" id="L-Deployed-Developer-0" d="M169.578,60L173.745,60C177.911,60,186.245,60,194.578,60C202.911,60,211.245,60,215.411,60L219.578,60"/><path style="stroke-width: 0;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-Developer LE-Interactive" id="L-Developer-Interactive-0" d="M306.844,60L311.01,60C315.177,60,323.51,60,331.844,60C340.177,60,348.51,60,352.677,60L356.844,60"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(441.578125, 60)" data-id="Interactive" data-node="true" id="flowchart-Interactive-2" class="node default interactive flowchart-label"><rect height="34" width="169.46875" y="-17" x="-84.734375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-77.234375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="154.46875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Interactive developer</span></div></foreignObject></g></g><g transform="translate(101.2890625, 60)" data-id="Deployed" data-node="true" id="flowchart-Deployed-0" class="node default deployed flowchart-label"><rect height="34" width="136.578125" y="-17" x="-68.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-60.7890625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="121.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Deployed service</span></div></foreignObject></g></g><g transform="translate(263.2109375, 60)" data-id="Developer" data-node="true" id="flowchart-Developer-1" class="node default developer flowchart-label"><rect height="34" width="87.265625" y="-17" x="-43.6328125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-36.1328125, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="72.265625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Developer</span></div></foreignObject></g></g></g></g></g></g></g></svg>
\ No newline at end of file

From 1daae5efd361dd830e56b7a07e3e1b1bc618ec97 Mon Sep 17 00:00:00 2001
From: Scott Addie <scott.addie@microsoft.com>
Date: Thu, 18 Jul 2024 13:12:38 -0500
Subject: [PATCH 2/3] Update credential type text

---
 .../images/mermaidjs/DefaultAzureCredentialAuthFlow.md          | 2 +-
 .../images/mermaidjs/DefaultAzureCredentialAuthFlow.svg         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
index 4e5ec79d6741..b16d507d82be 100644
--- a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
+++ b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
@@ -18,7 +18,7 @@
 flowchart LR;
     subgraph CREDENTIAL TYPES;
         direction LR;
-        Deployed(Deployed service):::deployed ~~~ Developer(Developer):::developer ~~~ Interactive(Interactive developer):::interactive;
+        Deployed(Deployed service):::deployed ~~~ Developer(Developer):::developer ~~~ Interactive(Interactive):::interactive;
     end;
 
     subgraph CREDENTIALS;
diff --git a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.svg b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.svg
index d14d33781e16..a80411a0d184 100644
--- a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.svg
+++ b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.svg
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 1288.265625 274" style="max-width: 1288.27px; background-color: white;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#ffffff;}#my-svg .error-text{fill:#000000;stroke:#000000;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#0b0b0b;stroke:#0b0b0b;}#my-svg .marker.cross{stroke:#0b0b0b;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#000000;}#my-svg .cluster-label span,#my-svg p{color:#000000;}#my-svg .label text,#my-svg span,#my-svg p{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#fff4dd;stroke:hsl(40.5882352941, 60%, 83.3333333333%);stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:#0b0b0b;}#my-svg .edgePath .path{stroke:#0b0b0b;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#0b0b0b;fill:none;}#my-svg .edgeLabel{background-color:hsl(-79.4117647059, 100%, 93.3333333333%);text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:hsl(-79.4117647059, 100%, 93.3333333333%);fill:hsl(-79.4117647059, 100%, 93.3333333333%);}#my-svg .labelBkg{background-color:rgba(243.9999999999, 220.9999999998, 255, 0.5);}#my-svg .cluster rect{fill:#ffffff;stroke:#ffffff;stroke-width:1px;}#my-svg .cluster text{fill:#000000;}#my-svg .cluster span,#my-svg p{color:#000000;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:#ffffff;border:1px solid #ffffff;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#my-svg .deployed&gt;*{fill:#95C37E!important;stroke:#71AD4C!important;}#my-svg .deployed span{fill:#95C37E!important;stroke:#71AD4C!important;}#my-svg .developer&gt;*{fill:#F5AF6F!important;stroke:#EB7C39!important;}#my-svg .developer span{fill:#F5AF6F!important;stroke:#EB7C39!important;}#my-svg .interactive&gt;*{fill:#A5A5A5!important;stroke:#828282!important;}#my-svg .interactive span{fill:#A5A5A5!important;stroke:#828282!important;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(-7.5, -8)" class="root"><g class="clusters"><g id="CREDENTIALS" class="cluster default flowchart-label"><rect height="104" width="1272.265625" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(596.6171875, 8)" class="cluster-label"><foreignObject height="19" width="95.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CREDENTIALS</span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M138.359,60L142.526,60C146.693,60,155.026,60,162.476,60C169.926,60,176.493,60,179.776,60L183.059,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M330.563,60L334.729,60C338.896,60,347.229,60,354.679,60C362.129,60,368.696,60,371.979,60L375.263,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M518.938,60L523.104,60C527.271,60,535.604,60,543.054,60C550.504,60,557.071,60,560.354,60L563.638,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-E" id="L-D-E-0" d="M651.609,60L655.776,60C659.943,60,668.276,60,675.726,60C683.176,60,689.743,60,693.026,60L696.309,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-F" id="L-E-F-0" d="M840.359,60L844.526,60C848.693,60,857.026,60,864.476,60C871.926,60,878.493,60,881.776,60L885.059,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-F LE-G" id="L-F-G-0" d="M1050.109,60L1054.276,60C1058.443,60,1066.776,60,1074.226,60C1081.676,60,1088.243,60,1091.526,60L1094.809,60"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><a transform="translate(1177.6875, 60)" data-id="G" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/interactivebrowsercredential"><g id="flowchart-G-9" class="node default interactive clickable flowchart-label"><rect height="34" width="155.15625" y="-17" x="-77.578125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-70.078125, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="140.15625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Interactive browser</span></div></foreignObject></g></g></a><a transform="translate(85.6796875, 60)" data-id="A" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/environmentcredential"><g id="flowchart-A-3" class="node default deployed clickable flowchart-label"><rect height="34" width="105.359375" y="-17" x="-52.6796875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-45.1796875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="90.359375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Environment</span></div></foreignObject></g></g></a><a transform="translate(259.4609375, 60)" data-id="B" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/workloadidentitycredential"><g id="flowchart-B-4" class="node default deployed clickable flowchart-label"><rect height="34" width="142.203125" y="-17" x="-71.1015625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-63.6015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="127.203125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Workload Identity</span></div></foreignObject></g></g></a><a transform="translate(449.75, 60)" data-id="C" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/managedidentitycredential"><g id="flowchart-C-5" class="node default deployed clickable flowchart-label"><rect height="34" width="138.375" y="-17" x="-69.1875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-61.6875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="123.375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Managed Identity</span></div></foreignObject></g></g></a><a transform="translate(610.2734375, 60)" data-id="D" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/azclicredential"><g id="flowchart-D-6" class="node default developer clickable flowchart-label"><rect height="34" width="82.671875" y="-17" x="-41.3359375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-33.8359375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="67.671875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure CLI</span></div></foreignObject></g></g></a><a transform="translate(770.984375, 60)" data-id="E" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/powershellcredential"><g id="flowchart-E-7" class="node default developer clickable flowchart-label"><rect height="34" width="138.75" y="-17" x="-69.375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-61.875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="123.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure PowerShell</span></div></foreignObject></g></g></a><a transform="translate(970.234375, 60)" data-id="F" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/azuredeveloperclicredential"><g id="flowchart-F-8" class="node default developer clickable flowchart-label"><rect height="34" width="159.75" y="-17" x="-79.875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-72.375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="144.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure Developer CLI</span></div></foreignObject></g></g></a></g></g><g transform="translate(356.9765625, 146)" class="root"><g class="clusters"><g id="subGraph0" class="cluster default flowchart-label"><rect height="104" width="543.3125" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(212.21875, 8)" class="cluster-label"><foreignObject height="19" width="134.875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CREDENTIAL TYPES</span></div></foreignObject></g></g></g><g class="edgePaths"><path style="stroke-width: 0;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-Deployed LE-Developer" id="L-Deployed-Developer-0" d="M169.578,60L173.745,60C177.911,60,186.245,60,194.578,60C202.911,60,211.245,60,215.411,60L219.578,60"/><path style="stroke-width: 0;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-Developer LE-Interactive" id="L-Developer-Interactive-0" d="M306.844,60L311.01,60C315.177,60,323.51,60,331.844,60C340.177,60,348.51,60,352.677,60L356.844,60"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(441.578125, 60)" data-id="Interactive" data-node="true" id="flowchart-Interactive-2" class="node default interactive flowchart-label"><rect height="34" width="169.46875" y="-17" x="-84.734375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-77.234375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="154.46875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Interactive developer</span></div></foreignObject></g></g><g transform="translate(101.2890625, 60)" data-id="Deployed" data-node="true" id="flowchart-Deployed-0" class="node default deployed flowchart-label"><rect height="34" width="136.578125" y="-17" x="-68.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-60.7890625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="121.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Deployed service</span></div></foreignObject></g></g><g transform="translate(263.2109375, 60)" data-id="Developer" data-node="true" id="flowchart-Developer-1" class="node default developer flowchart-label"><rect height="34" width="87.265625" y="-17" x="-43.6328125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-36.1328125, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="72.265625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Developer</span></div></foreignObject></g></g></g></g></g></g></g></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 1288.265625 274" style="max-width: 1288.27px; background-color: white;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#my-svg .error-icon{fill:#fff;}#my-svg .error-text{fill:#000000;stroke:#000000;}#my-svg .edge-thickness-normal{stroke-width:2px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#0b0b0b;stroke:#0b0b0b;}#my-svg .marker.cross{stroke:#0b0b0b;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#my-svg .cluster-label text{fill:#000000;}#my-svg .cluster-label span,#my-svg p{color:#000000;}#my-svg .label text,#my-svg span,#my-svg p{fill:#333;color:#333;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#fff4dd;stroke:hsl(40.5882352941, 60%, 83.3333333333%);stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:#0b0b0b;}#my-svg .edgePath .path{stroke:#0b0b0b;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#0b0b0b;fill:none;}#my-svg .edgeLabel{background-color:hsl(-79.4117647059, 100%, 93.3333333333%);text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:hsl(-79.4117647059, 100%, 93.3333333333%);fill:hsl(-79.4117647059, 100%, 93.3333333333%);}#my-svg .labelBkg{background-color:rgba(243.9999999999, 220.9999999998, 255, 0.5);}#my-svg .cluster rect{fill:#fff;stroke:#fff;stroke-width:1px;}#my-svg .cluster text{fill:#000000;}#my-svg .cluster span,#my-svg p{color:#000000;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:#fff;border:1px solid #fff;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#my-svg .deployed&gt;*{fill:#95C37E!important;stroke:#71AD4C!important;}#my-svg .deployed span{fill:#95C37E!important;stroke:#71AD4C!important;}#my-svg .developer&gt;*{fill:#F5AF6F!important;stroke:#EB7C39!important;}#my-svg .developer span{fill:#F5AF6F!important;stroke:#EB7C39!important;}#my-svg .interactive&gt;*{fill:#A5A5A5!important;stroke:#828282!important;}#my-svg .interactive span{fill:#A5A5A5!important;stroke:#828282!important;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="my-svg_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="my-svg_flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(-7.5, -8)" class="root"><g class="clusters"><g id="CREDENTIALS" class="cluster default flowchart-label"><rect height="104" width="1272.265625" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(596.6171875, 8)" class="cluster-label"><foreignObject height="19" width="95.03125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CREDENTIALS</span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M138.359,60L142.526,60C146.693,60,155.026,60,162.476,60C169.926,60,176.493,60,179.776,60L183.059,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M330.563,60L334.729,60C338.896,60,347.229,60,354.679,60C362.129,60,368.696,60,371.979,60L375.263,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M518.938,60L523.104,60C527.271,60,535.604,60,543.054,60C550.504,60,557.071,60,560.354,60L563.638,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-E" id="L-D-E-0" d="M651.609,60L655.776,60C659.943,60,668.276,60,675.726,60C683.176,60,689.743,60,693.026,60L696.309,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-F" id="L-E-F-0" d="M840.359,60L844.526,60C848.693,60,857.026,60,864.476,60C871.926,60,878.493,60,881.776,60L885.059,60"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-F LE-G" id="L-F-G-0" d="M1050.109,60L1054.276,60C1058.443,60,1066.776,60,1074.226,60C1081.676,60,1088.243,60,1091.526,60L1094.809,60"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><a transform="translate(1177.6875, 60)" data-id="G" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/interactivebrowsercredential"><g id="flowchart-G-9" class="node default interactive clickable flowchart-label"><rect height="34" width="155.15625" y="-17" x="-77.578125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-70.078125, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="140.15625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Interactive browser</span></div></foreignObject></g></g></a><a transform="translate(85.6796875, 60)" data-id="A" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/environmentcredential"><g id="flowchart-A-3" class="node default deployed clickable flowchart-label"><rect height="34" width="105.359375" y="-17" x="-52.6796875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-45.1796875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="90.359375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Environment</span></div></foreignObject></g></g></a><a transform="translate(259.4609375, 60)" data-id="B" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/workloadidentitycredential"><g id="flowchart-B-4" class="node default deployed clickable flowchart-label"><rect height="34" width="142.203125" y="-17" x="-71.1015625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-63.6015625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="127.203125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Workload Identity</span></div></foreignObject></g></g></a><a transform="translate(449.75, 60)" data-id="C" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/managedidentitycredential"><g id="flowchart-C-5" class="node default deployed clickable flowchart-label"><rect height="34" width="138.375" y="-17" x="-69.1875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-61.6875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="123.375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Managed Identity</span></div></foreignObject></g></g></a><a transform="translate(610.2734375, 60)" data-id="D" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/azclicredential"><g id="flowchart-D-6" class="node default developer clickable flowchart-label"><rect height="34" width="82.671875" y="-17" x="-41.3359375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-33.8359375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="67.671875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure CLI</span></div></foreignObject></g></g></a><a transform="translate(770.984375, 60)" data-id="E" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/powershellcredential"><g id="flowchart-E-7" class="node default developer clickable flowchart-label"><rect height="34" width="138.75" y="-17" x="-69.375" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-61.875, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="123.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure PowerShell</span></div></foreignObject></g></g></a><a transform="translate(970.234375, 60)" data-id="F" data-node="true" xlink:href="https://aka.ms/azsdk/python/identity/azuredeveloperclicredential"><g id="flowchart-F-8" class="node default developer clickable flowchart-label"><rect height="34" width="159.75" y="-17" x="-79.875" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-72.375, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="144.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Azure Developer CLI</span></div></foreignObject></g></g></a></g></g><g transform="translate(395.0703125, 146)" class="root"><g class="clusters"><g id="subGraph0" class="cluster default flowchart-label"><rect height="104" width="467.125" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(174.125, 8)" class="cluster-label"><foreignObject height="19" width="134.875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">CREDENTIAL TYPES</span></div></foreignObject></g></g></g><g class="edgePaths"><path style="stroke-width: 0;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-Deployed LE-Developer" id="L-Deployed-Developer-0" d="M169.578,60L173.745,60C177.911,60,186.245,60,194.578,60C202.911,60,211.245,60,215.411,60L219.578,60"/><path style="stroke-width: 0;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-Developer LE-Interactive" id="L-Developer-Interactive-0" d="M306.844,60L311.01,60C315.177,60,323.51,60,331.844,60C340.177,60,348.51,60,352.677,60L356.844,60"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(403.484375, 60)" data-id="Interactive" data-node="true" id="flowchart-Interactive-2" class="node default interactive flowchart-label"><rect height="34" width="93.28125" y="-17" x="-46.640625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-39.140625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="78.28125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Interactive</span></div></foreignObject></g></g><g transform="translate(101.2890625, 60)" data-id="Deployed" data-node="true" id="flowchart-Deployed-0" class="node default deployed flowchart-label"><rect height="34" width="136.578125" y="-17" x="-68.2890625" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-60.7890625, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="121.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Deployed service</span></div></foreignObject></g></g><g transform="translate(263.2109375, 60)" data-id="Developer" data-node="true" id="flowchart-Developer-1" class="node default developer flowchart-label"><rect height="34" width="87.265625" y="-17" x="-43.6328125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-36.1328125, -9.5)" style="" class="label"><rect/><foreignObject height="19" width="72.265625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Developer</span></div></foreignObject></g></g></g></g></g></g></g></svg>
\ No newline at end of file

From 7fa189342e9a4dd320241840f75ea046fa37958c Mon Sep 17 00:00:00 2001
From: Scott Addie <scott.addie@microsoft.com>
Date: Thu, 18 Jul 2024 13:17:59 -0500
Subject: [PATCH 3/3] Simplify instructions

---
 .../images/mermaidjs/DefaultAzureCredentialAuthFlow.md        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
index b16d507d82be..393bd8c7db16 100644
--- a/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
+++ b/sdk/identity/azure-identity/images/mermaidjs/DefaultAzureCredentialAuthFlow.md
@@ -1,8 +1,8 @@
 ```mermaid
 %% STEPS TO GENERATE IMAGE
 %% =======================
-%% 1. Install mermaid CLI (see https://github.com/mermaid-js/mermaid-cli/blob/master/README.md).
-%%    v10.9.1 is known good for our process. npm i -g @mermaid-js/mermaid-cli@10.9.1
+%% 1. Install mermaid CLI v10.9.1 (see https://github.com/mermaid-js/mermaid-cli/blob/master/README.md):
+%%    npm i -g @mermaid-js/mermaid-cli@10.9.1
 %% 2. Run command: mmdc -i DefaultAzureCredentialAuthFlow.md -o DefaultAzureCredentialAuthFlow.svg
 
 %%{