diff --git a/zenno/src/routes/convo/+page.svelte b/zenno/src/routes/convo/+page.svelte
index 30ac393..bca7237 100644
--- a/zenno/src/routes/convo/+page.svelte
+++ b/zenno/src/routes/convo/+page.svelte
@@ -8,9 +8,13 @@
 	let charaID = $state(1001);
 	let convo = $state(1);
 
-	let options = $derived(byChara.global.get(charaID) ?? []);
-	let cur = $derived(options.find((c) => c.number === convo));
-	let suggested = $derived.by(() => {
+	const options = $derived(byChara.global.get(charaID) ?? []);
+	const cur = $derived(options.find((c) => c.number === convo));
+	const cur1Name = $derived(cur != null ? (charaNames.get(cur.chara_1)?.en ?? 'someone not a trainee') : '');
+	const cur2Name = $derived(cur?.chara_2 != null ? (charaNames.get(cur.chara_2)?.en ?? 'someone not a trainee') : '');
+	const cur3Name = $derived(cur?.chara_3 != null ? (charaNames.get(cur.chara_3)?.en ?? 'someone not a trainee') : '');
+	const alone = $derived([cur?.chara_1, cur?.chara_2, cur?.chara_3].filter((x) => x != null).length == 1 ? ' alone' : '');
+	const suggested = $derived.by(() => {
 		if (cur == null) {
 			return [];
 		}
@@ -39,14 +43,12 @@
 {#if cur}
 	<div class="shadow-sm transition-shadow hover:shadow-md">
 		<div class="mt-8 flex text-center text-lg">
-			<span class="flex-1"
-				>{charaNames.get(cur.chara_1)?.en ?? 'someone not a trainee'}{(cur.chara_2 ?? cur.chara_3) == null ? ' alone' : ''}</span
-			>
-			{#if cur.chara_2}
-				<span class="flex-1">{charaNames.get(cur.chara_2)?.en ?? 'someone not a trainee'}</span>
+			<span class="flex-1">{cur1Name}{alone}</span>
+			{#if cur2Name}
+				<span class="flex-1">{cur2Name}</span>
 			{/if}
-			{#if cur.chara_3}
-				<span class="flex-1">{charaNames.get(cur.chara_3)?.en ?? 'someone not a trainee'}</span>
+			{#if cur3Name}
+				<span class="flex-1">{cur3Name}</span>
 			{/if}
 		</div>
 		<div class="flex w-full text-center text-lg">