From 287b28c4da5efeb07f74aa6342cb63ad72883845 Mon Sep 17 00:00:00 2001
From: eleith-gitea-agent <online-gitea-agent@eleith.com>
Date: Sun, 25 Oct 2026 14:33:00 +0000
Subject: [PATCH] [web] use built-in error views

---
 .changeset/builtin-error-views.md                 |  6 ++++++
 .../src/lib/content/components/404.default.svelte |  5 ++---
 .../lib/content/components/error.default.svelte   |  6 +++---
 apps/web/src/routes/+error.svelte                 | 15 ++-------------
 4 files changed, 13 insertions(+), 19 deletions(-)
 create mode 100644 .changeset/builtin-error-views.md

diff --git a/.changeset/builtin-error-views.md b/.changeset/builtin-error-views.md
new file mode 100644
index 00000000..3b7f246a
--- /dev/null
+++ b/.changeset/builtin-error-views.md
@@ -0,0 +1,6 @@
+---
+"@luzzle/web": patch
+---
+
+Use built-in error views while custom error pages are deferred. Remove legacy
+Svelte error-view selection and pass only status/message props to stock views.
diff --git a/apps/web/src/lib/content/components/404.default.svelte b/apps/web/src/lib/content/components/404.default.svelte
index d8ce1bcc..fa8e2943 100644
--- a/apps/web/src/lib/content/components/404.default.svelte
+++ b/apps/web/src/lib/content/components/404.default.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-	import type { Page404Props } from '$lib/content/types.js'
+	import ContentBanner from './ContentBanner.svelte'
 
-	let { message, components }: Page404Props = $props()
-	const { ContentBanner } = components
+	let { message }: { message?: string } = $props()
 </script>
 
 <ContentBanner showHome={true} />
diff --git a/apps/web/src/lib/content/components/error.default.svelte b/apps/web/src/lib/content/components/error.default.svelte
index 123c71c1..4617d4e8 100644
--- a/apps/web/src/lib/content/components/error.default.svelte
+++ b/apps/web/src/lib/content/components/error.default.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { PageErrorProps } from '$lib/content/types.js'
+	import ContentBanner from './ContentBanner.svelte'
 
-	let { status, message = 'an unexpected error occurred', components }: PageErrorProps = $props()
-	const { ContentBanner } = components
+	type Props = { status: number; message?: string }
+	let { status, message = 'an unexpected error occurred' }: Props = $props()
 </script>
 
 <ContentBanner showHome={true} />
diff --git a/apps/web/src/routes/+error.svelte b/apps/web/src/routes/+error.svelte
index 1a2aeec7..5baffaa0 100644
--- a/apps/web/src/routes/+error.svelte
+++ b/apps/web/src/routes/+error.svelte
@@ -1,22 +1,11 @@
 <script lang="ts">
 	import { page } from '$app/state'
-	import loadContent from '$lib/content/load'
 	import Page404Default from '$lib/content/components/404.default.svelte'
 	import PageErrorDefault from '$lib/content/components/error.default.svelte'
-	import ContentBanner from '$lib/content/components/ContentBanner.svelte'
-	import PieceIcon from '$lib/pieces/components/icon.svelte'
-
-	const glob404 = import.meta.glob('$lib/content/components/custom/404.svelte', { eager: true })
-	const globError = import.meta.glob('$lib/content/components/custom/error.svelte', { eager: true })
-
-	const Page404 = $derived(loadContent('404', Page404Default, glob404))
-	const PageError = $derived(loadContent('error', PageErrorDefault, globError))
-
-	const components = { ContentBanner, PieceIcon }
 </script>
 
 {#if page.status === 404}
-	<Page404 message={page.error?.message} {components} />
+	<Page404Default message={page.error?.message} />
 {:else}
-	<PageError status={page.status} message={page.error?.message} {components} />
+	<PageErrorDefault status={page.status} message={page.error?.message} />
 {/if}
-- 
2.54.0