show inbox state (accepted/blocked) below demo

fetches state via xyz.fake.inbox.getState and displays each user's
accepted and blocked lists. helps visitors understand persisted state.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[e-mail]>

src/lib/client.js

···
 				])
 			);
 		}
+
+		const stateRes = await fetch(`${PDS_URL}/xrpc/xyz.fake.inbox.getState`, {
+			headers: { Authorization: `Bearer ${this.accessToken}` }
+		});
+		if (stateRes.ok) {
+			const data = await stateRes.json();
+			this.accepted = new Set(data.accepted);
+			this.blocked = new Set(data.blocked);
+		}
 	}
 
 	async getServiceAuth(audienceDid, lxm) {

src/routes/+page.svelte

···
 		refresh,
 		tick,
 		getPds,
+		getPdsByDid,
 		initNetwork,
+		network,
 		ready
 	} from '$lib/stores.js';
 
···
 			labeler.addLabel(sender.did, 'spam');
 			log(`added 'spam' to ${senderHandle}`, 'magenta');
 		}
+	}
+
+	function getShortName(did) {
+		const p = getPdsByDid(did);
+		return p ? p.name : did.slice(8, 16) + '...';
+	}
+
+	function formatSet(set) {
+		if (!set || set.size === 0) return 'none';
+		return [...set].map(getShortName).join(', ');
 	}
 </script>
 
···
 	{/if}
 </div>
 
+{#if $ready}
+	{#key $tick}
+		<div class="state-summary">
+			<h3>current state</h3>
+			<div class="state-grid">
+				{#each Object.values(network) as pds}
+					<span class="name">{pds.name}</span>
+					<span class="accepted">accepted: {formatSet(pds.accepted)}</span>
+					<span class="blocked">blocked: {formatSet(pds.blocked)}</span>
+				{/each}
+			</div>
+		</div>
+	{/key}
+{/if}
+
 <footer>
 	<p>
-		demonstrating
-		<a href="https://bsky.app/profile/jacob.gold/post/3mbsbqsc3vc24">
-			jacob.gold's proposal
-		</a>
-		for PDS-to-PDS messaging
-	</p>
-	<p class="detail">
-		each PDS has an inbox queue • service auth proves sender identity •
-		labelers provide reputation signals
-	</p>
-	<p class="src">
-		<a href="https://tangled.org/zzstoatzz.io/pds-message-poc">src</a>
+		inspired by <a href="https://bsky.app/profile/jacob.gold/post/3mbsbqsc3vc24">jacob.gold's post</a>
+		·
+		<a href="https://tangled.org/zzstoatzz.io/pds-message-poc">source</a>
 	</p>
 </footer>
 
···
 	footer {
 		max-width: 1000px;
 		margin: 2rem auto 0;
-		padding: 1.5rem 1rem;
+		padding: 1rem;
 		text-align: center;
-		border-top: 1px solid #1a1a1a;
 	}
 	footer p {
 		font-size: 11px;
···
 		margin: 0;
 	}
 	footer a {
-		color: #1b7340;
+		color: #555;
 	}
 	footer a:hover {
-		color: #2a9d5c;
-	}
-	footer .detail {
-		margin-top: 0.5rem;
-		font-size: 10px;
-		color: #383838;
-	}
-	footer .src {
-		margin-top: 1rem;
-		font-size: 10px;
-	}
-	footer .src a {
-		color: #444;
-	}
-	footer .src a:hover {
 		color: #888;
 	}
 
···
 		padding: 1rem;
 		color: #444;
 		font-size: 12px;
+	}
+
+	.state-summary {
+		max-width: 1000px;
+		margin: 1.5rem auto 0;
+		padding: 1rem;
+		background: #0a0a0a;
+		border: 1px solid #1a1a1a;
+	}
+	.state-summary h3 {
+		font-size: 10px;
+		color: #444;
+		margin-bottom: 0.75rem;
+		text-transform: lowercase;
+	}
+	.state-grid {
+		display: grid;
+		grid-template-columns: 60px 160px auto;
+		gap: 0.4rem 0;
+		font-size: 11px;
+	}
+	.state-grid .name {
+		color: #888;
+	}
+	.state-grid .accepted {
+		color: #2a9d5c;
+	}
+	.state-grid .blocked {
+		color: #a44;
 	}
 </style>