feat: refactor Nova app routing and enhance entry point functionality:

apps/web/app/(nova-app)/nova-app-internal/app/page.tsx

@@ -0,0 +1,23 @@
+import { requireAuth } from "@/modules/components/utils/auth-utils"
+import { NovaApp } from "@/modules/nova-web/nova-app"
+import { listAgentSessions } from "@/modules/nova/sessions/service"
+
+export const dynamic = "force-dynamic"
+
+export default async function NovaHomePage() {
+  const session = await requireAuth()
+  const sessions = await listAgentSessions(session.user.id)
+
+  return (
+    <NovaApp
+      initialSessions={sessions}
+      initialView="home"
+      user={{
+        id: session.user.id,
+        name: session.user.name,
+        email: session.user.email,
+        image: session.user.image,
+      }}
+    />
+  )
+}

apps/web/app/(nova-app)/nova-app-internal/page.tsx

@@ -1,23 +1,5 @@
-import { requireAuth } from "@/modules/components/utils/auth-utils"
-import { NovaApp } from "@/modules/nova-web/nova-app"
-import { listAgentSessions } from "@/modules/nova/sessions/service"
+import { NovaEntry } from "@/modules/nova-web/nova-entry"
 
-export const dynamic = "force-dynamic"
-
-export default async function NovaHomePage() {
-  const session = await requireAuth()
-  const sessions = await listAgentSessions(session.user.id)
-
-  return (
-    <NovaApp
-      initialSessions={sessions}
-      initialView="home"
-      user={{
-        id: session.user.id,
-        name: session.user.name,
-        email: session.user.email,
-        image: session.user.image,
-      }}
-    />
-  )
+export default function NovaEntryPage() {
+  return <NovaEntry />
 }

apps/web/modules/nova-web/components/ascii-background.tsx

@@ -1,16 +1,21 @@
 "use client"
 
-import { memo, useEffect, useRef, useState } from "react"
+import { memo, useEffect, useRef, useState, useSyncExternalStore } from "react"
 import { motion, useReducedMotion } from "framer-motion"
 import { Pause, Play } from "lucide-react"
 
 const GLYPHS = " .,:;~+=*#"
 const FRAME_MS = 1000 / 30
 
+const subscribeToHydration = () => () => {}
+const clientSnapshot = () => true
+const serverSnapshot = () => false
+
 export const AsciiBackground = memo(function AsciiBackground({ color = "#a3aaa7" }: { color?: string }) {
   const canvasRef = useRef<HTMLCanvasElement>(null)
   const elapsedRef = useRef(0)
   const reducedMotion = useReducedMotion()
+  const hydrated = useSyncExternalStore(subscribeToHydration, clientSnapshot, serverSnapshot)
   const [paused, setPaused] = useState(false)
 
   useEffect(() => {
@@ -119,11 +124,11 @@ export const AsciiBackground = memo(function AsciiBackground({ color = "#a3aaa7"
         className="pointer-events-none absolute inset-0 overflow-hidden select-none"
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}
-        transition={{ duration: reducedMotion ? 0 : 1.4 }}
+        transition={{ duration: hydrated && reducedMotion ? 0 : 1.4 }}
       >
         <canvas ref={canvasRef} className="block h-full w-full" />
       </motion.div>
-      {reducedMotion === false ? (
+      {hydrated && reducedMotion === false ? (
         <button
           type="button"
           onClick={() => setPaused((value) => !value)}

apps/web/modules/nova-web/nova-entry.test.ts

@@ -0,0 +1,32 @@
+import { describe, expect, test } from "bun:test"
+import { NextRequest } from "next/server"
+import { proxy } from "../../proxy"
+import { metadata } from "../../app/(nova-app)/layout"
+
+function route(path: string, host = "nova.supercodeai.tech") {
+  return proxy(new NextRequest(`https://${host}${path}`, { headers: { host } }))
+}
+
+describe("Nova link previews", () => {
+  test("rewrites public root separately from the authenticated app", () => {
+    expect(route("/").headers.get("x-middleware-rewrite")).toBe("https://nova.supercodeai.tech/nova-app-internal")
+    expect(route("/app").headers.get("x-middleware-rewrite")).toBe("https://nova.supercodeai.tech/nova-app-internal/app")
+    expect(route("/?ref=share").headers.get("x-middleware-rewrite")).toBe("https://nova.supercodeai.tech/nova-app-internal?ref=share")
+  })
+
+  test("does not change main site or login routing", () => {
+    expect(route("/", "supercodeai.tech").headers.get("x-middleware-rewrite")).toBeNull()
+    expect(route("/login").headers.get("x-middleware-rewrite")).toBeNull()
+  })
+
+  test("uses the Nova domain and image for both social preview formats", () => {
+    expect(metadata.metadataBase?.href).toBe("https://nova.supercodeai.tech/")
+    expect(metadata.openGraph?.images).toEqual([{
+      url: "/Nova-OG-image.jpg",
+      width: 1200,
+      height: 630,
+      alt: "Nova — your Supercode engineering agent",
+    }])
+    expect(metadata.twitter?.images).toEqual(["/Nova-OG-image.jpg"])
+  })
+})

apps/web/modules/nova-web/nova-entry.tsx

@@ -0,0 +1,26 @@
+"use client"
+
+import { useEffect } from "react"
+
+import { NovaIcon } from "@/modules/nova-web/components/nova-icon"
+
+export function NovaEntry() {
+  useEffect(() => {
+    window.location.replace(`/app${window.location.search}${window.location.hash}`)
+  }, [])
+
+  return (
+    <main className="flex min-h-svh items-center justify-center bg-[#0c0c0c] text-[#e8e8e8]">
+      <a
+        href="/app"
+        aria-label="Open Nova"
+        className="rounded-2xl focus-visible:outline-2 focus-visible:outline-offset-8 focus-visible:outline-white"
+      >
+        <span className="block motion-safe:animate-pulse">
+          <NovaIcon size="lg" className="size-16" alt="" />
+        </span>
+        <span role="status" className="sr-only">Loading Nova…</span>
+      </a>
+    </main>
+  )
+}

apps/web/proxy.ts

@@ -42,8 +42,10 @@ export function proxy(request: NextRequest) {
   }
 
   const url = request.nextUrl.clone()
-  if (path === "/" || path === "/app") {
+  if (path === "/") {
     url.pathname = NOVA_INTERNAL_PATH
+  } else if (path === "/app") {
+    url.pathname = `${NOVA_INTERNAL_PATH}/app`
   } else if (path.startsWith(NOVA_INTERNAL_PATH)) {
     return NextResponse.next()
   } else {