Skip to content

fix(web): offer recovery from missing pages #11314

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
maria-rcks merged 2 commits into from
Sep 13, 2026
Merged

fix(web): offer recovery from missing pages #11314

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
da3bfd2
fix(web): offer recovery from missing pages
shivamhwp Sep 11, 2026
8a83f88
fix(web): use configured branding on missing pages
shivamhwp Sep 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions apps/web/src/routes/__root.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import { scopedProjectKey, scopeProjectRef } from "@t3tools/client-runtime/envir
import { squashAtomCommandFailure } from "@t3tools/client-runtime/state/runtime";
import {
Outlet,
Link,
redirect,
createRootRoute,
type ErrorComponentProps,
Expand Down Expand Up @@ -104,11 +105,27 @@ export const Route = createRootRoute({
},
component: RootRouteView,
errorComponent: RootRouteErrorView,
notFoundComponent: RootRouteNotFoundView,
head: () => ({
meta: [{ name: "title", content: APP_DISPLAY_NAME }],
}),
});

function RootRouteNotFoundView() {
return (
<main className="flex min-h-0 min-w-0 flex-1 items-center justify-center p-6">
<div className="flex max-w-sm flex-col items-center gap-4 text-center">
<h1 className="text-lg font-medium text-foreground">Page not found</h1>
<p className="text-sm text-muted-foreground">
This link doesn't point to a page in {APP_DISPLAY_NAME}. Go home to choose a project or
start a thread.
</p>
<Button render={<Link to="/" replace />}>Go home</Button>
</div>
</main>
);
}

function RootRouteView() {
useEffect(() => installDesktopPasteAsText(window.desktopBridge, window), []);
const pathname = useLocation({ select: (location) => location.pathname });
Expand Down
Loading