From 7eac5816d6c9c99ed7ed553996f5ec613955d155 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= <hn@hartmut-noerenberg.com>
Date: Sat, 11 Apr 2026 08:13:51 +0200
Subject: [PATCH] feat(web): add error boundaries to uncovered route groups

Root, auth, invite, and setup routes now have error.tsx files,
ensuring every Next.js page route has error boundary coverage.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/web/src/app/auth/error.tsx   | 14 ++++++++++++++
 apps/web/src/app/error.tsx        | 14 ++++++++++++++
 apps/web/src/app/invite/error.tsx | 14 ++++++++++++++
 apps/web/src/app/setup/error.tsx  | 14 ++++++++++++++
 4 files changed, 56 insertions(+)
 create mode 100644 apps/web/src/app/auth/error.tsx
 create mode 100644 apps/web/src/app/error.tsx
 create mode 100644 apps/web/src/app/invite/error.tsx
 create mode 100644 apps/web/src/app/setup/error.tsx

diff --git a/apps/web/src/app/auth/error.tsx b/apps/web/src/app/auth/error.tsx
new file mode 100644
index 0000000..808fa79
--- /dev/null
+++ b/apps/web/src/app/auth/error.tsx
@@ -0,0 +1,14 @@
+"use client";
+export default function AuthError({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      <div className="text-center">
+        <h2 className="text-lg font-semibold">Something went wrong</h2>
+        <p className="mt-1 text-sm text-gray-500">{error.message}</p>
+        <button onClick={reset} className="mt-4 rounded bg-blue-600 px-4 py-2 text-white">
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/app/error.tsx b/apps/web/src/app/error.tsx
new file mode 100644
index 0000000..bec1a2b
--- /dev/null
+++ b/apps/web/src/app/error.tsx
@@ -0,0 +1,14 @@
+"use client";
+export default function RootError({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      <div className="text-center">
+        <h2 className="text-lg font-semibold">Something went wrong</h2>
+        <p className="mt-1 text-sm text-gray-500">{error.message}</p>
+        <button onClick={reset} className="mt-4 rounded bg-blue-600 px-4 py-2 text-white">
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/app/invite/error.tsx b/apps/web/src/app/invite/error.tsx
new file mode 100644
index 0000000..9b19d9e
--- /dev/null
+++ b/apps/web/src/app/invite/error.tsx
@@ -0,0 +1,14 @@
+"use client";
+export default function InviteError({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      <div className="text-center">
+        <h2 className="text-lg font-semibold">Something went wrong</h2>
+        <p className="mt-1 text-sm text-gray-500">{error.message}</p>
+        <button onClick={reset} className="mt-4 rounded bg-blue-600 px-4 py-2 text-white">
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/web/src/app/setup/error.tsx b/apps/web/src/app/setup/error.tsx
new file mode 100644
index 0000000..a4c8751
--- /dev/null
+++ b/apps/web/src/app/setup/error.tsx
@@ -0,0 +1,14 @@
+"use client";
+export default function SetupError({ error, reset }: { error: Error; reset: () => void }) {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      <div className="text-center">
+        <h2 className="text-lg font-semibold">Something went wrong</h2>
+        <p className="mt-1 text-sm text-gray-500">{error.message}</p>
+        <button onClick={reset} className="mt-4 rounded bg-blue-600 px-4 py-2 text-white">
+          Try again
+        </button>
+      </div>
+    </div>
+  );
+}