diff --git a/src/lib/api.ts b/src/lib/api.ts
index 0f306873..94ede478 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -8,3 +8,23 @@ export const options = {
 		'Content-Type': 'application/json'
 	}
 }
+
+// Airtable API is limited to 100 items per page
+export async function fetchAllPages(fetch: any, url: any) {
+	let allRecords: any[] = []
+	// https://airtable.com/developers/web/api/list-records#query-pagesize
+	let offset
+
+	do {
+		const fullUrl = offset ? `${url}?offset=${offset}` : url
+		const response = await fetch(fullUrl, options)
+		if (!response.ok) {
+			throw new Error('Failed to fetch data from Airtable')
+		}
+		const data: any = await response.json()
+		allRecords = allRecords.concat(data.records)
+		offset = data.offset
+	} while (offset)
+
+	return allRecords
+}
diff --git a/src/lib/components/SupplyChain.svelte b/src/lib/components/SupplyChain.svelte
new file mode 100644
index 00000000..8864889f
--- /dev/null
+++ b/src/lib/components/SupplyChain.svelte
@@ -0,0 +1,676 @@
+<script lang="ts">
+	import { onMount } from 'svelte'
+	import type { Node, NodeInfo, Edge } from './supply-chain/types'
+	import { nodes, nodeInfo, edges, categoryColors } from './supply-chain/data'
+	import {
+		getMaxNodesInCategory,
+		getYPosition,
+		getXPosition,
+		calculateConnectionPoints,
+		getDomain
+	} from './supply-chain/utils'
+	import Modal from './supply-chain/Modal.svelte'
+	import NodeComponent from './supply-chain/Node.svelte'
+
+	// Reactive state
+	let selectedNodeId: string | null = null
+	let selectedEdge: Edge | null = null
+
+	// Container size state
+	let graphContainer: HTMLDivElement
+	let containerWidth = 1200 // default fallback
+	let containerHeight = 600 // default fallback
+	// Dynamic vertical spacing
+	const minNodeSpacing = 80
+	const verticalPadding = 40
+	const horizontalPadding = 50
+
+	function updateContainerSize() {
+		if (graphContainer) {
+			containerWidth = graphContainer.offsetWidth
+		}
+		const maxNodes = getMaxNodesInCategory(nodesByCategory)
+		containerHeight = verticalPadding * 2 + (maxNodes + 1) * minNodeSpacing
+	}
+
+	onMount(() => {
+		updateContainerSize()
+		window.addEventListener('resize', updateContainerSize)
+		return () => window.removeEventListener('resize', updateContainerSize)
+	})
+
+	// Define column positions (as fractions of width)
+	const columnKeys = ['equipment', 'foundry', 'design', 'eda_memory', 'assembly', 'end'] as const
+	const columns = Object.fromEntries(
+		columnKeys.map((key, i) => [key, i / (columnKeys.length - 1)])
+	) as Record<(typeof columnKeys)[number], number>
+
+	// Group nodes by category
+	const nodesByCategory: Record<keyof typeof columns, Node[]> = {
+		equipment: [],
+		foundry: [],
+		design: [],
+		eda_memory: [],
+		assembly: [],
+		end: []
+	}
+
+	function isColumnCategory(category: string): category is keyof typeof columns {
+		return Object.keys(columns).includes(category)
+	}
+
+	Object.values(nodes).forEach((node) => {
+		if (isColumnCategory(node.category)) {
+			nodesByCategory[node.category].push(node)
+		}
+	})
+
+	// Update node positions (in pixels)
+	function updateNodePositions() {
+		Object.entries(nodesByCategory).forEach(([category, categoryNodes]) => {
+			if (!(category in columns)) return // Only position categories that have a column
+			categoryNodes.forEach((node, index) => {
+				node.x = getXPosition(
+					columns[category as keyof typeof columns],
+					containerWidth,
+					horizontalPadding
+				)
+				node.y = getYPosition(index, categoryNodes.length, containerHeight, verticalPadding)
+			})
+		})
+	}
+
+	$: updateNodePositions()
+
+	// Click handler
+	function handleNodeClick(id: string) {
+		selectedEdge = null // Clear selected edge if a node is clicked
+		selectedNodeId = id
+	}
+
+	function handleEdgeClick(edge: Edge) {
+		selectedNodeId = null // Clear selected node if an edge is clicked
+		selectedEdge = edge
+	}
+
+	// Close modal
+	function closeAllModals() {
+		selectedNodeId = null
+		selectedEdge = null
+	}
+
+	// Handle escape key
+	function handleKeydown(event: KeyboardEvent) {
+		if (event.key === 'Escape' && (selectedNodeId || selectedEdge)) {
+			closeAllModals()
+		}
+	}
+
+	// Add these reactive arrays for links
+	$: incomingLinks = Array.from(
+		new Set(
+			([] as string[])
+				.concat(
+					...edges
+						.filter((e) => e.target === selectedNodeId && e.links)
+						.map((e) => (e.links as string[]) || [])
+				)
+				.flat()
+		)
+	)
+
+	$: outgoingLinks = Array.from(
+		new Set(
+			([] as string[])
+				.concat(
+					...edges
+						.filter((e) => e.source === selectedNodeId && e.links)
+						.map((e) => (e.links as string[]) || [])
+				)
+				.flat()
+		)
+	)
+</script>
+
+<svelte:window on:keydown={handleKeydown} />
+<div class="container">
+	<div class="header">
+		<h2 class="title">AI Chip Supply Chain</h2>
+		<p class="description">Click on any company or connection to learn more about it!</p>
+	</div>
+
+	<div class="graph-scroll">
+		<div
+			class="graph-container"
+			bind:this={graphContainer}
+			style="height: {containerHeight}px; width: {containerWidth}px; display: inline-block;"
+		>
+			<!-- Edges -->
+			<svg
+				class="edges"
+				width={containerWidth}
+				height={containerHeight}
+				style="width: {containerWidth}px; height: {containerHeight}px;"
+			>
+				<defs>
+					<marker
+						id="arrowhead"
+						markerWidth="10"
+						markerHeight="7"
+						refX="10"
+						refY="3.5"
+						orient="auto"
+						stroke="#666"
+						markerUnits="userSpaceOnUse"
+					>
+						<polygon points="0 0, 10 3.5, 0 7" fill="#666" />
+					</marker>
+				</defs>
+				{#each edges as edge}
+					{@const points = calculateConnectionPoints(nodes[edge.source], nodes[edge.target])}
+					<g class="edge-group" on:click={() => handleEdgeClick(edge)}>
+						<line
+							x1={points.startX}
+							y1={points.startY}
+							x2={points.endX}
+							y2={points.endY}
+							stroke="transparent"
+							stroke-width="10"
+							pointer-events="stroke"
+						/>
+						<line
+							x1={points.startX}
+							y1={points.startY}
+							x2={points.endX}
+							y2={points.endY}
+							stroke="#666"
+							stroke-width={(edge.weight || 1) / 2.5 + 1}
+							marker-end="url(#arrowhead)"
+							stroke-dasharray="4,2"
+							pointer-events="none"
+						/>
+					</g>
+				{/each}
+			</svg>
+			<!-- Nodes -->
+			{#each Object.values(nodes) as node}
+				<NodeComponent
+					label={node.label}
+					category={node.category}
+					x={node.x ?? 0}
+					y={node.y ?? 0}
+					onClick={() => handleNodeClick(node.id)}
+				/>
+			{/each}
+		</div>
+	</div>
+
+	<!-- Node Modal -->
+	{#if selectedNodeId && nodeInfo[selectedNodeId]}
+		<Modal
+			title={nodeInfo[selectedNodeId].title}
+			description={nodeInfo[selectedNodeId].description}
+			onClose={closeAllModals}
+		>
+			<ul class="modal-details">
+				{#each nodeInfo[selectedNodeId].details as detail}
+					<li class="modal-detail-item">{detail}</li>
+				{/each}
+			</ul>
+
+			{#if edges.filter((e) => e.source === selectedNodeId || e.target === selectedNodeId).length > 0}
+				<div class="modal-connections">
+					{#if edges.filter((e) => e.target === selectedNodeId).length > 0}
+						<div class="connection-section">
+							<h4 class="modal-subtitle">Suppliers:</h4>
+							<ul class="connection-list">
+								{#each edges.filter((e) => e.target === selectedNodeId) as edge}
+									<li class="connection-item">
+										<button
+											class="connection-button"
+											on:click={(e) => {
+												handleNodeClick(edge.source)
+												e.currentTarget.blur()
+											}}
+										>
+											<span class="connection-label">{nodes[edge.source].label}</span>
+											<span class="connection-arrow">→</span>
+											<span class="connection-description">{edge.description}</span>
+										</button>
+									</li>
+								{/each}
+							</ul>
+							{#if incomingLinks.length > 0}
+								<div class="connection-sources">
+									<strong>Sources:</strong>
+									<ul class="connection-links">
+										{#each incomingLinks as link}
+											<li>
+												<a href={link} target="_blank" rel="noopener noreferrer"
+													>{getDomain(link)}</a
+												>
+											</li>
+										{/each}
+									</ul>
+								</div>
+							{/if}
+						</div>
+					{/if}
+
+					{#if edges.filter((e) => e.source === selectedNodeId).length > 0}
+						<div class="connection-section">
+							<h4 class="modal-subtitle">Customers:</h4>
+							<ul class="connection-list">
+								{#each edges.filter((e) => e.source === selectedNodeId) as edge}
+									<li class="connection-item">
+										<button
+											class="connection-button"
+											on:click={(e) => {
+												handleNodeClick(edge.target)
+												e.currentTarget.blur()
+											}}
+										>
+											<span class="connection-label">{nodes[edge.target].label}</span>
+											<span class="connection-arrow">←</span>
+											<span class="connection-description">{edge.description}</span>
+										</button>
+									</li>
+								{/each}
+							</ul>
+							{#if outgoingLinks.length > 0}
+								<div class="connection-sources">
+									<strong>Sources:</strong>
+									<ul class="connection-links">
+										{#each outgoingLinks as link}
+											<li>
+												<a href={link} target="_blank" rel="noopener noreferrer"
+													>{getDomain(link)}</a
+												>
+											</li>
+										{/each}
+									</ul>
+								</div>
+							{/if}
+						</div>
+					{/if}
+				</div>
+			{/if}
+		</Modal>
+	{/if}
+
+	<!-- Edge Modal -->
+	{#if selectedEdge}
+		<Modal
+			title="Connection: {nodes[selectedEdge.source]?.label || selectedEdge.source} → {nodes[
+				selectedEdge.target
+			]?.label || selectedEdge.target}"
+			description={selectedEdge.description || ''}
+			onClose={closeAllModals}
+		>
+			{#if selectedEdge.links && selectedEdge.links.length > 0}
+				<div class="connection-sources">
+					<strong>Sources:</strong>
+					<ul class="connection-links">
+						{#each selectedEdge.links as link}
+							<li>
+								<a href={link} target="_blank" rel="noopener noreferrer">{getDomain(link)}</a>
+							</li>
+						{/each}
+					</ul>
+				</div>
+			{/if}
+		</Modal>
+	{/if}
+
+	<div class="legend">
+		<div class="legend-item">
+			<div class="legend-swatch node-equipment"></div>
+			<span>Equipment</span>
+		</div>
+		<div class="legend-item">
+			<div class="legend-swatch node-foundry"></div>
+			<span>Foundry</span>
+		</div>
+		<div class="legend-item">
+			<div class="legend-swatch node-design"></div>
+			<span>Chip Design</span>
+		</div>
+		<div class="legend-item">
+			<div class="legend-swatch node-eda"></div>
+			<span>EDA</span>
+		</div>
+		<div class="legend-item">
+			<div class="legend-swatch node-memory"></div>
+			<span>Memory</span>
+		</div>
+		<div class="legend-item">
+			<div class="legend-swatch node-assembly"></div>
+			<span>Assembly</span>
+		</div>
+		<div class="legend-item">
+			<div class="legend-swatch node-end"></div>
+			<span>AI Labs</span>
+		</div>
+	</div>
+</div>
+
+<style>
+	.container {
+		width: 100%;
+		max-width: 1200px;
+		margin: 0 auto;
+		padding: 2rem 0;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.graph-scroll {
+		width: 100vw;
+		overflow-x: auto;
+		overflow-y: visible;
+	}
+
+	.graph-container {
+		display: inline-block;
+		position: relative;
+		background: var(--bg);
+		box-sizing: border-box;
+		max-width: 1200px;
+		width: 95vw;
+		margin: 0 auto;
+	}
+
+	@media (max-width: 600px) {
+		.container {
+			padding: 1rem 0;
+		}
+	}
+
+	.header {
+		margin-bottom: 2rem;
+	}
+
+	.title {
+		font-size: 1.5rem;
+		font-weight: bold;
+		margin-bottom: 1rem;
+		color: var(--text);
+	}
+
+	.description {
+		color: var(--brand-subtle);
+		margin-bottom: 1rem;
+	}
+
+	.edges {
+		position: absolute;
+		top: 0;
+		left: 0;
+		pointer-events: none;
+		z-index: 1;
+	}
+
+	.edge-group {
+		cursor: pointer;
+	}
+
+	.edge-group:hover line {
+		stroke: var(--text);
+	}
+
+	.modal-details {
+		list-style-type: disc;
+		padding-left: 1.25rem;
+	}
+
+	.modal-detail-item {
+		color: var(--text);
+		margin-bottom: 0.25rem;
+	}
+
+	.legend {
+		display: flex;
+		justify-content: center;
+		flex-wrap: wrap;
+		gap: 1rem;
+		margin: 2rem 0;
+	}
+
+	.legend-item {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		font-size: 0.875rem;
+		color: var(--brand-subtle);
+	}
+
+	.legend-swatch {
+		width: 1.5rem;
+		height: 1rem;
+		border-radius: 0.25rem;
+	}
+
+	.modal-subtitle {
+		font-size: 0.875rem;
+		font-weight: bold;
+		color: var(--text);
+		margin-top: 1rem;
+		margin-bottom: 0.5rem;
+	}
+
+	.modal-connections {
+		margin-top: 1.5rem;
+		border-top: 1px solid var(--brand-subtle);
+		padding-top: 1rem;
+	}
+
+	.connection-section {
+		margin-bottom: 1rem;
+	}
+
+	.connection-list {
+		list-style: none;
+		padding: 0;
+		margin: 0;
+	}
+
+	.connection-item {
+		margin-bottom: 0.75rem;
+		font-size: 0.875rem;
+		line-height: 1.4;
+	}
+
+	.connection-button {
+		display: flex;
+		align-items: flex-start;
+		gap: 0.5rem;
+		width: 100%;
+		text-align: left;
+		background: none;
+		border: none;
+		padding: 0.5rem;
+		border-radius: 0.25rem;
+		cursor: pointer;
+		transition: background-color 0.2s ease;
+	}
+
+	.connection-button:hover {
+		background-color: var(--bg-subtle);
+	}
+
+	.connection-button:focus {
+		outline: 2px solid var(--brand);
+		outline-offset: 2px;
+	}
+
+	.connection-label {
+		font-weight: 500;
+		color: var(--brand);
+		min-width: 80px;
+	}
+
+	.connection-arrow {
+		color: var(--brand-subtle);
+	}
+
+	.connection-description {
+		color: var(--text);
+		flex: 1;
+	}
+
+	.connection-links {
+		margin: 0.25rem 0 0 0;
+		padding-left: 1.25rem;
+		font-size: 0.8em;
+		color: var(--brand);
+	}
+
+	.connection-links li {
+		margin-bottom: 0.1rem;
+	}
+
+	.connection-links a {
+		color: var(--brand);
+		text-decoration: underline;
+		word-break: break-all;
+	}
+
+	.connection-links a:hover {
+		color: var(--brand-subtle);
+	}
+
+	.connection-sources {
+		margin-top: 0.5rem;
+		font-size: 0.9em;
+		color: var(--text);
+	}
+
+	/* Node color classes */
+	:global(.node-equipment) {
+		background-color: hsl(230, 100%, 95%);
+		border: 2px solid hsl(230, 100%, 60%);
+	}
+
+	:global(.node-equipment:hover) {
+		background-color: hsl(230, 100%, 85%);
+		border-color: hsl(230, 100%, 50%);
+	}
+
+	:global(.node-foundry) {
+		background-color: hsl(30, 100%, 95%);
+		border: 2px solid hsl(30, 100%, 60%);
+	}
+
+	:global(.node-foundry:hover) {
+		background-color: hsl(30, 100%, 85%);
+		border-color: hsl(30, 100%, 50%);
+	}
+
+	:global(.node-design) {
+		background-color: hsl(0, 100%, 95%);
+		border: 2px solid hsl(0, 100%, 60%);
+	}
+
+	:global(.node-design:hover) {
+		background-color: hsl(0, 100%, 85%);
+		border-color: hsl(0, 100%, 50%);
+	}
+
+	:global(.node-eda) {
+		background-color: hsl(150, 100%, 95%);
+		border: 2px solid hsl(150, 100%, 60%);
+	}
+
+	:global(.node-eda:hover) {
+		background-color: hsl(150, 100%, 85%);
+		border-color: hsl(150, 100%, 50%);
+	}
+
+	:global(.node-memory) {
+		background-color: hsl(60, 100%, 95%);
+		border: 2px solid hsl(60, 100%, 60%);
+	}
+
+	:global(.node-memory:hover) {
+		background-color: hsl(60, 100%, 85%);
+		border-color: hsl(60, 100%, 50%);
+	}
+
+	:global(.node-assembly) {
+		background-color: hsl(210, 100%, 95%);
+		border: 2px solid hsl(210, 100%, 60%);
+	}
+
+	:global(.node-assembly:hover) {
+		background-color: hsl(210, 100%, 85%);
+		border-color: hsl(210, 100%, 50%);
+	}
+
+	:global(.node-end) {
+		background-color: hsl(270, 100%, 95%);
+		border: 2px solid hsl(270, 100%, 60%);
+	}
+
+	:global(.node-end:hover) {
+		background-color: hsl(270, 100%, 85%);
+		border-color: hsl(270, 100%, 50%);
+	}
+
+	/* Dark mode overrides */
+	:global([color-scheme='dark']) .node-equipment {
+		background-color: hsl(230, 100%, 20%);
+		border-color: hsl(230, 100%, 40%);
+	}
+
+	:global([color-scheme='dark']) .node-foundry {
+		background-color: hsl(30, 100%, 20%);
+		border-color: hsl(30, 100%, 40%);
+	}
+
+	:global([color-scheme='dark']) .node-design {
+		background-color: hsl(0, 100%, 20%);
+		border-color: hsl(0, 100%, 40%);
+	}
+
+	:global([color-scheme='dark']) .node-eda {
+		background-color: hsl(150, 100%, 20%);
+		border-color: hsl(150, 100%, 40%);
+	}
+
+	:global([color-scheme='dark']) .node-memory {
+		background-color: hsl(60, 100%, 20%);
+		border-color: hsl(60, 100%, 40%);
+	}
+
+	:global([color-scheme='dark']) .node-assembly {
+		background-color: hsl(210, 100%, 20%);
+		border-color: hsl(210, 100%, 40%);
+	}
+
+	:global([color-scheme='dark']) .node-end {
+		background-color: hsl(270, 100%, 20%);
+		border-color: hsl(270, 100%, 40%);
+	}
+
+	/* Node text color for contrast */
+	:global(.node) {
+		color: #111 !important;
+	}
+
+	/* Modal dark mode overrides */
+	:global([color-scheme='dark']) .modal-content,
+	:global([color-scheme='dark']) dialog[open].modal {
+		background: #18181b !important;
+		color: #f3f4f6 !important;
+	}
+	:global([color-scheme='dark']) .modal-title,
+	:global([color-scheme='dark']) .modal-description,
+	:global([color-scheme='dark']) .modal-detail-item {
+		color: #f3f4f6 !important;
+	}
+	:global([color-scheme='dark']) dialog[open].modal::backdrop {
+		background: rgba(0, 0, 0, 0.8) !important;
+	}
+</style>
diff --git a/src/lib/components/SupplyChainText.svelte b/src/lib/components/SupplyChainText.svelte
new file mode 100644
index 00000000..a6bf6c0d
--- /dev/null
+++ b/src/lib/components/SupplyChainText.svelte
@@ -0,0 +1,187 @@
+<script lang="ts">
+	import { nodes, nodeInfo, edges } from './supply-chain/data'
+	import type { Node } from './supply-chain/types'
+	import { getDomain } from './supply-chain/utils'
+
+	// Group nodes by category
+	const nodesByCategory: Record<string, Record<string, Node>> = {}
+	Object.values(nodes).forEach((node) => {
+		if (!nodesByCategory[node.category]) {
+			nodesByCategory[node.category] = {}
+		}
+		nodesByCategory[node.category][node.id] = node
+	})
+
+	// Get outgoing edges for a node
+	function getOutgoingEdges(nodeId: string) {
+		return edges.filter((edge) => edge.source === nodeId)
+	}
+
+	// Get incoming edges for a node
+	function getIncomingEdges(nodeId: string) {
+		return edges.filter((edge) => edge.target === nodeId)
+	}
+
+	// Get all unique links for a node
+	function getNodeLinks(nodeId: string) {
+		const outgoingLinks = edges
+			.filter((edge) => edge.source === nodeId && edge.links)
+			.flatMap((edge) => edge.links || [])
+		const incomingLinks = edges
+			.filter((edge) => edge.target === nodeId && edge.links)
+			.flatMap((edge) => edge.links || [])
+		return [...new Set([...outgoingLinks, ...incomingLinks])]
+	}
+
+	// Category titles
+	const categoryTitles: Record<string, string> = {
+		equipment: 'Equipment',
+		foundry: 'Foundries',
+		design: 'Chip Designers',
+		eda: 'EDA',
+		memory: 'Memory',
+		assembly: 'Assembly & Testing',
+		end: 'AI Labs & End Users'
+	}
+</script>
+
+<div class="container">
+	{#each Object.entries(nodesByCategory) as [category, categoryNodes]}
+		<h2>{categoryTitles[category]}</h2>
+		{#each Object.values(categoryNodes) as node}
+			<div class="company-section" id={node.id}>
+				<h3><a class="anchor-link" href={`#${node.id}`}>{nodeInfo[node.id].title}</a></h3>
+				<p class="description">{nodeInfo[node.id].description}</p>
+
+				{#if nodeInfo[node.id].details.length > 0}
+					<ul class="details">
+						{#each nodeInfo[node.id].details as detail}
+							<li>{detail}</li>
+						{/each}
+					</ul>
+				{/if}
+
+				{#if getOutgoingEdges(node.id).length > 0}
+					<h4>Customers:</h4>
+					<ul class="connections">
+						{#each getOutgoingEdges(node.id) as edge}
+							<li>
+								<strong
+									><a class="anchor-link" href={`#${edge.target}`}>{nodes[edge.target].label}</a
+									>:</strong
+								>
+								{edge.description}
+							</li>
+						{/each}
+					</ul>
+				{/if}
+
+				{#if getNodeLinks(node.id).length > 0}
+					<h4>Sources:</h4>
+					<ul class="links">
+						{#each getNodeLinks(node.id) as link}
+							<li>
+								<a href={link} target="_blank" rel="noopener noreferrer">{getDomain(link)}</a>
+							</li>
+						{/each}
+					</ul>
+				{/if}
+			</div>
+		{/each}
+	{/each}
+</div>
+<a href="#top" class="back-to-top">Back to top ↑</a>
+
+<style>
+	h2 {
+		border-bottom: 2px solid var(--brand-subtle);
+		padding-bottom: 0.5rem;
+	}
+
+	.company-section {
+		margin-bottom: 2rem;
+		padding: 1rem 0;
+	}
+
+	.description {
+		color: var(--text);
+		margin: 0.5rem 0;
+		line-height: 1.5;
+	}
+
+	.details {
+		list-style-type: disc;
+		padding-left: 1.5rem;
+		margin: 0.5rem 0;
+	}
+
+	.details li {
+		color: var(--text);
+		margin-bottom: 0.25rem;
+		line-height: 1.4;
+	}
+
+	.connections {
+		list-style-type: none;
+		padding: 0;
+		margin: 0.5rem 0;
+	}
+
+	.connections li {
+		color: var(--text);
+		margin-bottom: 0.5rem;
+		line-height: 1.4;
+		padding-left: 1rem;
+		border-left: 2px solid var(--brand-subtle);
+	}
+
+	.links {
+		list-style-type: none;
+		padding: 0;
+		margin: 0.5rem 0;
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.5rem;
+	}
+
+	.links li {
+		margin: 0;
+	}
+
+	.links a {
+		color: #2563eb;
+		text-decoration: underline;
+		word-break: break-all;
+		font-size: 0.9em;
+	}
+
+	.links a:hover {
+		color: #1d4ed8;
+	}
+
+	.anchor-link {
+		color: var(--text);
+		text-decoration: none;
+		position: relative;
+	}
+
+	.anchor-link:hover {
+		text-decoration: underline;
+		color: var(--brand);
+	}
+
+	.back-to-top {
+		display: block;
+		margin: 2rem auto 0 auto;
+		text-align: center;
+		color: var(--brand);
+		font-weight: bold;
+		text-decoration: none;
+		font-size: 1.1em;
+		transition: color 0.2s;
+	}
+	.back-to-top:hover {
+		color: var(--text);
+		text-decoration: underline;
+	}
+</style>
diff --git a/src/lib/components/supply-chain/Modal.svelte b/src/lib/components/supply-chain/Modal.svelte
new file mode 100644
index 00000000..42599c59
--- /dev/null
+++ b/src/lib/components/supply-chain/Modal.svelte
@@ -0,0 +1,122 @@
+<script lang="ts">
+	export let title: string
+	export let description: string
+	export let onClose: () => void
+</script>
+
+<dialog
+	class="modal"
+	open
+	aria-labelledby="dialog-title"
+	aria-describedby="dialog-description"
+	on:click={(e) => {
+		if (e.target === e.currentTarget) {
+			onClose()
+		}
+	}}
+>
+	<div class="modal-content">
+		<div class="modal-header">
+			<h3 class="modal-title" id="dialog-title">{title}</h3>
+			<button class="modal-close" on:click={onClose} autofocus aria-label="Close dialog">×</button>
+		</div>
+		<p class="modal-description" id="dialog-description">{description}</p>
+		<slot />
+	</div>
+</dialog>
+
+<style>
+	.modal {
+		position: fixed;
+		inset: 0;
+		background: transparent;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		z-index: 50;
+		border: none;
+		padding: 0;
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+	}
+
+	.modal::backdrop {
+		background: rgba(0, 0, 0, 0.5);
+		animation: fade-in 0.2s ease-out;
+	}
+
+	@keyframes fade-in {
+		from {
+			opacity: 0;
+		}
+		to {
+			opacity: 1;
+		}
+	}
+
+	.modal-content {
+		background: var(--bg-secondary);
+		color: var(--text);
+		border-radius: 0.5rem;
+		padding: 1.5rem;
+		width: 28rem;
+		margin: 1rem;
+		animation: fade-in 0.2s ease-out;
+		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+		max-height: calc(100vh - 2rem);
+		overflow-y: auto;
+		scrollbar-width: thin;
+		scrollbar-color: #cbd5e1 #f1f5f9;
+	}
+
+	.modal-content::-webkit-scrollbar {
+		width: 8px;
+	}
+
+	.modal-content::-webkit-scrollbar-track {
+		background: #f1f5f9;
+		border-radius: 4px;
+	}
+
+	.modal-content::-webkit-scrollbar-thumb {
+		background-color: #cbd5e1;
+		border-radius: 4px;
+	}
+
+	.modal-content::-webkit-scrollbar-thumb:hover {
+		background-color: #94a3b8;
+	}
+
+	.modal-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		margin-bottom: 1rem;
+	}
+
+	.modal-title {
+		font-size: 1.25rem;
+		font-weight: bold;
+	}
+
+	.modal-close {
+		color: var(--text);
+		cursor: pointer;
+	}
+
+	.modal-close:hover {
+		color: var(--brand);
+	}
+
+	.modal-description {
+		color: var(--text);
+		margin-bottom: 1rem;
+	}
+
+	.modal-title,
+	.modal-description,
+	.modal-detail-item {
+		color: var(--text);
+	}
+</style>
diff --git a/src/lib/components/supply-chain/Node.svelte b/src/lib/components/supply-chain/Node.svelte
new file mode 100644
index 00000000..985c5739
--- /dev/null
+++ b/src/lib/components/supply-chain/Node.svelte
@@ -0,0 +1,118 @@
+<script lang="ts">
+	import { categoryColors } from './data'
+	export let label: string
+	export let category: keyof typeof categoryColors
+	export let x: number
+	export let y: number
+	export let onClick: () => void
+</script>
+
+<div
+	class="node {categoryColors[category]}"
+	style="left: {x}px; top: {y}px; position: absolute; transform: translate(-50%, -50%);"
+	on:click={onClick}
+	on:keydown={(event) => {
+		if (event.key === 'Enter' || event.key === ' ') {
+			onClick()
+		}
+	}}
+	role="button"
+	tabindex="0"
+>
+	<span class="node-label">{label}</span>
+</div>
+
+<style>
+	.node {
+		position: absolute;
+		cursor: pointer;
+		border-radius: 0.5rem;
+		padding: 0.5rem;
+		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+		transition: all 0.2s ease;
+		width: 100px;
+		text-align: center;
+		z-index: 2;
+		margin: 0;
+	}
+
+	.node:hover {
+		transform: scale(1.05);
+		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
+	}
+
+	.node-label {
+		font-size: 0.75rem;
+		font-weight: 500;
+	}
+
+	.node-equipment {
+		background-color: #e0e7ff;
+		border: 2px solid #6366f1;
+	}
+
+	.node-equipment:hover {
+		background-color: #c7d2fe;
+		border-color: #4338ca;
+	}
+
+	.node-foundry {
+		background-color: #fed7aa;
+		border: 2px solid #fb923c;
+	}
+
+	.node-foundry:hover {
+		background-color: #fdba74;
+		border-color: #ea580c;
+	}
+
+	.node-design {
+		background-color: #fee2e2;
+		border: 2px solid #fca5a5;
+	}
+
+	.node-design:hover {
+		background-color: #fecaca;
+		border-color: #ef4444;
+	}
+
+	.node-eda {
+		background-color: #f0fdf4;
+		border: 2px solid #34d399;
+	}
+
+	.node-eda:hover {
+		background-color: #bbf7d0;
+		border-color: #059669;
+	}
+
+	.node-memory {
+		background-color: #fef9c3;
+		border: 2px solid #fde047;
+	}
+
+	.node-memory:hover {
+		background-color: #fef08a;
+		border-color: #ca8a04;
+	}
+
+	.node-assembly {
+		background-color: #dbeafe;
+		border: 2px solid #93c5fd;
+	}
+
+	.node-assembly:hover {
+		background-color: #bfdbfe;
+		border-color: #3b82f6;
+	}
+
+	.node-end {
+		background-color: #f3e8ff;
+		border: 2px solid #d8b4fe;
+	}
+
+	.node-end:hover {
+		background-color: #e9d5ff;
+		border-color: #a855f7;
+	}
+</style>
diff --git a/src/lib/components/supply-chain/data.ts b/src/lib/components/supply-chain/data.ts
new file mode 100644
index 00000000..f3d3838d
--- /dev/null
+++ b/src/lib/components/supply-chain/data.ts
@@ -0,0 +1,880 @@
+import type { Node, NodeInfo, Edge } from './types'
+
+export const nodes: Record<string, Node> = {
+	// Lithography & Equipment
+	ASML: { id: 'ASML', label: 'ASML', category: 'equipment' },
+	ZEISS: { id: 'ZEISS', label: 'Zeiss', category: 'equipment' },
+	SMEE: { id: 'SMEE', label: 'SMEE', category: 'equipment' },
+	APPLIED: { id: 'APPLIED', label: 'Applied Materials', category: 'equipment' },
+	KLA: { id: 'KLA', label: 'KLA', category: 'equipment' },
+	TEL: { id: 'TEL', label: 'Tokyo Electron', category: 'equipment' },
+	NIKON: { id: 'NIKON', label: 'Nikon', category: 'equipment' },
+
+	// Foundries
+	TSMC: { id: 'TSMC', label: 'TSMC', category: 'foundry' },
+	SAMSUNG: { id: 'SAMSUNG', label: 'Samsung', category: 'foundry' },
+	INTEL_FAB: { id: 'INTEL_FAB', label: 'Intel Foundry', category: 'foundry' },
+	SMIC: { id: 'SMIC', label: 'SMIC', category: 'foundry' },
+	UMC: { id: 'UMC', label: 'UMC', category: 'foundry' },
+	GFS: { id: 'GFS', label: 'GlobalFoundries', category: 'foundry' },
+
+	// Design / IP / EDA
+	NVIDIA: { id: 'NVIDIA', label: 'Nvidia', category: 'design' },
+	AMD: { id: 'AMD', label: 'AMD', category: 'design' },
+	GROQ: { id: 'GROQ', label: 'Groq', category: 'design' },
+	INTEL: { id: 'INTEL', label: 'Intel AI', category: 'design' },
+	CEREBRAS: { id: 'CEREBRAS', label: 'Cerebras', category: 'design' },
+	HUAWEI: { id: 'HUAWEI', label: 'Huawei', category: 'design' },
+	ARM: { id: 'ARM', label: 'ARM', category: 'design' },
+	CADENCE: { id: 'CADENCE', label: 'Cadence', category: 'eda_memory' },
+	SYNOPSYS: { id: 'SYNOPSYS', label: 'Synopsys', category: 'eda_memory' },
+
+	// Memory
+	MICRON: { id: 'MICRON', label: 'Micron', category: 'eda_memory' },
+	SKHYNIX: { id: 'SKHYNIX', label: 'SK Hynix', category: 'eda_memory' },
+
+	// Assembly / OSAT
+	ASE: { id: 'ASE', label: 'ASE (Foxconn)', category: 'assembly' },
+	ASE_GROUP: { id: 'ASE_GROUP', label: 'ASE Group', category: 'assembly' },
+	AMKOR: { id: 'AMKOR', label: 'Amkor', category: 'assembly' },
+	JCET: { id: 'JCET', label: 'JCET', category: 'assembly' },
+	SPIL: { id: 'SPIL', label: 'SPIL', category: 'assembly' },
+
+	// Cloud / End users
+	AWS: { id: 'AWS', label: 'AWS', category: 'end' },
+	AZURE: { id: 'AZURE', label: 'Azure (Microsoft)', category: 'end' },
+	OPENAI: { id: 'OPENAI', label: 'OpenAI', category: 'end' },
+	GOOGLE: { id: 'GOOGLE', label: 'Google', category: 'end' },
+	META: { id: 'META', label: 'Meta AI', category: 'end' },
+	XAI: { id: 'XAI', label: 'X.ai', category: 'end' },
+	DEEPSEEK: { id: 'DEEPSEEK', label: 'Deepseek', category: 'end' }
+}
+
+export const nodeInfo: Record<string, NodeInfo> = {
+	APPLIED: {
+		title: 'Applied Materials',
+		description:
+			'Largest semiconductor equipment company covering deposition, etch and CMP tools used by every leading-edge fab.',
+		details: [
+			'Leader in PVD/CVD, etch and CMP equipment',
+			'Critical for 3D NAND, logic and packaging steps',
+			'Supplies TSMC, Samsung, Intel and others',
+			'Subject to US export controls (China restrictions)'
+		]
+	},
+	KLA: {
+		title: 'KLA',
+		description: 'Dominant player in process-control, wafer inspection and metrology systems.',
+		details: [
+			'Essential for yield-learning at advanced nodes',
+			'Sells to all top foundries and memory makers'
+		]
+	},
+	TEL: {
+		title: 'Tokyo Electron',
+		description:
+			'Top-three global equipment vendor providing etch, deposition and photoresist coat/develop tools.',
+		details: [
+			'Japanese powerhouse with strong co-development at TSMC & Samsung',
+			'Key for FinFET/GAAFET patterning and 3D NAND fabrication'
+		]
+	},
+	NIKON: {
+		title: 'Nikon',
+		description: 'Supplier of immersion DUV lithography scanners (No.2 after ASML in lithography).',
+		details: ['Competition to ASML in mature nodes', 'Important for 28-90 nm and overlay tools']
+	},
+	UMC: {
+		title: 'UMC (United Microelectronics)',
+		description:
+			'Taiwan-based pure-play foundry focused on 28 nm and above with selective 14/12 nm capacity.',
+		details: [
+			'~6% global foundry market share',
+			'Key second-source for mature logic and specialty nodes'
+		]
+	},
+	GFS: {
+		title: 'GlobalFoundries',
+		description:
+			'US-headquartered pure-play foundry specializing in mature and RF/process-optimized nodes.',
+		details: [
+			'Largely exited sub-10 nm race in 2018',
+			'Strategic US/EU fabs aligned with CHIPS Act customers'
+		]
+	},
+	ARM: {
+		title: 'ARM',
+		description:
+			'Licensor of CPU/GPU architectures underlying most mobile and emerging AI accelerators.',
+		details: ['Neoverse for data-center CPUs', 'Widely licensed by Nvidia, AWS, Google, etc.']
+	},
+	CADENCE: {
+		title: 'Cadence Design Systems',
+		description:
+			'EDA software provider (design, verification, implementation) indispensable to chip designers.',
+		details: [
+			'Fusion/Innovus, Spectre simulation suites',
+			'Collaborates with TSMC and Samsung on advanced PDKs'
+		]
+	},
+	SYNOPSYS: {
+		title: 'Synopsys',
+		description: 'Largest EDA vendor and IP licensor (Interface & ARC).',
+		details: [
+			'Design Compiler & Fusion Compiler toolchains',
+			'Owns critical interface IP (PCIe, DDR, HBM)'
+		]
+	},
+	MICRON: {
+		title: 'Micron Technology',
+		description: 'US memory giant producing DRAM, NAND and HBM for AI accelerators.',
+		details: ['HBM3E supplier for Nvidia Blackwell', 'Boise-based R&D; fabs in US, Taiwan, Japan']
+	},
+	SKHYNIX: {
+		title: 'SK Hynix',
+		description: 'Korean memory leader and primary HBM3 supplier for Nvidia H100/H200.',
+		details: [
+			'Developed world-first HBM3E 12-high stack',
+			'Joint ventures with TSMC on advanced packaging'
+		]
+	},
+	JCET: {
+		title: 'JCET Group',
+		description: "China's largest OSAT offering flip-chip, SiP and fan-out panel-level packaging.",
+		details: []
+	},
+	SPIL: {
+		title: 'Siliconware Precision Industries (SPIL)',
+		description: 'Taiwanese OSAT subsidiary of ASE focusing on bumping and advanced SiP.',
+		details: []
+	},
+	AWS: {
+		title: 'Amazon Web Services',
+		description:
+			'Largest cloud provider, massive buyer of AI accelerators and developer of Trainium/Inferentia chips.',
+		details: [
+			'Ongoing purchases of Nvidia H100/H200',
+			'Designs custom Graviton/Trainium chips (fabricated by TSMC)'
+		]
+	},
+	AZURE: {
+		title: 'Microsoft Azure',
+		description:
+			'Cloud platform powering OpenAI and hosting Nvidia, AMD and custom Cobalt/ Maia AI accelerators.',
+		details: ['Cobalt / Maia chips fabbed at TSMC', 'Major H100/H200 and MI300 customer']
+	},
+	ASML: {
+		title: 'ASML',
+		description:
+			'Global monopoly in EUV lithography machines required for advanced chip manufacturing.',
+		details: [
+			'Only manufacturer of EUV lithography machines',
+			'Machines cost ~$200 million each',
+			'EUV machines have remote kill-switch capability',
+			'Critical choke point in AI chip supply chain',
+			'Subject to export controls from NL government'
+		]
+	},
+	ZEISS: {
+		title: 'Zeiss',
+		description: "Exclusive provider of critical optical systems for ASML's EUV machines.",
+		details: []
+	},
+	TSMC: {
+		title: 'TSMC (Taiwan Semiconductor)',
+		description:
+			"World's largest dedicated semiconductor foundry, specializing in advanced process nodes.",
+		details: [
+			'Market leader in 3nm and 5nm processes',
+			'Supplies to NVIDIA, AMD, Apple',
+			'Located primarily in Taiwan',
+			'~54% market share in foundry services'
+		]
+	},
+	SAMSUNG: {
+		title: 'Samsung Semiconductor',
+		description: 'Major player in memory and logic chip manufacturing with advanced facilities.',
+		details: [
+			'Competes in 3nm and 5nm processes',
+			'Strong in memory chip production',
+			'Facilities in Korea and US',
+			'~17% foundry market share'
+		]
+	},
+	INTEL_FAB: {
+		title: 'Intel Foundry',
+		description: 'Traditional CPU giant expanding into foundry services with IDM 2.0 strategy.',
+		details: [
+			'Investing heavily in new fabs',
+			'Developing Intel 4 and 3 processes',
+			'US-based manufacturing',
+			'Focus on regaining technology leadership'
+		]
+	},
+	NVIDIA: {
+		title: 'NVIDIA',
+		description: 'Leader in GPU design and AI accelerator chips.',
+		details: [
+			'Designs H100, A100 AI chips',
+			'~80% market share in AI chips',
+			'Partners with TSMC for manufacturing',
+			'Pioneered CUDA ecosystem'
+		]
+	},
+	AMD: {
+		title: 'AMD',
+		description: 'Major chip designer competing in CPU, GPU, and AI accelerator markets.',
+		details: [
+			'Designs MI300 AI accelerators',
+			'Uses TSMC manufacturing',
+			'Growing presence in data centers',
+			'ROCm software ecosystem'
+		]
+	},
+	INTEL: {
+		title: 'Intel AI (Products)',
+		description: "Intel's AI chip products, including Gaudi accelerators.",
+		details: [
+			'Develops Gaudi AI accelerators',
+			'Acquired Habana Labs',
+			'Internal manufacturing capability (via Intel Foundry)',
+			'OneAPI software platform'
+		]
+	},
+	ASE: {
+		title: 'ASE (Foxconn)',
+		description: "World's largest electronics manufacturer, key assembler of AI servers.",
+		details: [
+			'Major Apple supplier (general electronics)',
+			'Key assembler of AI servers for Nvidia, AMD, etc.',
+			'Facilities across Asia and globally',
+			'Handles final product assembly for many tech giants'
+		]
+	},
+	ASE_GROUP: {
+		title: 'ASE Group',
+		description: "World's largest semiconductor packaging and testing (OSAT) provider.",
+		details: [
+			'Advanced packaging solutions (CoWoS-like, FOCoS, SiP)',
+			'Tests final chip products',
+			'Key role in supply chain for fabless & IDMs',
+			'Facilities in multiple countries'
+		]
+	},
+	AMKOR: {
+		title: 'Amkor Technology',
+		description: 'Major global OSAT provider with advanced packaging capabilities.',
+		details: [
+			'Provides advanced packaging (e.g., SWIFT, S-SWIFT, HDFO)',
+			'Key partner for US-based chip initiatives',
+			'Building new facility in Arizona',
+			'Serves fabless, IDM, and foundry customers'
+		]
+	},
+	OPENAI: {
+		title: 'OpenAI',
+		description: 'Leading AI research company focused on AGI development.',
+		details: [
+			'Developed GPT-4, DALL-E, Sora',
+			'Requires massive compute infrastructure (Nvidia GPUs, custom chips in development)',
+			'Partnership with Microsoft',
+			'Focus on AI safety research'
+		]
+	},
+	GOOGLE: {
+		title: 'Google (DeepMind & Cloud)',
+		description: 'Pioneer in AI research and cloud AI services.',
+		details: [
+			'Developed Gemini, PaLM, TPUs',
+			'Massive TPU infrastructure for internal use and Cloud',
+			'Leading AI research lab (DeepMind)',
+			'Offers Nvidia GPUs and Intel Gaudi on Cloud'
+		]
+	},
+	META: {
+		title: 'Meta AI',
+		description: 'Major AI research organization with open source focus and large infrastructure.',
+		details: [
+			'Developed LLaMA models',
+			'Building massive GPU clusters (Nvidia)',
+			'Developing in-house AI chips (MTIA)',
+			'Focus on generative AI and metaverse applications'
+		]
+	},
+	SMIC: {
+		title: 'SMIC (Semiconductor Manufacturing International Corporation)',
+		description:
+			"China's largest chip manufacturer, developing advanced process nodes despite restrictions.",
+		details: [
+			'Achieved 7nm process using DUV (multi-patterning)',
+			'Working on 5nm development',
+			'Subject to US export controls (limited access to EUV)',
+			"Key to China's domestic supply chain efforts"
+		]
+	},
+	HUAWEI: {
+		title: 'Huawei (HiSilicon)',
+		description:
+			'Chinese technology company developing AI chips (Ascend) and SoCs (Kirin) through its HiSilicon division.',
+		details: [
+			'Designs Ascend AI processors and Kirin SoCs',
+			'Partners with SMIC for manufacturing due to sanctions',
+			'Subject to US trade restrictions',
+			'Focusing on domestic supply chain for chips'
+		]
+	},
+	SMEE: {
+		title: 'SMEE (Shanghai Micro Electronics Equipment)',
+		description: 'Chinese lithography equipment manufacturer developing DUV technology.',
+		details: [
+			'Developing DUV lithography tools (e.g., 28nm capable SSA800/900)',
+			'Working on more advanced DUV immersion systems',
+			"Key player in China's chip independence strategy",
+			'Cannot yet produce EUV machines'
+		]
+	},
+	GROQ: {
+		title: 'Groq',
+		description:
+			'AI chip company focusing on Language Processing Units (LPUs) for ultra-low latency inference.',
+		details: [
+			'Developed LPU architecture for fast inference',
+			'Uses Samsung 4nm for next-gen chips',
+			'Claims superior inference speed and energy efficiency',
+			'Founded by former Google TPU engineers'
+		]
+	},
+	CEREBRAS: {
+		title: 'Cerebras Systems',
+		description: 'Developer of Wafer-Scale Engines (WSE), the largest AI chips in the world.',
+		details: [
+			'WSE-3 is current flagship (5nm, 4 trillion transistors)',
+			'Specialized for AI training and inference',
+			'Uses TSMC for manufacturing',
+			'Offers CS-3 systems built around WSE-3'
+		]
+	},
+	XAI: {
+		title: 'X.ai',
+		description: 'AI company by Elon Musk developing large language models like Grok.',
+		details: [
+			'Developing Grok model series',
+			'Building massive H100 GPU clusters for training',
+			'Focus on "truthful" and "maximum curiosity" AI',
+			'Aims for AGI development'
+		]
+	},
+	DEEPSEEK: {
+		title: 'Deepseek',
+		description: 'Chinese AI company developing large language models.',
+		details: [
+			'Acquired fame with the Deepseek r1 reasoning model',
+			'Focus on open source AI models'
+		]
+	}
+}
+
+export const edges: Edge[] = [
+	// Lithography & equipment → fabs
+	{
+		source: 'APPLIED',
+		target: 'TSMC',
+		links: null,
+		description:
+			'Applied Materials supplies critical deposition, etch and CMP tools that enable every advanced TSMC node.',
+		weight: 9
+	},
+	{
+		source: 'APPLIED',
+		target: 'SAMSUNG',
+		links: null,
+		description:
+			'Samsung Foundry relies on Applied Materials equipment across logic and memory fabs.',
+		weight: 8
+	},
+	{
+		source: 'APPLIED',
+		target: 'INTEL_FAB',
+		links: null,
+		description:
+			"Intel's new Arizona and Ohio fabs deploy Applied Materials platforms for GAAFET manufacturing.",
+		weight: 8
+	},
+	{
+		source: 'KLA',
+		target: 'TSMC',
+		links: null,
+		description:
+			"KLA's inspection & metrology systems are indispensable for TSMC yield‑ramp at 3 nm and below.",
+		weight: 8
+	},
+	{
+		source: 'TEL',
+		target: 'TSMC',
+		links: null,
+		description:
+			'Tokyo Electron coat/develop and etch tools form a backbone of TSMC patterning flows.',
+		weight: 7
+	},
+
+	// Memory → AI chip vendors
+	{
+		source: 'MICRON',
+		target: 'NVIDIA',
+		links: null,
+		description:
+			'Micron supplies HBM3E stacks for Nvidia Blackwell GPUs, a critical component for memory bandwidth.',
+		weight: 7
+	},
+	{
+		source: 'SKHYNIX',
+		target: 'NVIDIA',
+		links: null,
+		description:
+			"SK Hynix is the primary HBM3 supplier for Nvidia's Hopper GPUs and early Blackwell shipments.",
+		weight: 7
+	},
+
+	// IP / EDA relationships
+	{
+		source: 'ARM',
+		target: 'NVIDIA',
+		links: null,
+		description: 'Nvidia licenses ARM CPU cores (Grace) for its Grace Hopper/Blackwell superchips.',
+		weight: 6
+	},
+	{
+		source: 'ARM',
+		target: 'AWS',
+		links: null,
+		description: 'AWS Graviton and Trainium chips are built on ARM Neoverse designs.',
+		weight: 6
+	},
+	{
+		source: 'CADENCE',
+		target: 'NVIDIA',
+		links: null,
+		description:
+			'Nvidia uses Cadence digital and analog toolchains for chip implementation and verification.',
+		weight: 5
+	},
+	{
+		source: 'SYNOPSYS',
+		target: 'AMD',
+		links: null,
+		description:
+			'AMD relies on Synopsys EDA tools and interface IP (PCIe, DDR) for its MI300 family.',
+		weight: 5
+	},
+
+	// Cloud providers consuming accelerators
+	{
+		source: 'NVIDIA',
+		target: 'AWS',
+		links: null,
+		description: 'AWS deploys tens of thousands of Nvidia H100 GPUs in its EC2 UltraClusters.',
+		weight: 8
+	},
+	{
+		source: 'NVIDIA',
+		target: 'AZURE',
+		links: null,
+		description: 'Microsoft Azure is a launch partner for Nvidia Blackwell HGX racks.',
+		weight: 8
+	},
+	{
+		source: 'AMD',
+		target: 'AWS',
+		links: null,
+		description: 'AWS offers AMD Instinct MI300X instances for inference‑optimized workloads.',
+		weight: 6
+	},
+	{
+		source: 'AMD',
+		target: 'AZURE',
+		links: null,
+		description: "Azure is an early customer of AMD's MI300A/X for its Maia super‑clusters.",
+		weight: 6
+	},
+	{
+		source: 'ZEISS',
+		target: 'ASML',
+		links: null,
+		description:
+			"Zeiss is the exclusive global supplier of critical optical systems (mirrors, lenses) for ASML's EUV and High-NA EUV lithography machines, a foundational and monopolistic relationship for advanced chip manufacturing.",
+		weight: 10
+	},
+	{
+		source: 'ASML',
+		target: 'TSMC',
+		links: null,
+		description:
+			"ASML supplies TSMC with essential EUV and High-NA EUV lithography systems, critical for TSMC's production of the world's most advanced semiconductor nodes (7nm, 5nm, 3nm, 2nm). TSMC is a primary customer for ASML's latest technologies.",
+		weight: 10
+	},
+	{
+		source: 'ASML',
+		target: 'SAMSUNG',
+		links: [
+			'https://patentpc.com/blog/top-chip-making-equipment-companies-asml-applied-materials-and-lam-research-market-data',
+			'https://www.sammobile.com/news/asml-changes-its-plans-for-the-755-million-chip-research-plant-with-samsung/',
+			'https://www.trendforce.com/news/2025/04/21/news-samsung-and-asml-reportedly-scrap-euv-research-center-in-hwaseong-eyeing-new-alternatives/'
+		],
+		description:
+			'ASML provides Samsung Foundry with EUV lithography systems, enabling Samsung to manufacture advanced chips and compete at leading-edge nodes. Samsung is a major ASML customer and collaborates on High-NA EUV adoption.',
+		weight: 10
+	},
+	{
+		source: 'ASML',
+		target: 'INTEL_FAB',
+		links: [
+			'https://newsroom.intel.com/de/intel-foundry/intel-foundry-opens-new-frontier-chipmaking',
+			'https://www.asml.com/en/news/press-releases/2022/intel-and-asml-strengthen-their-collaboration-to-drive-high-na-into-manufacturing-in-2025'
+		],
+		description:
+			"ASML supplies Intel Foundry with EUV and is the first commercial supplier of High-NA EUV systems (TWINSCAN EXE:5000/5200). This is crucial for Intel's IDM 2.0 strategy and its goal to achieve process leadership.",
+		weight: 10
+	},
+	{
+		source: 'SMEE',
+		target: 'SMIC',
+		links: null,
+		description:
+			"SMEE, China's leading domestic lithography tool maker, supplies DUV scanners (e.g., 28nm-capable SSA800) to SMIC, supporting China's semiconductor self-sufficiency efforts, especially for mature nodes and potentially enabling advanced nodes via multi-patterning.",
+		weight: 7
+	},
+	{
+		source: 'TSMC',
+		target: 'NVIDIA',
+		links: [
+			'https://www.carboncredits.com/tsmc-dominates-ai-chip-market-with-record-sales-but-can-it-its-tackle-rising-emissions/',
+			'https://nvidianews.nvidia.com/news/nvidia-blackwell-platform-arrives-to-power-a-new-era-of-computing'
+		],
+		description:
+			"TSMC is the primary foundry for Nvidia, manufacturing its leading AI GPUs (A100, H100, Blackwell) using its most advanced process nodes (e.g., 4NP for Blackwell). This is critical for Nvidia's market leadership.",
+		weight: 9
+	},
+	{
+		source: 'TSMC',
+		target: 'AMD',
+		links: [
+			'https://www.carboncredits.com/tsmc-dominates-ai-chip-market-with-record-sales-but-can-it-its-tackle-rising-emissions/',
+			'https://www.trendforce.com/news/2025/05/06/news-amd-reportedly-drops-samsung-foundry-in-favor-of-tsmcs-4nm-production-in-arizona/'
+		],
+		description:
+			"TSMC is a key foundry partner for AMD, manufacturing its advanced CPUs, GPUs (including Instinct AI accelerators like MI300), and future 2nm 'Venice' chips, crucial for AMD's competitiveness in HPC and AI.",
+		weight: 9
+	},
+	{
+		source: 'TSMC',
+		target: 'CEREBRAS',
+		links: [
+			'https://en.wikipedia.org/wiki/Cerebras',
+			'https://www.nextplatform.com/2024/03/14/cerebras-goes-hyperscale-with-third-gen-waferscale-supercomputers/',
+			'https://arxiv.org/html/2503.11698v1'
+		],
+		description:
+			"TSMC manufactures Cerebras Systems' unique Wafer-Scale Engines (WSE), with WSE-2 on 7nm and WSE-3 on 5nm. This partnership is essential for producing these massive, specialized AI chips.",
+		weight: 8
+	},
+	{
+		source: 'TSMC',
+		target: 'OPENAI',
+		links: [
+			'https://aimagazine.com/articles/whats-behind-openais-first-custom-chip-design-with-tsmc',
+			'https://www.datacenterdynamics.com/en/news/openai-finalizing-custom-ai-chip-design-ahead-of-2026-launch-report/'
+		],
+		description:
+			"OpenAI is partnering with TSMC to manufacture its first custom-designed AI chips using TSMC's 3nm process. This is a strategic move for OpenAI to optimize hardware and reduce reliance on external suppliers.",
+		weight: 7
+	},
+	{
+		source: 'TSMC',
+		target: 'META',
+		links: [
+			'https://technologymagazine.com/articles/behind-the-testing-of-metas-first-ai-training-chip',
+			'https://www.newelectronics.co.uk/content/blogs/meta-said-to-be-testing-in-house-ai-chip-on-tsmc-s-5nm/'
+		],
+		description:
+			"Meta is collaborating with TSMC to manufacture its in-house AI chips (MTIA program) on TSMC's 5nm process. This is key to Meta's strategy for custom silicon for its AI workloads.",
+		weight: 7
+	},
+	{
+		source: 'TSMC',
+		target: 'GOOGLE',
+		links: [
+			'https://siliconangle.com/2025/03/17/google-reportedly-partnering-mediatek-next-generation-tpu-production/',
+			'https://www.techpowerup.com/334245/google-teams-up-with-mediatek-for-next-generation-tpu-v7-design'
+		],
+		description:
+			"TSMC is set to manufacture Google's next-generation TPU v7 (via design partner MediaTek), continuing its role as a key foundry for Google's custom AI silicon, essential for Google's AI and cloud services.",
+		weight: 8
+	},
+	{
+		source: 'SAMSUNG',
+		target: 'NVIDIA',
+		links: ['https://sammyguru.com/nvidia-may-partner-with-samsung-foundry-for-next-gen-gpus/'],
+		description:
+			'Samsung Foundry has manufactured GPUs for Nvidia (e.g., RTX 30 series on 8nm) and supplies GDDR7 memory. It remains a potential secondary foundry source for Nvidia to diversify its supply chain.',
+		weight: 5
+	},
+	{
+		source: 'SAMSUNG',
+		target: 'AMD',
+		links: [
+			'https://www.trendforce.com/news/2025/05/06/news-amd-reportedly-drops-samsung-foundry-in-favor-of-tsmcs-4nm-production-in-arizona/'
+		],
+		description:
+			'AMD has explored Samsung Foundry for 4nm production (SF4X) as a dual-source, but recent reports suggest a shift to TSMC for these nodes. Samsung could still be a partner for other nodes or components.',
+		weight: 3
+	},
+	{
+		source: 'SAMSUNG',
+		target: 'GROQ',
+		links: [
+			'https://en.wikipedia.org/wiki/Groq',
+			'https://www.prnewswire.com/news-releases/groq-selects-samsung-foundry-to-bring-next-gen-lpu-to-the-ai-acceleration-market-301900464.html'
+		],
+		description:
+			"Groq has selected Samsung Foundry in Taylor, Texas, to manufacture its next-generation Language Processing Units (LPUs) using Samsung's 4nm (SF4X) process, critical for Groq's product roadmap.",
+		weight: 8
+	},
+	{
+		source: 'INTEL_FAB',
+		target: 'INTEL',
+		links: [
+			'https://www.eetimes.com/intel-financial-risks-layoffs-foundry-ambitions/',
+			'https://www.intel.com/content/www/us/en/products/details/processors/ai-accelerators/gaudi.html'
+		],
+		description:
+			"Intel Foundry manufactures Intel's own designed chips, including CPUs and AI accelerators like the Gaudi series, fundamental to Intel's IDM (Integrated Device Manufacturer) model.",
+		weight: 9
+	},
+	{
+		source: 'SMIC',
+		target: 'HUAWEI',
+		links: null,
+		description:
+			"SMIC is Huawei's primary Chinese foundry partner, manufacturing Kirin SoCs and Ascend AI processors (e.g., on 7nm using DUV). This is vital for Huawei due to US sanctions restricting access to global foundries.",
+		weight: 9
+	},
+	{
+		source: 'NVIDIA',
+		target: 'ASE_GROUP',
+		links: [
+			'https://ase.aseglobal.com/blog/technology/advanced-packaging-for-ai-chiplet-and-cpo/',
+			'https://www.tomshardware.com/tech-industry/artificial-intelligence/made-in-the-usa-inside-nvidias-usd500-billion-server-gambit'
+		],
+		description:
+			"Nvidia likely utilizes ASE Group, the world's largest OSAT, for a portion of its packaging needs for GPUs and AI chips, leveraging ASE's scale and broad capabilities for volume production.",
+		weight: 6
+	},
+	{
+		source: 'AMD',
+		target: 'ASE_GROUP',
+		links: [
+			'https://ase.aseglobal.com/blog/technology/advanced-packaging-for-ai-chiplet-and-cpo/',
+			'https://www.3dincites.com/2025/01/asia-may-still-be-the-hottest-spot-for-advanced-packaging/'
+		],
+		description:
+			"AMD likely uses ASE Group for some of its packaging requirements, given ASE's market leadership. AMD employs a multi-OSAT strategy for its diverse product portfolio.",
+		weight: 5
+	},
+	{
+		source: 'INTEL',
+		target: 'ASE_GROUP',
+		links: [
+			'https://newsroom.intel.com/intel-foundry/intel-foundry-gathers-customers-partners-outlines-priorities',
+			'https://ase.aseglobal.com/blog/technology/advanced-packaging-for-ai-chiplet-and-cpo/'
+		],
+		description:
+			'Intel may use ASE Group for certain packaging needs or overflow capacity, supplementing its internal capabilities and strategic OSAT partnerships like with Amkor for EMIB.',
+		weight: 4
+	},
+	{
+		source: 'NVIDIA',
+		target: 'AMKOR',
+		links: [
+			'https://www.supplychaindive.com/news/nvidia-us-production-blackwell-tsmc-ai-trump-tariffs/745395/',
+			'https://telecomlead.com/semiconductor/nvidia-to-invest-500-bn-to-build-ai-servers-working-with-tsmc-foxconn-wistron-120668'
+		],
+		description:
+			'Nvidia partners with Amkor for AI chip packaging and testing, especially for its US-based manufacturing initiatives. Amkor is building a new advanced packaging facility in Arizona.',
+		weight: 7
+	},
+	{
+		source: 'NVIDIA',
+		target: 'DEEPSEEK',
+		links: [
+			'https://www.reuters.com/technology/nvidia-says-deepseek-advances-prove-need-more-its-chips-2025-01-27/'
+		],
+		description:
+			"One of DeepSeek's research papers showed that it had used about 2,000 of Nvidia's H800 chips, which were designed to comply with U.S. export controls released in 2022.",
+		weight: 7
+	},
+	{
+		source: 'HUAWEI',
+		target: 'DEEPSEEK',
+		links: ['https://x.com/zephyr_z9/status/1884154694123298904'],
+		description: 'Huawei is supplying DeepSeek with its 910C chips for inference.',
+		weight: 7
+	},
+	{
+		source: 'AMD',
+		target: 'AMKOR',
+		links: [
+			'https://www.3dincites.com/2025/01/asia-may-still-be-the-hottest-spot-for-advanced-packaging/',
+			'https://www.supplychaindive.com/news/nvidia-us-production-blackwell-tsmc-ai-trump-tariffs/745395/'
+		],
+		description:
+			"Amkor is a strategic OSAT option for AMD, particularly for US-based supply chains, leveraging Amkor's advanced packaging capabilities and proximity to US fabs like TSMC Arizona.",
+		weight: 6
+	},
+	{
+		source: 'INTEL',
+		target: 'AMKOR',
+		links: [
+			'https://newsroom.intel.com/intel-foundry/intel-foundry-gathers-customers-partners-outlines-priorities',
+			'https://convergedigest.com/intel-expands-foundry-services-with-emib-partnership-new-alliances-and-18a-variants/'
+		],
+		description:
+			'Intel Foundry partners with Amkor to qualify and enable its EMIB advanced packaging at Amkor facilities (Korea, future US), enhancing flexibility for foundry customers.',
+		weight: 7
+	},
+	{
+		source: 'NVIDIA',
+		target: 'OPENAI',
+		links: [
+			'https://nvidianews.nvidia.com/news/nvidia-blackwell-platform-arrives-to-power-a-new-era-of-computing',
+			'https://www.datacenterdynamics.com/en/news/openai-finalizing-custom-ai-chip-design-ahead-of-2026-launch-report/'
+		],
+		description:
+			"OpenAI is a major consumer of Nvidia's AI GPUs (e.g., H100, Blackwell) for training and running its large-scale AI models, making Nvidia a critical hardware supplier for OpenAI's current operations.",
+		weight: 8
+	},
+	{
+		source: 'NVIDIA',
+		target: 'GOOGLE',
+		links: [
+			'https://nvidianews.nvidia.com/news/nvidia-blackwell-platform-arrives-to-power-a-new-era-of-computing'
+		],
+		description:
+			"Google Cloud offers Nvidia's AI GPUs (A100, H100, Blackwell) for its cloud AI services. Nvidia is an important supplier for Google's cloud AI infrastructure offerings.",
+		weight: 7
+	},
+	{
+		source: 'NVIDIA',
+		target: 'META',
+		links: [
+			'https://technologymagazine.com/articles/behind-the-testing-of-metas-first-ai-training-chip'
+		],
+		description:
+			"Meta is a massive consumer of Nvidia's AI GPUs, investing billions to power its AI initiatives for social media, recommendations, and Llama models. Nvidia is a critical supplier for Meta's AI infrastructure.",
+		weight: 8
+	},
+	{
+		source: 'NVIDIA',
+		target: 'XAI',
+		links: [
+			'https://www.rdworldonline.com/how-xai-turned-a-factory-shell-into-an-ai-colossus-to-power-grok-3-and-beyond/'
+		],
+		description:
+			'X.ai utilizes a large cluster of Nvidia H100 GPUs (reportedly 200,000) to train its Grok LLMs, with plans to adopt H200/Blackwell. Nvidia is an indispensable hardware supplier for X.ai.',
+		weight: 8
+	},
+	{
+		source: 'INTEL',
+		target: 'GOOGLE',
+		links: [
+			'https://www.intel.com/content/www/us/en/products/details/processors/ai-accelerators/gaudi.html'
+		],
+		description:
+			"Google Cloud offers Intel's Gaudi AI accelerators, providing customers an alternative for AI workloads. Intel supplies Gaudi chips to Google for its cloud infrastructure.",
+		weight: 5
+	},
+	{
+		source: 'NVIDIA',
+		target: 'ASE',
+		links: [
+			'https://www.supplychaindive.com/news/nvidia-us-production-blackwell-tsmc-ai-trump-tariffs/745395/',
+			'https://telecomlead.com/semiconductor/nvidia-to-invest-500-bn-to-build-ai-servers-working-with-tsmc-foxconn-wistron-120668'
+		],
+		description:
+			"Nvidia supplies its AI chips and components to Foxconn (node 'ASE') for assembly into AI servers and supercomputers. Foxconn is a key contract manufacturing partner for Nvidia's AI infrastructure.",
+		weight: 7
+	},
+	{
+		source: 'AMD',
+		target: 'ASE',
+		links: null,
+		description:
+			"AMD supplies its AI accelerators and components to Foxconn (node 'ASE') for assembly into AMD-based AI server systems, leveraging Foxconn's large-scale manufacturing capabilities.",
+		weight: 5
+	},
+	{
+		source: 'ASE',
+		target: 'OPENAI',
+		links: [
+			'https://www.supplychaindive.com/news/nvidia-us-production-blackwell-tsmc-ai-trump-tariffs/745395/'
+		],
+		description:
+			"Foxconn (node 'ASE') assembles AI servers (often using Nvidia/AMD chips) and supplies these complete systems to large-scale AI consumers like OpenAI for their compute infrastructure.",
+		weight: 6
+	},
+	{
+		source: 'ASE',
+		target: 'GOOGLE',
+		links: [
+			'https://www.supplychaindive.com/news/nvidia-us-production-blackwell-tsmc-ai-trump-tariffs/745395/'
+		],
+		description:
+			"Foxconn (node 'ASE') assembles AI server systems which are supplied to Google for its Cloud services and internal AI research, fulfilling Google's need for vast AI server fleets.",
+		weight: 6
+	},
+	{
+		source: 'ASE',
+		target: 'META',
+		links: [
+			'https://www.supplychaindive.com/news/nvidia-us-production-blackwell-tsmc-ai-trump-tariffs/745395/'
+		],
+		description:
+			"Foxconn (node 'ASE') manufactures AI server systems procured by Meta for its extensive AI infrastructure, supporting its social media platforms and generative AI model development.",
+		weight: 6
+	},
+	{
+		source: 'ASE',
+		target: 'XAI',
+		links: [
+			'https://www.rdworldonline.com/how-xai-turned-a-factory-shell-into-an-ai-colossus-to-power-grok-3-and-beyond/'
+		],
+		description:
+			"Foxconn (node 'ASE') assembles high-performance AI server systems (e.g., Nvidia H100 based) acquired by X.ai for building supercomputing clusters to train LLMs like Grok.",
+		weight: 6
+	},
+	{
+		source: 'ASE_GROUP',
+		target: 'OPENAI',
+		links: ['https://ase.aseglobal.com/blog/technology/advanced-packaging-for-ai-chiplet-and-cpo/'],
+		description:
+			"Indirect: ASE Group packages chips for designers (e.g., Nvidia) which OpenAI then consumes. OpenAI's custom chips are directly partnered with TSMC/Broadcom for manufacturing/packaging.",
+		weight: 3
+	},
+	{
+		source: 'ASE_GROUP',
+		target: 'META',
+		links: ['https://ase.aseglobal.com/blog/technology/ai-and-semiconductor-in-reciprocity/'],
+		description:
+			"Indirect: ASE Group packages chips for various vendors whose products Meta consumes. Meta's custom MTIA chips are directly partnered with TSMC for manufacturing/packaging.",
+		weight: 3
+	}
+]
+
+// Category styling
+export const categoryColors = {
+	equipment: 'node-equipment',
+	foundry: 'node-foundry',
+	design: 'node-design',
+	eda_memory: 'node-eda',
+	assembly: 'node-assembly',
+	end: 'node-end'
+} as const
diff --git a/src/lib/components/supply-chain/types.ts b/src/lib/components/supply-chain/types.ts
new file mode 100644
index 00000000..c8e7eb43
--- /dev/null
+++ b/src/lib/components/supply-chain/types.ts
@@ -0,0 +1,21 @@
+export interface Node {
+	id: string
+	label: string
+	category: 'equipment' | 'foundry' | 'design' | 'eda_memory' | 'assembly' | 'end'
+	x?: number
+	y?: number
+}
+
+export interface NodeInfo {
+	title: string
+	description: string
+	details: string[]
+}
+
+export interface Edge {
+	source: string
+	target: string
+	links?: string[] | null
+	description?: string | null
+	weight?: number
+}
diff --git a/src/lib/components/supply-chain/utils.ts b/src/lib/components/supply-chain/utils.ts
new file mode 100644
index 00000000..90f12c25
--- /dev/null
+++ b/src/lib/components/supply-chain/utils.ts
@@ -0,0 +1,59 @@
+import type { Node } from './types'
+
+// Calculate max nodes in any category
+export function getMaxNodesInCategory(nodesByCategory: Record<string, Node[]>) {
+	return Math.max(...Object.values(nodesByCategory).map((arr) => arr.length))
+}
+
+// Helper function to calculate y position based on index in category
+export function getYPosition(
+	index: number,
+	totalInCategory: number,
+	containerHeight: number,
+	verticalPadding: number
+): number {
+	const spacing = (containerHeight - 2 * verticalPadding) / (totalInCategory + 1)
+	return verticalPadding + (index + 1) * spacing
+}
+
+// Helper function to calculate x position with horizontal padding
+export function getXPosition(
+	fraction: number,
+	containerWidth: number,
+	horizontalPadding: number
+): number {
+	return horizontalPadding + fraction * (containerWidth - 2 * horizontalPadding)
+}
+
+// Calculate connection points on node edges (in pixels)
+export function calculateConnectionPoints(startNode: Node, endNode: Node) {
+	const startX = startNode.x ?? 0
+	const startY = startNode.y ?? 0
+	const endX = endNode.x ?? 0
+	const endY = endNode.y ?? 0
+
+	const dx = endX - startX
+
+	// Node total visual width: CSS width (100px) + padding (2*0.5rem=16px) + border (2*2px=4px) = 120px
+	// Node visual half width = 60px
+	const nodeVisualHalfWidthPx = 60
+
+	const calculatedStartX = startX + Math.sign(dx) * nodeVisualHalfWidthPx
+	const calculatedEndX = endX - Math.sign(dx) * nodeVisualHalfWidthPx
+
+	return {
+		startX: calculatedStartX,
+		startY,
+		endX: calculatedEndX,
+		endY
+	}
+}
+
+// Helper to get domain from URL
+export function getDomain(link: string): string {
+	try {
+		return new URL(link).hostname.replace(/^www\./, '')
+	} catch {
+		return link
+	}
+}
diff --git a/src/posts/building-the-pause-button.md b/src/posts/building-the-pause-button.md
index bf0b4184..21926020 100644
--- a/src/posts/building-the-pause-button.md
+++ b/src/posts/building-the-pause-button.md
@@ -3,12 +3,18 @@ title: Building the Pause Button
 description: What would an AI Pause look like? How do you continue to actually prevent a superintelligence from being created?
 ---
 
+<script>
+    import SupplyChain from '$lib/components/SupplyChain.svelte'
+</script>
+
 If we allow the creation of a superintelligent AI, we are [risking every single life on earth](/xrisk).
 When we're talking about a Pause, we're talking about [implementing an international ban on the creation of a superintelligent AI](/proposal).
 Some argue that it's too early to press the Pause Button (we [don't](/urgency)), but most experts seem to agree that it may be good to pause if developments go too fast.
 But as of now _we do not have a Pause Button_.
 So we should start thinking about how this would work, and how we can implement it.
 
+_This document is a work in progress, being updated by the AISC "Building the Pause Button" team._
+
 ## The Race: why we need international cooperation
 
 We do not expect any single country to be able to implement a Pause.
@@ -43,6 +49,8 @@ This is great news for governance.
 Through the hardware, we can regulate the training runs.
 Let's take a dive into the various choke points in the AI chip supply chain.
 
+<SupplyChain/>
+
 #### Silicon wafers: Shin-Etsu, Sumco, Siltronic
 
 #### Lithography: ASML & SMEE
@@ -70,11 +78,6 @@ ASML's EUV machines use mirrors and lenses made by the German company Zeiss.
 In 2016, ASML [bought](https://optics.org/news/7/11/11) a 25% stake in Zeiss, and the two companies have a very close relationship.
 It is likely that no other company is able to produce these optics.
 
-#### Interconnect & Packaging: ASE
-
-When a chip die exits a fab, it needs to be "packaged".
-ASE is probably the largest interconnect company for AI chips.
-
 #### Fabrication: TSMC, Samsung amd SMIC
 
 Building a "fab" (a chip factory) is astonishingly difficult: it has zero-tolerance for dust particles, requires the most expensive high-tech equipment, and has a very complex supply chain.
@@ -93,11 +96,24 @@ and is now able to produce 7nm AI chips (about three years behind the 4nm proces
 AI chips require a lot of HBMs (High Bandwidth Memory), which is the most advanced memory type.
 Only a few companies can produce them.
 
-#### AI Chip design: Nvidia, AMD, Intel, Google, Apple
+#### Probe machines
+
+Probe machines are used to test the chips after they are manufactured.
+
+#### Testing: Advantest, Teradyne
+
+After the chips are packaged, they need to be tested.
+
+#### Interconnect & Packaging: ASE
+
+When a chip die exits a fab, it needs to be "packaged".
+ASE is probably the largest interconnect company for AI chips.
+
+#### AI Chip design: Nvidia, AMD, Intel, Google
 
 The most famous company names on this page are all chip designers.
 And there are new companies, like Cerebras and Groq, which are designing chips specifically for AI.
-Notably, some of these companies use relatively outdated processes to produce their chips, like Groq who used 14nm, which is a potential choke point for governance.
+Notably, some of these companies use relatively outdated processes to produce their chips, like Groq who used 14nm. This is an important detail to keep track of, because identifying the right chokepoints in the supplychain, is influenced by the relevant process nodes.
 
 ### On-Chip Governance
 
@@ -132,6 +148,14 @@ Other proposed methods include:
 
 An international insitution could be set up to monitor these verification methods, and to enforce the Pause.
 
+## Roles of nations
+
+- **Taiwan**: has TSMC, the leading AI chip manufacturer.
+- **Netherlands**: has ASML, the leading AI chip lithography manufacturer. Practically the only _true monopoly_ in the AI chip supply chain. Through export controls of EUV machines, the Netherlands can effectively control the AI chip supply chain.
+- **Germany**: has Zeiss, the leading AI chip optics manufacturer.
+- **China**: has SMIC and SMEE, which are getting closer to the leading edge of AI chip manufacturing.
+- **USA**: leading in chip design with companies like Nvidia, AMD, Intel, Google, Apple.
+
 ## Software Governance
 
 Physical chips are our primary focus, but we may also want to regulate _software_ used to train and run AI models.
@@ -158,3 +182,7 @@ Software is just information - it can be copied and distributed very easily.
 Nonetheless, we have banned information before.
 Child pornography, for example, is illegal to make, illegal to distribute, and illegal to possess.
 The same enforcement mechanisms could be used to regulate dangerous AI software.
+
+## Recommendation
+
+- **Netherlands**: get ASML to
diff --git a/src/posts/learn.md b/src/posts/learn.md
index 8bbdc7eb..12d6e42d 100644
--- a/src/posts/learn.md
+++ b/src/posts/learn.md
@@ -11,6 +11,7 @@ description: Educational resources (videos, articles, books) about AI risks and
 - [Quotes](/quotes). Quotes on AI risks and governance.
 - [Feasiblity of a Pause](/feasibility). The feasibility of a pause in AI development.
 - [Building the Pause button](/building-the-pause-button). What it takes to pause AI.
+- [AI Chip Supply Chain](/ai-chip-supply-chain). How chips are made and which companies are involved.
 - [FAQ](/faq). Commonly asked questions about AI safety and PauseAI.
 - [Action](/action). What you can do to help (with links to many action-related guides)
 
diff --git a/src/routes/ai-chip-supply-chain/+page.svelte b/src/routes/ai-chip-supply-chain/+page.svelte
new file mode 100644
index 00000000..0a93a724
--- /dev/null
+++ b/src/routes/ai-chip-supply-chain/+page.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import SupplyChain from '$lib/components/SupplyChain.svelte'
+	import SupplyChainText from '$lib/components/SupplyChainText.svelte'
+</script>
+
+<div class="container" id="top">
+	<SupplyChain />
+	<SupplyChainText />
+</div>
+
+<style>
+</style>