diff --git a/docs/images/networking/stun1.png b/docs/images/networking/stun1.png
new file mode 100644
index 0000000000..b8d51503dc
Binary files /dev/null and b/docs/images/networking/stun1.png differ
diff --git a/docs/images/networking/stun1.svg b/docs/images/networking/stun1.svg
deleted file mode 100644
index 9767515c6b..0000000000
--- a/docs/images/networking/stun1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 453.109375px;" viewBox="-7.5 -8 453.109375 139" role="graphics-document document" aria-roledescription="flowchart-v2" xmlns:xlink="http://www.w3.org/1999/xlink"><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:2px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span,#mermaid-svg p{color:#333;}#mermaid-svg .label text,#mermaid-svg span,#mermaid-svg p{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .flowchart-label text{text-anchor:middle;}#mermaid-svg .node .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span,#mermaid-svg p{color:#333;}#mermaid-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;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid-svg_flowchart-pointEnd" class="marker flowchart" viewBox="0 0 10 10" refX="6" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-pointStart" class="marker flowchart" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-circleEnd" class="marker flowchart" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-circleStart" class="marker flowchart" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-crossEnd" class="marker cross flowchart" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-crossStart" class="marker cross flowchart" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="root" transform="translate(-7.5, -8)"><g class="clusters"><g class="cluster default flowchart-label" id="corpnet"><rect style="" rx="0" ry="0" x="8" y="8" width="437.109375" height="123"></rect><g class="cluster-label" transform="translate(168.9765625, 8)"><foreignObject width="115.15625" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Private Network</span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M250.45,69.5L247.167,69.5C243.883,69.5,237.317,69.5,230.75,69.5C224.183,69.5,217.617,69.5,214.333,69.5L211.05,69.5" id="L-A-C-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-C" style="fill:none;" marker-start="url(#mermaid-svg_flowchart-pointStart)" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default default flowchart-label" id="flowchart-A-0" transform="translate(337.9296875, 69.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-82.1796875" y="-26.5" width="164.359375" height="53"></rect><g class="label" style="" transform="translate(-74.6796875, -19)"><rect></rect><foreignObject width="149.359375" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Client Workstation<br/>192.168.21.47:38297</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-C-1" transform="translate(119.375, 69.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-86.375" y="-26.5" width="172.75" height="53"></rect><g class="label" style="" transform="translate(-78.875, -19)"><rect></rect><foreignObject width="157.75" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Workspace Agent<br/>192.168.21.147:41563</span></div></foreignObject></g></g></g></g></g></g></g><style>@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");</style></svg>
\ No newline at end of file
diff --git a/docs/images/networking/stun2.1.png b/docs/images/networking/stun2.1.png
new file mode 100644
index 0000000000..98977d328e
Binary files /dev/null and b/docs/images/networking/stun2.1.png differ
diff --git a/docs/images/networking/stun2.1.svg b/docs/images/networking/stun2.1.svg
deleted file mode 100644
index 2dc60789b8..0000000000
--- a/docs/images/networking/stun2.1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 770.796875px;" viewBox="-8 -8 770.796875 282" role="graphics-document document" aria-roledescription="flowchart-v2" xmlns:xlink="http://www.w3.org/1999/xlink"><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:2px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span,#mermaid-svg p{color:#333;}#mermaid-svg .label text,#mermaid-svg span,#mermaid-svg p{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .flowchart-label text{text-anchor:middle;}#mermaid-svg .node .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span,#mermaid-svg p{color:#333;}#mermaid-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;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid-svg_flowchart-pointEnd" class="marker flowchart" viewBox="0 0 10 10" refX="6" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-pointStart" class="marker flowchart" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-circleEnd" class="marker flowchart" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-circleStart" class="marker flowchart" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-crossEnd" class="marker cross flowchart" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-crossStart" class="marker cross flowchart" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"><g class="cluster default flowchart-label" id="corpnet"><rect style="" rx="0" ry="0" x="0" y="0" width="379.234375" height="123"></rect><g class="cluster-label" transform="translate(152.6484375, 0)"><foreignObject width="73.9375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Network B</span></div></foreignObject></g></g><g class="cluster default flowchart-label" id="internet"><rect style="" rx="0" ry="0" x="603.203125" y="15.5" width="151.59375" height="225"></rect><g class="cluster-label" transform="translate(625.546875, 15.5)"><foreignObject width="106.90625" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Public Internet</span></div></foreignObject></g></g><g class="cluster default flowchart-label" id="homenet"><rect style="" rx="0" ry="0" x="0" y="143" width="379.234375" height="123"></rect><g class="cluster-label" transform="translate(152.8984375, 143)"><foreignObject width="73.4375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Network A</span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M189.359,204.5L193.526,204.5C197.693,204.5,206.026,204.5,214.359,204.5C222.693,204.5,231.026,204.5,235.193,204.5L239.359,204.5" id="L-client-homenat-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-client LE-homenat" style="fill:none;"></path><path d="M185.164,61.5L190.03,61.5C194.896,61.5,204.628,61.5,213.66,61.5C222.693,61.5,231.026,61.5,235.193,61.5L239.359,61.5" id="L-agent-corpnat-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-agent LE-corpnat" style="fill:none;"></path><path d="M354.234,61.5L358.401,61.5C362.568,61.5,370.901,61.5,393.732,61.5C416.563,61.5,453.891,61.5,491.219,61.5C528.547,61.5,565.875,61.5,593.526,69.977C621.176,78.454,639.15,95.409,648.136,103.886L657.123,112.363" id="L-corpnat-stun1-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-corpnat LE-stun1" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M354.234,204.5L358.401,204.5C362.568,204.5,370.901,204.5,393.732,204.5C416.563,204.5,453.891,204.5,491.219,204.5C528.547,204.5,565.875,204.5,593.526,196.023C621.176,187.546,639.15,170.591,648.136,162.114L657.123,153.637" id="L-homenat-stun1-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-homenat LE-stun1" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(491.21875, 61.5)"><g class="label" transform="translate(-86.984375, -9.5)"><foreignObject width="173.96875" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">[I see 12.34.56.7:41563]</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(491.21875, 204.5)"><g class="label" transform="translate(-82.7890625, -9.5)"><foreignObject width="165.578125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">[I see 65.4.3.21:29187]</span></div></foreignObject></g></g></g><g class="nodes"><g class="node default default flowchart-label" id="flowchart-agent-3" transform="translate(107.1796875, 61.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-77.984375" y="-26.5" width="155.96875" height="53"></rect><g class="label" style="" transform="translate(-70.484375, -19)"><rect></rect><foreignObject width="140.96875" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Workspace agent<br/>10.21.43.241:56812</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-corpnat-4" transform="translate(296.796875, 61.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-57.4375" y="-26.5" width="114.875" height="53"></rect><g class="label" style="" transform="translate(-49.9375, -19)"><rect></rect><foreignObject width="99.875" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">NAT<br/>??.??.??.??:?????</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-stun1-2" transform="translate(679, 133)"><rect class="basic label-container" style="" rx="0" ry="0" x="-50.796875" y="-17" width="101.59375" height="34"></rect><g class="label" style="" transform="translate(-43.296875, -9.5)"><rect></rect><foreignObject width="86.59375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">STUN server</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-client-0" transform="translate(107.1796875, 204.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-82.1796875" y="-26.5" width="164.359375" height="53"></rect><g class="label" style="" transform="translate(-74.6796875, -19)"><rect></rect><foreignObject width="149.359375" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Client workstation<br/>192.168.1.101:38297</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-homenat-1" transform="translate(296.796875, 204.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-57.4375" y="-26.5" width="114.875" height="53"></rect><g class="label" style="" transform="translate(-49.9375, -19)"><rect></rect><foreignObject width="99.875" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">NAT<br/>??.??.??.??:?????</span></div></foreignObject></g></g></g></g></g><style>@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");</style></svg>
\ No newline at end of file
diff --git a/docs/images/networking/stun2.2.png b/docs/images/networking/stun2.2.png
new file mode 100644
index 0000000000..3ccb5243bc
Binary files /dev/null and b/docs/images/networking/stun2.2.png differ
diff --git a/docs/images/networking/stun2.2.svg b/docs/images/networking/stun2.2.svg
deleted file mode 100644
index 07880c9f39..0000000000
--- a/docs/images/networking/stun2.2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 880.109375px;" viewBox="-8 -8 880.109375 282" role="graphics-document document" aria-roledescription="flowchart-v2" xmlns:xlink="http://www.w3.org/1999/xlink"><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:2px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span,#mermaid-svg p{color:#333;}#mermaid-svg .label text,#mermaid-svg span,#mermaid-svg p{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .flowchart-label text{text-anchor:middle;}#mermaid-svg .node .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span,#mermaid-svg p{color:#333;}#mermaid-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;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid-svg_flowchart-pointEnd" class="marker flowchart" viewBox="0 0 10 10" refX="6" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-pointStart" class="marker flowchart" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-circleEnd" class="marker flowchart" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-circleStart" class="marker flowchart" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-crossEnd" class="marker cross flowchart" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-crossStart" class="marker cross flowchart" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"><g class="cluster default flowchart-label" id="corpnet"><rect style="" rx="0" ry="0" x="0" y="0" width="556.265625" height="123"></rect><g class="cluster-label" transform="translate(241.1640625, 0)"><foreignObject width="73.9375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Network B</span></div></foreignObject></g></g><g class="cluster default flowchart-label" id="homenet"><rect style="" rx="0" ry="0" x="0" y="143" width="556.265625" height="123"></rect><g class="cluster-label" transform="translate(241.4140625, 143)"><foreignObject width="73.4375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Network A</span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M189.359,204.5L206.253,204.5C223.146,204.5,256.932,204.5,290.535,204.5C324.137,204.5,357.555,204.5,374.264,204.5L390.973,204.5" id="L-client-homenat-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-client LE-homenat" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M185.164,61.5L202.757,61.5C220.349,61.5,255.534,61.5,290.02,61.5C324.505,61.5,358.292,61.5,375.185,61.5L392.078,61.5" id="L-agent-corpnat-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-agent LE-corpnat" style="fill:none;"></path><path d="M531.266,61.5L535.432,61.5C539.599,61.5,547.932,61.5,567.594,61.5C587.255,61.5,618.245,61.5,653.294,70.583C688.343,79.667,727.451,97.833,747.005,106.917L766.559,116" id="L-corpnat-internet-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-corpnat LE-internet" style="fill:none;"></path><path d="M527.07,204.5L531.936,204.5C536.802,204.5,546.534,204.5,566.895,204.5C587.255,204.5,618.245,204.5,652.493,195.789C686.74,187.078,724.247,169.655,743,160.944L761.753,152.233" id="L-homenat-internet-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-homenat LE-internet" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(290.71875, 204.5)"><g class="label" transform="translate(-67.96875, -9.5)"><foreignObject width="135.9375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">[12.34.56.7:41563]</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(290.71875, 61.5)"><g class="label" transform="translate(-76.359375, -9.5)"><foreignObject width="152.71875" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">[10.21.43.241:56812]</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(649.234375, 61.5)"><g class="label" transform="translate(-67.96875, -9.5)"><foreignObject width="135.9375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">[12.34.56.7:41563]</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(649.234375, 204.5)"><g class="label" transform="translate(-67.96875, -9.5)"><foreignObject width="135.9375" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">[12.34.56.7:41563]</span></div></foreignObject></g></g></g><g class="nodes"><g class="node default default flowchart-label" id="flowchart-agent-2" transform="translate(107.1796875, 61.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-77.984375" y="-26.5" width="155.96875" height="53"></rect><g class="label" style="" transform="translate(-70.484375, -19)"><rect></rect><foreignObject width="140.96875" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Workspace agent<br/>10.21.43.241:56812</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-corpnat-3" transform="translate(461.671875, 61.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-69.59375" y="-26.5" width="139.1875" height="53"></rect><g class="label" style="" transform="translate(-62.09375, -19)"><rect></rect><foreignObject width="124.1875" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">NAT<br/>12.34.56.7:41563</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-client-0" transform="translate(107.1796875, 204.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-82.1796875" y="-26.5" width="164.359375" height="53"></rect><g class="label" style="" transform="translate(-74.6796875, -19)"><rect></rect><foreignObject width="149.359375" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Client workstation<br/>192.168.1.101:38297</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-homenat-1" transform="translate(461.671875, 204.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-65.3984375" y="-26.5" width="130.796875" height="53"></rect><g class="label" style="" transform="translate(-57.8984375, -19)"><rect></rect><foreignObject width="115.796875" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">NAT<br/>65.4.3.21:29187</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-internet-9" transform="translate(803.15625, 133)"><rect class="basic label-container" style="" rx="0" ry="0" x="-60.953125" y="-17" width="121.90625" height="34"></rect><g class="label" style="" transform="translate(-53.453125, -9.5)"><rect></rect><foreignObject width="106.90625" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Public Internet</span></div></foreignObject></g></g></g></g></g><style>@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");</style></svg>
\ No newline at end of file
diff --git a/docs/images/networking/stun3.png b/docs/images/networking/stun3.png
new file mode 100644
index 0000000000..63e788d65c
Binary files /dev/null and b/docs/images/networking/stun3.png differ
diff --git a/docs/images/networking/stun3.svg b/docs/images/networking/stun3.svg
deleted file mode 100644
index 2b4c423a7c..0000000000
--- a/docs/images/networking/stun3.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 723.53515625px;" viewBox="-8 -8 723.53515625 675" role="graphics-document document" aria-roledescription="flowchart-v2" xmlns:xlink="http://www.w3.org/1999/xlink"><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:2px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span,#mermaid-svg p{color:#333;}#mermaid-svg .label text,#mermaid-svg span,#mermaid-svg p{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .flowchart-label text{text-anchor:middle;}#mermaid-svg .node .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span,#mermaid-svg p{color:#333;}#mermaid-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;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="mermaid-svg_flowchart-pointEnd" class="marker flowchart" viewBox="0 0 10 10" refX="6" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-pointStart" class="marker flowchart" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="12" markerHeight="12" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-circleEnd" class="marker flowchart" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-circleStart" class="marker flowchart" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="mermaid-svg_flowchart-crossEnd" class="marker cross flowchart" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="mermaid-svg_flowchart-crossStart" class="marker cross flowchart" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"><g class="cluster default flowchart-label" id="corpnet"><rect style="" rx="0" ry="0" x="0" y="128" width="400.71875" height="531"></rect><g class="cluster-label" transform="translate(98.09375, 128)"><foreignObject width="204.53125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Corp Network 172.16.1.0/24</span></div></foreignObject></g></g><g class="cluster default flowchart-label" id="internet"><rect style="" rx="0" ry="0" x="425.88671875" y="306" width="281.6484375" height="353"></rect><g class="cluster-label" transform="translate(513.2578125, 306)"><foreignObject width="106.90625" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Public Internet</span></div></foreignObject></g></g><g class="cluster default flowchart-label" id="homenet"><rect style="" rx="0" ry="0" x="449.734375" y="0" width="236.3984375" height="256"></rect><g class="cluster-label" transform="translate(514.95703125, 0)"><foreignObject width="105.953125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Home Network</span></div></foreignObject></g></g><g class="cluster default flowchart-label" id="cluster"><rect style="" rx="0" ry="0" x="157.046875" y="153" width="223.671875" height="275"></rect><g class="cluster-label" transform="translate(157.8671875, 153)"><foreignObject width="222.03125" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster Network 10.11.12.0/16</span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M523.918,384L523.918,391.333C523.918,398.667,523.918,413.333,523.918,424.833C523.918,436.333,523.918,444.667,461.731,457.634C399.544,470.602,275.171,488.204,212.984,497.005L150.797,505.806" id="L-vpn1-vpn2-0" class=" edge-thickness-thick edge-pattern-solid flowchart-link LS-vpn1 LE-vpn2" style="stroke-width: 3.5px;fill:none;"></path><path d="M92.898,540.5L92.898,546.25C92.898,552,92.898,563.5,93.686,572.557C94.473,581.615,96.048,588.229,96.836,591.537L97.623,594.844" id="L-vpn2-stun2-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-vpn2 LE-stun2" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M572.934,78L572.934,82.167C572.934,86.333,572.934,94.667,572.934,103C572.934,111.333,572.934,119.667,572.934,128C572.934,136.333,572.934,144.667,572.934,153C572.934,161.333,572.934,169.667,572.934,173.833L572.934,178" id="L-client-homenat-0" class=" edge-thickness-thick edge-pattern-solid flowchart-link LS-client LE-homenat" style="stroke-width: 3.5px;fill:none;"></path><path d="M547.712,231L543.746,235.167C539.781,239.333,531.849,247.667,527.884,256C523.918,264.333,523.918,272.667,523.918,281C523.918,289.333,523.918,297.667,523.918,309.167C523.918,320.667,523.918,335.333,523.918,342.667L523.918,350" id="L-homenat-vpn1-0" class=" edge-thickness-thick edge-pattern-solid flowchart-link LS-homenat LE-vpn1" style="stroke-width: 3.5px;fill:none;"></path><path d="M598.155,231L602.121,235.167C606.087,239.333,614.018,247.667,617.984,256C621.949,264.333,621.949,272.667,621.949,281C621.949,289.333,621.949,297.667,621.949,312C621.949,326.333,621.949,346.667,621.949,367C621.949,387.333,621.949,407.667,621.949,422C621.949,436.333,621.949,444.667,621.949,459C621.949,473.333,621.949,493.667,621.949,514C621.949,534.333,621.949,554.667,621.949,569C621.949,583.333,621.949,591.667,621.949,595.833L621.949,600" id="L-homenat-stun1-0" class=" edge-thickness-normal edge-pattern-dotted flowchart-link LS-homenat LE-stun1" style="fill:none;stroke-width:2px;stroke-dasharray:3;" marker-start="url(#mermaid-svg_flowchart-crossStart)" marker-end="url(#mermaid-svg_flowchart-crossEnd)"></path><path d="M268.883,231L268.883,235.167C268.883,239.333,268.883,247.667,268.883,256C268.883,264.333,268.883,272.667,268.883,281C268.883,289.333,268.883,297.667,268.883,306C268.883,314.333,268.883,322.667,268.883,326.833L268.883,331" id="L-agent-clusternat-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-agent LE-clusternat" style="fill:none;"></path><path d="M268.883,403L268.883,407.167C268.883,411.333,268.883,419.667,268.883,428C268.883,436.333,268.883,444.667,268.883,453C268.883,461.333,268.883,469.667,268.883,473.833L268.883,478" id="L-clusternat-corpnat-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-clusternat LE-corpnat" style="fill:none;"></path><path d="M301.884,550L305.703,554.167C309.523,558.333,317.162,566.667,361.2,576.518C405.239,586.369,485.677,597.739,525.896,603.424L566.115,609.108" id="L-corpnat-stun1-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-corpnat LE-stun1" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path><path d="M222.855,550L217.527,554.167C212.2,558.333,201.545,566.667,188.286,574.619C175.026,582.572,159.162,590.145,151.23,593.931L143.297,597.717" id="L-corpnat-stun2-0" class=" edge-thickness-normal edge-pattern-solid flowchart-link LS-corpnat LE-stun2" style="fill:none;" marker-end="url(#mermaid-svg_flowchart-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default default flowchart-label" id="flowchart-corpnat-4" transform="translate(268.8828125, 514)"><rect class="basic label-container" style="" rx="0" ry="0" x="-68.0859375" y="-36" width="136.171875" height="72"></rect><g class="label" style="" transform="translate(-60.5859375, -28.5)"><rect></rect><foreignObject width="121.171875" height="57"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Corp Router/NAT<br/>172.16.1.1<br/>12.34.56.7</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-vpn2-5" transform="translate(92.8984375, 514)"><rect class="basic label-container" style="" rx="0" ry="0" x="-57.8984375" y="-26.5" width="115.796875" height="53"></rect><g class="label" style="" transform="translate(-50.3984375, -19)"><rect></rect><foreignObject width="100.796875" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">VPN exit node<br/>172.16.1.2</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-stun2-6" transform="translate(102.8984375, 617)"><rect class="basic label-container" style="" rx="0" ry="0" x="-53.828125" y="-17" width="107.65625" height="34"></rect><g class="label" style="" transform="translate(-46.328125, -9.5)"><rect></rect><foreignObject width="92.65625" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Private STUN</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-clusternat-7" transform="translate(268.8828125, 367)"><rect class="basic label-container" style="" rx="0" ry="0" x="-76.8359375" y="-36" width="153.671875" height="72"></rect><g class="label" style="" transform="translate(-69.3359375, -28.5)"><rect></rect><foreignObject width="138.671875" height="57"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Cluster Router/NAT<br/>10.11.12.1<br/>172.16.1.254</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-agent-8" transform="translate(268.8828125, 204.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-68.1484375" y="-26.5" width="136.296875" height="53"></rect><g class="label" style="" transform="translate(-60.6484375, -19)"><rect></rect><foreignObject width="121.296875" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Workspace agent<br/>10.11.12.34</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-stun1-2" transform="translate(621.94921875, 617)"><rect class="basic label-container" style="" rx="0" ry="0" x="-50.5859375" y="-17" width="101.171875" height="34"></rect><g class="label" style="" transform="translate(-43.0859375, -9.5)"><rect></rect><foreignObject width="86.171875" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Public STUN</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-vpn1-3" transform="translate(523.91796875, 367)"><rect class="basic label-container" style="" rx="0" ry="0" x="-63.03125" y="-17" width="126.0625" height="34"></rect><g class="label" style="" transform="translate(-55.53125, -9.5)"><rect></rect><foreignObject width="111.0625" height="19"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">VPN entry node</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-client-0" transform="translate(572.93359375, 51.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-73.3671875" y="-26.5" width="146.734375" height="53"></rect><g class="label" style="" transform="translate(-65.8671875, -19)"><rect></rect><foreignObject width="131.734375" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Client workstation<br/>192.168.1.101</span></div></foreignObject></g></g><g class="node default default flowchart-label" id="flowchart-homenat-1" transform="translate(572.93359375, 204.5)"><rect class="basic label-container" style="" rx="0" ry="0" x="-71.96875" y="-26.5" width="143.9375" height="53"></rect><g class="label" style="" transform="translate(-64.46875, -19)"><rect></rect><foreignObject width="128.9375" height="38"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="nodeLabel">Home Router/NAT<br/>65.4.3.21</span></div></foreignObject></g></g></g></g></g><style>@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");</style></svg>
\ No newline at end of file
diff --git a/docs/networking/stun.md b/docs/networking/stun.md
index ef4934f195..af201e65b3 100644
--- a/docs/networking/stun.md
+++ b/docs/networking/stun.md
@@ -66,7 +66,7 @@ In this example, both the client and agent are located on the network
 direction, both client and agent are able to communicate directly with each
 other's locally assigned IP address.
 
-![Diagram of a workspace agent and client in the same network](../images/networking/stun1.svg)
+![Diagram of a workspace agent and client in the same network](../images/networking/stun1.png)
 
 ### 2. Direct connections with one layer of NAT
 
@@ -75,12 +75,12 @@ to each other over the public Internet. Both client and agent connect to a
 configured STUN server located on the public Internet to determine the public IP
 address and port on which they can be reached.
 
-![Diagram of a workspace agent and client in separate networks](../images/networking/stun2.1.svg)
+![Diagram of a workspace agent and client in separate networks](../images/networking/stun2.1.png)
 
 They then exchange this information through Coder server, and can then
 communicate directly with each other through their respective NATs.
 
-![Diagram of a workspace agent and client in separate networks](../images/networking/stun2.2.svg)
+![Diagram of a workspace agent and client in separate networks](../images/networking/stun2.2.png)
 
 ### 3. Direct connections with VPN and NAT hairpinning
 
@@ -121,4 +121,4 @@ addresses on the corporate network from which their traffic appears to
 originate. Using these internal addresses is much more likely to result in a
 successful direct connection.
 
-![Diagram of a workspace agent and client over VPN](../images/networking/stun3.svg)
+![Diagram of a workspace agent and client over VPN](../images/networking/stun3.png)