The host begins at every table size and may send a bot away

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0141G6xqLeNRYEtviLWSB5Up

template/src/lib/components/Lobby.svelte

@@ -31,14 +31,15 @@
 	{:else}
 		<p class="eyebrow">room {v.roomId}</p>
 		<h2>The table is laid</h2>
-		<p>Send this link, or the code. Whoever opens it takes a seat. Anyone who arrives once the game has begun watches from the Peanut Gallery.</p>
+		<p>Send this link, or the code. Whoever opens it takes a seat, and the game begins when you say. Anyone who arrives once it has begun watches from the Peanut Gallery.</p>
 		<p class="link-row"><code>{link}</code><button type="button" class="quiet" onclick={copyLink}>{copied ? 'Copied' : 'Copy link'}</button></p>
 	{/if}
 	<ul class="roster">
 		{#each v.seats as s (s.id)}
 			<li>
 				<span class="seat-name">{s.name}</span>
-				<span class="muted">{s.id === v.host ? 'opened the table' : s.bot ? 'the bot' : 'seated'}{s.id === v.me ? ', you' : ''}</span>
+				<span class="muted">{s.id === v.host ? 'opened the table' : s.bot ? 'the bot' : 'seated'}{s.id === v.me ? ', you' : ''}{#if s.bot && room.isHost}
+						<button type="button" class="unseat" title="Send this bot away" aria-label="Send {s.name} away" onclick={() => room.unseat(s.id)}>×</button>{/if}</span>
 			</li>
 		{/each}
 		<li class="empty muted">{v.size - v.seats.length} of {v.size} seats empty{#if v.audience > 0}; {v.audience} in the gallery{/if}</li>
@@ -101,6 +102,20 @@
 		font-weight: 500;
 	}
 
+	.unseat {
+		background: none;
+		border: 0;
+		color: var(--bone-faint);
+		font-size: 1.1rem;
+		padding: 0 0.3rem;
+		margin-left: 0.3rem;
+		line-height: 1;
+	}
+
+	.unseat:hover {
+		color: var(--blood);
+	}
+
 	.ways {
 		display: flex;
 		flex-wrap: wrap;