visual continunity

frontend/src/routes/nextcloud/error/+page.svelte

@@ -3,23 +3,74 @@
 	import Icon from '$lib/icons/Icon.svelte';
 	import { t } from '$lib/i18n/index.svelte';
 
-	const reason = $derived(page.url.searchParams.get('reason') ?? '');
+	type ErrorAction = 'retry' | 'close';
+	interface ErrorView {
+		title: string;
+		message: string;
+		actionLabel: string;
+		action: ErrorAction;
+	}
+
+	// Legacy used `?type=`; the rewrite briefly renamed it to `?reason=`. Read
+	// `type` first and fall back to `reason` so older links keep working.
+	const errorType = $derived(
+		page.url.searchParams.get('type') ?? page.url.searchParams.get('reason') ?? 'generic'
+	);
+
+	const view = $derived<ErrorView>(buildView(errorType));
+
+	function buildView(type: string): ErrorView {
+		switch (type) {
+			case 'invalid-credentials':
+				return {
+					title: t('nextcloud.error_invalid_title', 'Login Failed'),
+					message: t(
+						'nextcloud.error_invalid_body',
+						'Invalid username or password. Please check your credentials and try again.'
+					),
+					actionLabel: t('common.retry', 'Try Again'),
+					action: 'retry'
+				};
+			case 'session-expired':
+				return {
+					title: t('nextcloud.error_expired_title', 'Session Expired'),
+					message: t('nextcloud.error_expired_body', 'Your session has expired. Please try again.'),
+					actionLabel: t('nextcloud.close_window', 'Close Window'),
+					action: 'close'
+				};
+			case 'not-found':
+				return {
+					title: t('nextcloud.error_notfound_title', 'Not Found'),
+					message: t('nextcloud.error_notfound_body', 'The requested page was not found.'),
+					actionLabel: t('nextcloud.close_window', 'Close Window'),
+					action: 'close'
+				};
+			default:
+				return {
+					title: t('nextcloud.error_title', 'Error'),
+					message: t(
+						'nextcloud.error_generic_body',
+						'An unexpected error occurred. Please try again.'
+					),
+					actionLabel: t('nextcloud.close_window', 'Close Window'),
+					action: 'close'
+				};
+		}
+	}
+
+	function onAction() {
+		if (view.action === 'retry') history.back();
+		else window.close();
+	}
 </script>
 
-<svelte:head
-	><title>{t('nextcloud.error_title', 'Something went wrong')} · OxiCloud</title></svelte:head
->
+<svelte:head><title>{view.title} · OxiCloud</title></svelte:head>
 
 <main class="nc-status">
 	<Icon name="ban" class="nc-status__icon nc-status__icon--err" />
-	<h1>{t('nextcloud.error_title', 'Something went wrong')}</h1>
-	<p>
-		{t(
-			'nextcloud.error_body',
-			'The connection could not be completed. Please try again from your application.'
-		)}
-	</p>
-	{#if reason}<p class="nc-status__reason">{reason}</p>{/if}
+	<h1>{view.title}</h1>
+	<p>{view.message}</p>
+	<button type="button" class="nc-status__action" onclick={onAction}>{view.actionLabel}</button>
 </main>
 
 <style>
@@ -42,8 +93,13 @@
 		color: var(--color-danger-text);
 	}
 
-	.nc-status__reason {
-		color: var(--color-text-muted);
-		font-size: 0.875rem;
+	.nc-status__action {
+		margin-top: 0.5rem;
+		padding: 0.5rem 1.25rem;
+		border: 1px solid var(--color-border);
+		border-radius: var(--radius-md);
+		background: var(--color-primary);
+		color: var(--color-text-light);
+		cursor: pointer;
 	}
 </style>