From 06957bdfb03dd694fda86dd2afe9da9ff624f544 Mon Sep 17 00:00:00 2001
From: Brendan Irvine-Broque <birvine-broque@cloudflare.com>
Date: Wed, 9 Oct 2024 16:04:10 -0700
Subject: [PATCH] Use old architecture diagram

from here: https://github.com/cloudflare/cloudflare-docs/blob/bib/timers-docs/layouts/shortcodes/architecture-diagram.html
---
 .../WorkersArchitectureDiagram.astro          | 1184 +----------------
 1 file changed, 38 insertions(+), 1146 deletions(-)

diff --git a/src/components/WorkersArchitectureDiagram.astro b/src/components/WorkersArchitectureDiagram.astro
index d54b8097cbd12c6..23b4034a9f21717 100644
--- a/src/components/WorkersArchitectureDiagram.astro
+++ b/src/components/WorkersArchitectureDiagram.astro
@@ -1,1146 +1,38 @@
----
-// @ts-nocheck xmlns in SVGs makes Astro very upset, so we'll just ignore this file
----
-
-<svg
-	xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink"
-	version="1.1"
-	width="701px"
-	height="863px"
-	viewBox="-0.5 -0.5 701 863"
-	class="dark:invert"
-	><defs></defs><g
-		><rect
-			x="140"
-			y="200"
-			width="350"
-			height="660"
-			fill="transparent"
-			stroke="#000000"
-			stroke-width="4"
-			pointer-events="none"></rect><rect
-			x="160"
-			y="240"
-			width="310"
-			height="330"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><path
-			d="M 240 398.24 L 240 415 L 195 415 L 195 431.76"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 240 392.24 L 244 400.24 L 240 398.24 L 236 400.24 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 195 437.76 L 191 429.76 L 195 431.76 L 199 429.76 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 268 398.24 L 268 415 L 255 415 L 255 431.76"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 268 392.24 L 272 400.24 L 268 398.24 L 264 400.24 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 255 437.76 L 251 429.76 L 255 431.76 L 259 429.76 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 390 398.24 L 390 415 L 435 415 L 435 431.76"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 390 392.24 L 394 400.24 L 390 398.24 L 386 400.24 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 435 437.76 L 431 429.76 L 435 431.76 L 439 429.76 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 363 398.24 L 363 415 L 375 415 L 375 431.76"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 363 392.24 L 367 400.24 L 363 398.24 L 359 400.24 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 375 437.76 L 371 429.76 L 375 431.76 L 379 429.76 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 410 330 L 421.76 330"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 427.76 330 L 419.76 334 L 421.76 330 L 419.76 326 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 360 270 L 360 168.24"
-			fill="none"
-			stroke="#6c8ebf"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 360 162.24 L 364 170.24 L 360 168.24 L 356 170.24 Z"
-			fill="#6c8ebf"
-			stroke="#6c8ebf"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><rect
-			x="220"
-			y="270"
-			width="190"
-			height="120"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><g transform="translate(232.5,321.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="164"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 165px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Scheduling and routing
-						</div>
-					</div></foreignObject
-				><text
-					x="82"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">Scheduling and routing</text
-				></switch
-			></g
-		><path
-			d="M 470 330 L 501.76 330"
-			fill="none"
-			stroke="#b85450"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 507.76 330 L 499.76 334 L 501.76 330 L 499.76 326 Z"
-			fill="#b85450"
-			stroke="#b85450"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><rect
-			x="390"
-			y="310"
-			width="120"
-			height="40"
-			fill="transparent"
-			stroke="#000000"
-			transform="rotate(-90,450,330)"
-			pointer-events="none"></rect><g
-			transform="translate(408.5,321.5)rotate(-90,41.5,8.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="83"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 84px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							HTTP client
-						</div>
-					</div></foreignObject
-				><text
-					x="42"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">HTTP client</text
-				></switch
-			></g
-		><path
-			d="M 200 330 L 211.76 330"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 217.76 330 L 209.76 334 L 211.76 330 L 209.76 326 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><rect
-			x="120"
-			y="310"
-			width="120"
-			height="40"
-			fill="transparent"
-			stroke="#000000"
-			transform="rotate(-90,180,330)"
-			pointer-events="none"></rect><g
-			transform="translate(134.5,321.5)rotate(-90,45,8.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="90"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 91px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							HTTP server
-						</div>
-					</div></foreignObject
-				><text
-					x="45"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">HTTP server</text
-				></switch
-			></g
-		><path
-			d="M 120 330 L 151.76 330"
-			fill="none"
-			stroke="#b85450"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 157.76 330 L 149.76 334 L 151.76 330 L 149.76 326 Z"
-			fill="#b85450"
-			stroke="#b85450"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 60 270 L 60 40 L 271.76 40"
-			fill="none"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 277.76 40 L 269.76 44 L 271.76 40 L 269.76 36 Z"
-			fill="#000000"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><rect
-			x="0"
-			y="270"
-			width="120"
-			height="120"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><g transform="translate(17.5,311.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="85"
-					height="36"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 86px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Inbound<br style="font-size: 16px" />HTTP proxy<br
-								style="font-size: 16px"
-							/>
-						</div>
-					</div></foreignObject
-				><text
-					x="43"
-					y="26"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><path
-			d="M 570 270 L 570 40 L 448.24 40"
-			fill="none"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 442.24 40 L 450.24 36 L 448.24 40 L 450.24 44 Z"
-			fill="#000000"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><rect
-			x="510"
-			y="270"
-			width="120"
-			height="120"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><g transform="translate(527.5,311.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="85"
-					height="36"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 86px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Outbound<br style="font-size: 16px" />HTTP proxy<br
-								style="font-size: 16px"
-							/>
-						</div>
-					</div></foreignObject
-				><text
-					x="43"
-					y="26"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><path
-			d="M 280 140 L 238.24 140"
-			fill="none"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 232.24 140 L 240.24 136 L 238.24 140 L 240.24 144 Z"
-			fill="#000000"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 360 120 L 360 88.24"
-			fill="none"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 360 82.24 L 364 90.24 L 360 88.24 L 356 90.24 Z"
-			fill="#000000"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><rect
-			x="280"
-			y="120"
-			width="160"
-			height="40"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><g transform="translate(321.5,131.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="76"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 77px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Supervisor<br style="font-size: 16px" />
-						</div>
-					</div></foreignObject
-				><text
-					x="38"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><g transform="translate(171.5,246.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="161"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 162px; white-space: nowrap; overflow-wrap: normal;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Main Runtime Process
-						</div>
-					</div></foreignObject
-				><text
-					x="81"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">Main Runtime Process</text
-				></switch
-			></g
-		><g transform="translate(161.5,211.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="108"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 109px; white-space: nowrap; overflow-wrap: normal;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Outer Sandbox
-						</div>
-					</div></foreignObject
-				><text
-					x="54"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">Outer Sandbox</text
-				></switch
-			></g
-		><path
-			d="M 170 116 C 170 94.67 230 94.67 230 116 L 230 164 C 230 185.33 170 185.33 170 164 Z"
-			fill="transparent"
-			stroke="#000000"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 170 116 C 170 132 230 132 230 116"
-			fill="none"
-			stroke="#000000"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><g transform="translate(184.5,142.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="31"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 32px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Disk
-						</div>
-					</div></foreignObject
-				><text
-					x="16"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">Disk</text
-				></switch
-			></g
-		><path
-			d="M 320 20 C 288 20 280 40 305.6 44 C 280 52.8 308.8 72 329.6 64 C 344 80 392 80 408 64 C 440 64 440 48 420 40 C 440 24 408 8 380 16 C 360 4 328 4 320 20 Z"
-			fill="transparent"
-			stroke="#000000"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><g transform="translate(312.5,31.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="95"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 96px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Control plane<br style="font-size: 16px" />
-						</div>
-					</div></foreignObject
-				><text
-					x="48"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><path
-			d="M 520 460 L 551.76 460"
-			fill="none"
-			stroke="#b85450"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 557.76 460 L 549.76 464 L 551.76 460 L 549.76 456 Z"
-			fill="#b85450"
-			stroke="#b85450"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><g transform="translate(566.5,451.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="42"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 43px; white-space: nowrap; overflow-wrap: normal;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: left ; font-size: 16px">
-								<span style="font-size: 16px">HTTP</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="21"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><path
-			d="M 520 490 L 551.76 490"
-			fill="none"
-			stroke="#6c8ebf"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 557.76 490 L 549.76 494 L 551.76 490 L 549.76 486 Z"
-			fill="#6c8ebf"
-			stroke="#6c8ebf"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><g transform="translate(566.5,481.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="122"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 123px; white-space: nowrap; overflow-wrap: normal;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: left ; font-size: 16px">
-								<span style="font-size: 16px">Cap'n Proto RPC</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="61"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><path
-			d="M 520 520 L 551.76 520"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 557.76 520 L 549.76 524 L 551.76 520 L 549.76 516 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><g transform="translate(566.5,511.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="111"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 112px; white-space: nowrap; overflow-wrap: normal;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: left ; font-size: 16px">
-								<span style="font-size: 16px">In-process calls</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="56"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><path
-			d="M 520 550 L 551.76 550"
-			fill="none"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 557.76 550 L 549.76 554 L 551.76 550 L 549.76 546 Z"
-			fill="#000000"
-			stroke="#000000"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><g transform="translate(566.5,541.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="40"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 41px; white-space: nowrap; overflow-wrap: normal;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: left ; font-size: 16px">
-								<span style="font-size: 16px">Other</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="20"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><rect
-			x="135"
-			y="475"
-			width="120"
-			height="50"
-			fill="transparent"
-			stroke="#000000"
-			transform="rotate(-90,195,500)"
-			pointer-events="none"></rect><g
-			transform="translate(159.5,491.5)rotate(-90,35.5,8.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="71"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: center ; font-size: 16px">
-								<span style="font-size: 16px">V8 Isolate</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="36"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><rect
-			x="195"
-			y="475"
-			width="120"
-			height="50"
-			fill="transparent"
-			stroke="#000000"
-			transform="rotate(-90,255,500)"
-			pointer-events="none"></rect><g
-			transform="translate(219.5,491.5)rotate(-90,35.5,8.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="71"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: center ; font-size: 16px">
-								<span style="font-size: 16px">V8 Isolate</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="36"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><rect
-			x="315"
-			y="475"
-			width="120"
-			height="50"
-			fill="transparent"
-			stroke="#000000"
-			transform="rotate(-90,375,500)"
-			pointer-events="none"></rect><g
-			transform="translate(339.5,491.5)rotate(-90,35.5,8.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="71"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: center ; font-size: 16px">
-								<span style="font-size: 16px">V8 Isolate</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="36"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><rect
-			x="375"
-			y="475"
-			width="120"
-			height="50"
-			fill="transparent"
-			stroke="#000000"
-			transform="rotate(-90,435,500)"
-			pointer-events="none"></rect><g
-			transform="translate(399.5,491.5)rotate(-90,35.5,8.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="71"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: center ; font-size: 16px">
-								<span style="font-size: 16px">V8 Isolate</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="36"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><rect
-			x="340"
-			y="580"
-			width="130"
-			height="270"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><g transform="translate(373.5,586.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="63"
-					height="36"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 64px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Process<br />Sandbox<br style="font-size: 16px" />
-						</div>
-					</div></foreignObject
-				><text
-					x="32"
-					y="26"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><rect
-			x="345"
-			y="750"
-			width="120"
-			height="50"
-			fill="transparent"
-			stroke="#000000"
-			transform="rotate(-90,405,775)"
-			pointer-events="none"></rect><g
-			transform="translate(369.5,766.5)rotate(-90,35.5,8.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="71"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: center ; font-size: 16px">
-								<span style="font-size: 16px">V8 Isolate</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="36"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><path
-			d="M 405 690 L 405 706.76"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 405 712.76 L 401 704.76 L 405 706.76 L 409 704.76 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><rect
-			x="350"
-			y="630"
-			width="110"
-			height="60"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><g transform="translate(351.5,641.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="106"
-					height="36"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 106px; white-space: normal; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Scheduling and routing
-						</div>
-					</div></foreignObject
-				><text
-					x="53"
-					y="26"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">Scheduling and routing</text
-				></switch
-			></g
-		><rect
-			x="160"
-			y="580"
-			width="130"
-			height="270"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><g transform="translate(193.5,586.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="63"
-					height="36"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 64px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Process<br />Sandbox<br style="font-size: 16px" />
-						</div>
-					</div></foreignObject
-				><text
-					x="32"
-					y="26"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><rect
-			x="165"
-			y="750"
-			width="120"
-			height="50"
-			fill="transparent"
-			stroke="#000000"
-			transform="rotate(-90,225,775)"
-			pointer-events="none"></rect><g
-			transform="translate(189.5,766.5)rotate(-90,35.5,8.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="71"
-					height="17"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 72px; white-space: nowrap; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							<div style="text-align: center ; font-size: 16px">
-								<span style="font-size: 16px">V8 Isolate</span>
-							</div>
-						</div>
-					</div></foreignObject
-				><text
-					x="36"
-					y="17"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">[Not supported by viewer]</text
-				></switch
-			></g
-		><path
-			d="M 225 690 L 225 706.76"
-			fill="none"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 225 712.76 L 221 704.76 L 225 706.76 L 229 704.76 Z"
-			fill="#82b366"
-			stroke="#82b366"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><rect
-			x="170"
-			y="630"
-			width="110"
-			height="60"
-			fill="transparent"
-			stroke="#000000"
-			pointer-events="none"></rect><g transform="translate(171.5,641.5)"
-			><switch
-				><foreignObject
-					style="overflow:visible;"
-					pointer-events="all"
-					width="106"
-					height="36"
-					requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
-					><div
-						xmlns="http://www.w3.org/1999/xhtml"
-						style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 106px; white-space: normal; overflow-wrap: normal; text-align: center;"
-					>
-						<div
-							xmlns="http://www.w3.org/1999/xhtml"
-							style="display:inline-block;text-align:inherit;text-decoration:inherit;"
-						>
-							Scheduling and routing
-						</div>
-					</div></foreignObject
-				><text
-					x="53"
-					y="26"
-					fill="#000000"
-					text-anchor="middle"
-					font-size="16px"
-					font-family="Helvetica">Scheduling and routing</text
-				></switch
-			></g
-		><path
-			d="M 310 390 L 310 660 L 288.24 660"
-			fill="none"
-			stroke="#6c8ebf"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 282.24 660 L 290.24 656 L 288.24 660 L 290.24 664 Z"
-			fill="#6c8ebf"
-			stroke="#6c8ebf"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 320 390 L 320 660 L 341.76 660"
-			fill="none"
-			stroke="#6c8ebf"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path><path
-			d="M 347.76 660 L 339.76 664 L 341.76 660 L 339.76 656 Z"
-			fill="#6c8ebf"
-			stroke="#6c8ebf"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			pointer-events="none"></path></g
-	></svg
->
+<div class="ArchitectureDiagram">
+  <div class="ArchitectureDiagram--diagram">
+    <div class="ArchitectureDiagram--content">
+      <div class="ArchitectureDiagram--process-overhead">
+        <div class="ArchitectureDiagram--user-code"></div>
+        <div class="ArchitectureDiagram--process-overhead-background"></div>
+      </div>
+    </div>
+    <div class="ArchitectureDiagram--caption">Traditional architecture</div>
+  </div>
+  <div class="ArchitectureDiagram--diagram">
+    <div class="ArchitectureDiagram--content">
+      <div class="ArchitectureDiagram--process-overhead">
+        <div class="ArchitectureDiagram--user-code"></div>
+        <div class="ArchitectureDiagram--process-overhead-background"></div>
+      </div>
+      <div class="ArchitectureDiagram--process-overhead">
+        <div class="ArchitectureDiagram--user-code"></div>
+        <div class="ArchitectureDiagram--process-overhead-background"></div>
+      </div>
+    </div>
+    <div class="ArchitectureDiagram--caption">Workers V8 isolates</div>
+  </div>
+  <div class="ArchitectureDiagram--key">
+    <div class="ArchitectureDiagram--key-content">
+      <div class="ArchitectureDiagram--key-user-code">
+        <div class="ArchitectureDiagram--user-code"></div>
+        <div class="ArchitectureDiagram--key-label">User code</div>
+      </div>
+      <div class="ArchitectureDiagram--key-process-overhead">
+        <div class="ArchitectureDiagram--process-overhead">
+          <div class="ArchitectureDiagram--process-overhead-background"></div>
+        </div>
+        <div class="ArchitectureDiagram--key-label">Process overhead</div>
+      </div>
+    </div>
+  </div>
+</div>