+
+ );
+ }
+
+ // Error state — allow retry
+ if (error) {
+ return (
+
+ Failed to load servers
+
+
+ );
+ }
+
+ // Empty state — distinguish between "no mutual servers" and "no guilds at all"
+ if (guilds.length === 0) {
+ const inviteUrl = getBotInviteUrl();
+ return (
+
+
+ );
+ }
+
+ return (
+ NEXT_PUBLIC_DISCORD_CLIENT_ID{" "}
+ is set for the invite link.
+
+ )}
+
+
+ );
+}
diff --git a/web/src/components/providers.tsx b/web/src/components/providers.tsx
new file mode 100644
index 00000000..811534a6
--- /dev/null
+++ b/web/src/components/providers.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { SessionProvider } from "next-auth/react";
+import type { ReactNode } from "react";
+
+/**
+ * Root provider wrapper.
+ * Session error handling (e.g. RefreshTokenError) is handled by the Header
+ * component which signs out and redirects to /login.
+ */
+export function Providers({ children }: { children: ReactNode }) {
+ return
+
+ + Navigation +
+{children}
+ ),
+}));
+
+import DashboardPage from "@/app/dashboard/page";
+import DashboardLayout from "@/app/dashboard/layout";
+
+describe("DashboardPage", () => {
+ it("renders the dashboard heading", () => {
+ render(Child
,
+ });
+ render(result);
+ expect(screen.getByTestId("dashboard-shell")).toBeInTheDocument();
+ expect(screen.getByTestId("child")).toBeInTheDocument();
+ });
+
+ it("redirects to /login when not authenticated", async () => {
+ mockGetServerSession.mockResolvedValue(null);
+
+ // redirect() throws in Next.js to halt rendering — simulate that
+ mockRedirect.mockImplementation((url: string) => {
+ throw new Error(`NEXT_REDIRECT:${url}`);
+ });
+
+ await expect(
+ DashboardLayout({
+ children: Child
,
+ }),
+ ).rejects.toThrow("NEXT_REDIRECT:/login");
+ expect(mockRedirect).toHaveBeenCalledWith("/login");
+ });
+});
diff --git a/web/tests/app/landing.test.tsx b/web/tests/app/landing.test.tsx
new file mode 100644
index 00000000..84ac661d
--- /dev/null
+++ b/web/tests/app/landing.test.tsx
@@ -0,0 +1,60 @@
+import { describe, it, expect, afterEach } from "vitest";
+import { render, screen } from "@testing-library/react";
+import LandingPage from "@/app/page";
+
+describe("LandingPage", () => {
+ const originalClientId = process.env.NEXT_PUBLIC_DISCORD_CLIENT_ID;
+
+ afterEach(() => {
+ // Restore env var to prevent pollution between tests
+ if (originalClientId !== undefined) {
+ process.env.NEXT_PUBLIC_DISCORD_CLIENT_ID = originalClientId;
+ } else {
+ delete process.env.NEXT_PUBLIC_DISCORD_CLIENT_ID;
+ }
+ });
+
+ it("renders the hero heading", () => {
+ render(Servers
,
+}));
+
+import { DashboardShell } from "@/components/layout/dashboard-shell";
+
+describe("DashboardShell", () => {
+ it("renders header, sidebar, and content", () => {
+ render(
+ Content
+ Content
+ {children}
+ ),
+ useSession: () => ({ data: null, status: "unauthenticated" }),
+ signIn: vi.fn(),
+}));
+
+import { Providers } from "@/components/providers";
+
+describe("Providers", () => {
+ it("wraps children in SessionProvider", () => {
+ render(
+ Hello
+