diff --git a/apps/web/src/routes/(app)/apps/+page.svelte b/apps/web/src/routes/(app)/apps/+page.svelte
index 55e29a3..2c64e88 100644
--- a/apps/web/src/routes/(app)/apps/+page.svelte
+++ b/apps/web/src/routes/(app)/apps/+page.svelte
@@ -4,22 +4,21 @@
 	import Icon from '$lib/components/Icon.svelte';
 	import RelativeTime from '$lib/components/RelativeTime.svelte';
 	import { approve, deny } from '$lib/remote/notifs.remote';
+	import { toast } from '$lib/toast.svelte';
 	import type { PageData } from './$types';
 
 	let { data }: { data: PageData } = $props();
 
 	let busy = $state<Record<string, boolean>>({});
-	let errorMsg = $state('');
 
 	/** Run a mutation, refresh page data, and surface errors. */
 	async function run(key: string, fn: () => Promise<unknown>) {
 		busy[key] = true;
-		errorMsg = '';
 		try {
 			await fn();
 			await invalidateAll();
 		} catch (err) {
-			errorMsg = err instanceof Error ? err.message : 'Something went wrong';
+			toast.error(err instanceof Error ? err.message : 'Something went wrong');
 		} finally {
 			busy[key] = false;
 		}
@@ -41,16 +40,6 @@
 		</p>
 	</header>
 
-	{#if errorMsg}
-		<p
-			class="mt-4 rounded-card border border-line bg-danger/10 px-3 py-2 text-sm text-danger"
-			role="alert"
-		>
-			{errorMsg}
-		</p>
-	{/if}
-	<div aria-live="polite" class="sr-only">{errorMsg}</div>
-
 	<!-- Pending requests (hidden when there are none) -->
 	{#if data.pending.length > 0}
 		<section class="mt-6">
diff --git a/apps/web/src/routes/(app)/apps/[sender]/+page.svelte b/apps/web/src/routes/(app)/apps/[sender]/+page.svelte
index 7a70591..29277c3 100644
--- a/apps/web/src/routes/(app)/apps/[sender]/+page.svelte
+++ b/apps/web/src/routes/(app)/apps/[sender]/+page.svelte
@@ -13,24 +13,22 @@
 		setRouting
 	} from '$lib/remote/notifs.remote';
 	import { routeLabel } from '$lib/routes';
+	import { toast } from '$lib/toast.svelte';
 	import type { PageData } from './$types';
 
 	let { data }: { data: PageData } = $props();
 
 	let busy = $state<Record<string, boolean>>({});
-	let errorMsg = $state('');
-	let notice = $state('');
 	let confirmingRevoke = $state(false);
 	let confirmingClear = $state(false);
 
 	async function run(key: string, fn: () => Promise<unknown>) {
 		busy[key] = true;
-		errorMsg = '';
 		try {
 			await fn();
 			await invalidateAll();
 		} catch (err) {
-			errorMsg = err instanceof Error ? err.message : 'Could not update routing';
+			toast.error(err instanceof Error ? err.message : 'Could not update routing');
 		} finally {
 			busy[key] = false;
 		}
@@ -68,11 +66,10 @@
 	function clearNotifs() {
 		const sender = data.app?.sender;
 		if (!sender) return;
-		notice = '';
 		run('__clear', async () => {
 			const { deleted } = await clearAppNotifications({ sender });
 			confirmingClear = false;
-			notice = `Cleared ${deleted} notification${deleted === 1 ? '' : 's'}.`;
+			toast.success(`Cleared ${deleted} notification${deleted === 1 ? '' : 's'}.`);
 		});
 	}
 
@@ -132,15 +129,6 @@
 			</label>
 		</header>
 
-		{#if errorMsg}
-			<p
-				class="mt-4 rounded-card border border-line bg-danger/10 px-3 py-2 text-sm text-danger"
-				role="alert"
-			>
-				{errorMsg}
-			</p>
-		{/if}
-
 		<!-- App defaults -->
 		<section class="mt-6 max-w-2xl">
 			<h2 class="mb-3 font-mono text-[0.7rem] tracking-wide text-muted-2 uppercase">
@@ -252,12 +240,8 @@
 				<div class="min-w-0">
 					<div class="text-sm font-medium text-fg">Clear notifications from this app</div>
 					<p class="mt-1 text-xs text-muted">
-						{#if notice}
-							<span class="text-accent">{notice}</span>
-						{:else}
-							Permanently deletes every notification this app sent you from your inbox. This can't
-							be undone.
-						{/if}
+						Permanently deletes every notification this app sent you from your inbox. This can't be
+						undone.
 					</p>
 				</div>
 				{#if confirmingClear}
@@ -279,10 +263,7 @@
 				{:else}
 					<button
 						class="shrink-0 rounded-md px-3 py-1.5 text-sm font-medium text-danger transition-colors hover:bg-danger/10"
-						onclick={() => {
-							notice = '';
-							confirmingClear = true;
-						}}
+						onclick={() => (confirmingClear = true)}
 					>
 						Clear all
 					</button>
diff --git a/apps/web/src/routes/(app)/settings/RequestsTab.svelte b/apps/web/src/routes/(app)/settings/RequestsTab.svelte
index 43f2394..33eff62 100644
--- a/apps/web/src/routes/(app)/settings/RequestsTab.svelte
+++ b/apps/web/src/routes/(app)/settings/RequestsTab.svelte
@@ -3,21 +3,20 @@
 	import ChannelRoutePicker from '$lib/components/ChannelRoutePicker.svelte';
 	import Icon from '$lib/components/Icon.svelte';
 	import { setAutoAllow, setPendingRoute } from '$lib/remote/notifs.remote';
+	import { toast } from '$lib/toast.svelte';
 	import type { PageData } from './$types';
 
 	let { data }: { data: PageData } = $props();
 
 	let busy = $state<Record<string, boolean>>({});
-	let errorMsg = $state('');
 
 	async function run(key: string, fn: () => Promise<unknown>) {
 		busy[key] = true;
-		errorMsg = '';
 		try {
 			await fn();
 			await invalidateAll();
 		} catch (err) {
-			errorMsg = err instanceof Error ? err.message : 'Something went wrong';
+			toast.error(err instanceof Error ? err.message : 'Something went wrong');
 		} finally {
 			busy[key] = false;
 		}
@@ -37,15 +36,6 @@
 </script>
 
 <div class="mt-6 flex max-w-2xl flex-col gap-8">
-	{#if errorMsg}
-		<p
-			class="rounded-card border border-line bg-danger/10 px-3 py-2 text-sm text-danger"
-			role="alert"
-		>
-			{errorMsg}
-		</p>
-	{/if}
-
 	<!-- Automatic approval -->
 	<section>
 		<h2 class={sectionLabel}>Allow apps automatically</h2>
diff --git a/apps/web/src/routes/(app)/settings/RoutingTab.svelte b/apps/web/src/routes/(app)/settings/RoutingTab.svelte
index cadf504..a75c73b 100644
--- a/apps/web/src/routes/(app)/settings/RoutingTab.svelte
+++ b/apps/web/src/routes/(app)/settings/RoutingTab.svelte
@@ -2,21 +2,20 @@
 	import { invalidateAll } from '$app/navigation';
 	import ChannelRoutePicker from '$lib/components/ChannelRoutePicker.svelte';
 	import { setDefaultRoute } from '$lib/remote/notifs.remote';
+	import { toast } from '$lib/toast.svelte';
 	import type { PageData } from './$types';
 
 	let { data }: { data: PageData } = $props();
 
 	let busy = $state(false);
-	let errorMsg = $state('');
 
 	async function save(route: string) {
 		busy = true;
-		errorMsg = '';
 		try {
 			await setDefaultRoute({ route });
 			await invalidateAll();
 		} catch (err) {
-			errorMsg = err instanceof Error ? err.message : 'Something went wrong';
+			toast.error(err instanceof Error ? err.message : 'Something went wrong');
 		} finally {
 			busy = false;
 		}
@@ -25,14 +24,6 @@
 
 <section class="mt-6 max-w-2xl">
 	<h2 class="mb-2 font-mono text-[0.7rem] tracking-wide text-muted-2 uppercase">Default routing</h2>
-	{#if errorMsg}
-		<p
-			class="mb-3 rounded-card border border-line bg-danger/10 px-3 py-2 text-sm text-danger"
-			role="alert"
-		>
-			{errorMsg}
-		</p>
-	{/if}
 	<div class="rounded-card border border-line bg-surface p-4">
 		<div class="text-sm font-medium text-fg">Where notifications go by default</div>
 		<p class="mt-1 text-xs text-muted">