From 885ae02b187215da7ca95cc8342cb5c7645b6cb5 Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Fri, 7 Nov 2025 19:19:02 +0100
Subject: [PATCH] fix: error details visible in backup page

---
 .../app/modules/backups/components/schedule-summary.tsx    | 7 +++++++
 apps/client/app/modules/backups/routes/backups.tsx         | 6 ------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/client/app/modules/backups/components/schedule-summary.tsx b/apps/client/app/modules/backups/components/schedule-summary.tsx
index 4a0731a..8b28d32 100644
--- a/apps/client/app/modules/backups/components/schedule-summary.tsx
+++ b/apps/client/app/modules/backups/components/schedule-summary.tsx
@@ -124,6 +124,13 @@ export const ScheduleSummary = (props: Props) => {
 							{!schedule.lastBackupStatus && "—"}
 						</p>
 					</div>
+
+					{schedule.lastBackupError && (
+						<div className="md:col-span-2 lg:col-span-4">
+							<p className="text-xs uppercase text-muted-foreground">Error Details</p>
+							<p className="font-mono text-sm text-red-600 whitespace-pre-wrap break-all">{schedule.lastBackupError}</p>
+						</div>
+					)}
 				</CardContent>
 			</Card>
 
diff --git a/apps/client/app/modules/backups/routes/backups.tsx b/apps/client/app/modules/backups/routes/backups.tsx
index 354048b..748de02 100644
--- a/apps/client/app/modules/backups/routes/backups.tsx
+++ b/apps/client/app/modules/backups/routes/backups.tsx
@@ -98,12 +98,6 @@ export default function Backups({ loaderData }: Route.ComponentProps) {
 											{schedule.nextBackupAt ? new Date(schedule.nextBackupAt).toLocaleDateString() : "N/A"}
 										</span>
 									</div>
-									{schedule.lastBackupError && (
-										<div className="flex items-start justify-between text-sm gap-2">
-											<span className="text-muted-foreground">Error</span>
-											<span className="text-xs text-red-600 text-right line-clamp-2">{schedule.lastBackupError}</span>
-										</div>
-									)}
 								</div>
 							</CardContent>
 						</Card>