diff --git a/dashboard/src/routes/scripts/[id]/+page.svelte b/dashboard/src/routes/scripts/[id]/+page.svelte
index 330b261..3b3a5f7 100644
--- a/dashboard/src/routes/scripts/[id]/+page.svelte
+++ b/dashboard/src/routes/scripts/[id]/+page.svelte
@@ -278,13 +278,30 @@
 		}
 	}
 
-	async function removeRoute(routeId: string) {
-		if (!confirm('Delete this route?')) return;
+	// F-U-007: ConfirmModal replaces the native confirm/alert flow so
+	// the route detail is in the body and any error gets an inline
+	// region instead of an unstyled browser modal.
+	let routeToRemove = $state<Route | null>(null);
+	let removingRoute = $state(false);
+	let removeRouteError = $state<string | null>(null);
+
+	function requestRemoveRoute(route: Route) {
+		routeToRemove = route;
+		removeRouteError = null;
+	}
+
+	async function confirmRemoveRoute() {
+		if (!routeToRemove) return;
+		removingRoute = true;
+		removeRouteError = null;
 		try {
-			await api.routes.remove(routeId);
+			await api.routes.remove(routeToRemove.id);
+			routeToRemove = null;
 			await loadRoutes();
 		} catch (e) {
-			alert(e instanceof Error ? e.message : String(e));
+			removeRouteError = e instanceof Error ? e.message : String(e);
+		} finally {
+			removingRoute = false;
 		}
 	}
 
@@ -679,7 +696,7 @@
 									</span>
 									<span class="path">{r.path}</span>
 									{#if canWrite}
-										<button type="button" class="link danger" onclick={() => removeRoute(r.id)}>
+										<button type="button" class="link danger" onclick={() => requestRemoveRoute(r)}>
 											remove
 										</button>
 									{/if}
@@ -841,6 +858,29 @@
 			</section>
 		{/if}
 
+		{#if routeToRemove}
+			<!-- F-U-007: route delete confirm modal, replacing native confirm/alert. -->
+			<ConfirmModal
+				title="Delete route"
+				variant="danger"
+				confirmLabel="Delete route"
+				busyLabel="Deleting…"
+				busy={removingRoute}
+				onConfirm={confirmRemoveRoute}
+				onCancel={() => (routeToRemove = null)}
+			>
+				<p>
+					Delete route
+					<code>{routeToRemove.method ?? 'ANY'} {routeToRemove.path}</code>
+					{#if routeToRemove.host}on <code>{routeToRemove.host}</code>{/if}?
+				</p>
+				<p class="muted">Existing inbound requests will start 404'ing on this path immediately.</p>
+				{#if removeRouteError}
+					<p class="modal-error">{removeRouteError}</p>
+				{/if}
+			</ConfirmModal>
+		{/if}
+
 		{#if confirmingDelete && script}
 			<ConfirmModal
 				title="Delete script “{script.name}”"