diff --git a/sdk/identity/azure-identity/img/mermaidjs/DefaultAzureCredentialAuthFlow.md b/sdk/identity/azure-identity/img/mermaidjs/DefaultAzureCredentialAuthFlow.md
index 5ef482346..ca5657a46 100644
--- a/sdk/identity/azure-identity/img/mermaidjs/DefaultAzureCredentialAuthFlow.md
+++ b/sdk/identity/azure-identity/img/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.0.2 is known good for our process. npm install -g @mermaid-js/mermaid-cli@10.0.2
+%% 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
 
-flowchart LR;
-    A(Environment):::deployed ==> B(Workload Identity):::deployed ==> C(Azure CLI):::developer ==> D(Managed Identity):::deployed;
+%%{
+  init: {
+    'theme': 'base',
+    'themeVariables': {
+      'tertiaryBorderColor': '#fff',
+      'tertiaryColor': '#fff'
+    }
+  }
+}%%
 
+flowchart LR;
     subgraph CREDENTIAL TYPES;
         direction LR;
         Deployed(Deployed service):::deployed ~~~ Developer(Developer):::developer;
     end;
 
+    subgraph CREDENTIALS;
+        direction LR;
+        A(Environment):::deployed ==> B(Workload Identity):::deployed ==> C(Azure CLI):::developer ==> D(Managed Identity):::deployed;
+    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/img/mermaidjs/DefaultAzureCredentialAuthFlow.svg b/sdk/identity/azure-identity/img/mermaidjs/DefaultAzureCredentialAuthFlow.svg
index da0042e11..1c33c1738 100644
--- a/sdk/identity/azure-identity/img/mermaidjs/DefaultAzureCredentialAuthFlow.svg
+++ b/sdk/identity/azure-identity/img/mermaidjs/DefaultAzureCredentialAuthFlow.svg
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 852.59375 204" style="max-width: 852.594px; 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:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#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:#333333;stroke:#333333;}#my-svg .marker.cross{stroke:#333333;}#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:#333;}#my-svg .cluster-label span,#my-svg p{color:#333;}#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:#ECECFF;stroke:#9370DB;stroke-width:1px;}#my-svg .flowchart-label text{text-anchor:middle;}#my-svg .node .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#333333;fill:none;}#my-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#my-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#my-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#my-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span,#my-svg p{color:#333;}#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:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;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;}</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"><path marker-end="url(#my-svg_flowchart-pointEnd)" style="stroke-width: 3.5px;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M214.6015625,171L236.97526041666666,171C259.3489583333333,171,304.0963541666667,171,329.7533854166667,171C355.41041666666666,171,361.9770833333334,171,365.2604166666667,171L368.54375,171"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="stroke-width: 3.5px;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M516.046875,171L520.2135416666666,171C524.3802083333334,171,532.7135416666666,171,540.1635416666667,171C547.6135416666667,171,554.1802083333333,171,557.4635416666666,171L560.746875,171"/><path marker-end="url(#my-svg_flowchart-pointEnd)" style="stroke-width: 3.5px;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M648.71875,171L652.8854166666666,171C657.0520833333334,171,665.3854166666666,171,672.8354166666667,171C680.2854166666667,171,686.8520833333333,171,690.1354166666666,171L693.41875,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><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="323.84375" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(102.484375, 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"/></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><g class="nodes"><g transform="translate(263.2109375, 60)" id="flowchart-Developer-5" 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 transform="translate(101.2890625, 60)" id="flowchart-Deployed-4" 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></g><g transform="translate(161.921875, 171)" id="flowchart-A-0" class="node default deployed 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><g transform="translate(444.9453125, 171)" id="flowchart-B-1" class="node default deployed 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><g transform="translate(607.3828125, 171)" id="flowchart-C-2" class="node default developer 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><g transform="translate(767.90625, 171)" id="flowchart-D-3" class="node default deployed 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></g></g></g></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 684.609375 274" style="max-width: 684.609px; 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;}</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="668.609375" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(294.7890625, 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="stroke-width: 3.5px;fill:none;" class="edge-thickness-thick 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="stroke-width: 3.5px;fill:none;" class="edge-thickness-thick 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="stroke-width: 3.5px;fill:none;" class="edge-thickness-thick edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M463.234,60L467.401,60C471.568,60,479.901,60,487.351,60C494.801,60,501.368,60,504.651,60L507.934,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><g class="nodes"><g transform="translate(582.421875, 60)" data-id="D" data-node="true" id="flowchart-D-5" class="node default deployed 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><g transform="translate(85.6796875, 60)" data-id="A" data-node="true" id="flowchart-A-2" class="node default deployed 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><g transform="translate(259.4609375, 60)" data-id="B" data-node="true" id="flowchart-B-3" class="node default deployed 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><g transform="translate(421.8984375, 60)" data-id="C" data-node="true" id="flowchart-C-4" class="node default developer 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></g></g><g transform="translate(164.8828125, 146)" class="root"><g class="clusters"><g id="subGraph0" class="cluster default flowchart-label"><rect height="104" width="323.84375" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(102.484375, 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"/></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><g class="nodes"><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 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></g></g></g></g></svg>
\ No newline at end of file