diff --git a/client/src/hooks/use-mode.ts b/client/src/hooks/use-mode.ts
index abcfa96..b05aab8 100644
--- a/client/src/hooks/use-mode.ts
+++ b/client/src/hooks/use-mode.ts
@@ -1,11 +1,11 @@
 import { useAuth } from "@/lib/auth";
 import { useEffect, useState } from "react";
-import type { Mode, Realm } from "@/shared/app-registry";
+import { Mode, Realm } from "@/shared/app-registry";
 
 export function useMode() {
   const { user } = useAuth();
-  const [mode, setModeState] = useState<Mode>("foundation");
-  const [realm, setRealm] = useState<Realm>("foundation");
+  const [mode, setModeState] = useState<Mode>(Mode.Web);
+  const [realm, setRealm] = useState<Realm>(Realm.Foundation);
   const [enforcedRealm, setEnforcedRealm] = useState<Realm | null>(null);
   const [loading, setLoading] = useState(true);
 
@@ -53,7 +53,7 @@ export function useMode() {
     }
 
     setModeState(newMode);
-    setRealm(newMode as Realm);
+    setRealm(newMode as unknown as Realm);
 
     try {
       await fetch(`/api/user/mode-preference`, {
diff --git a/client/src/hooks/use-route-guard.ts b/client/src/hooks/use-route-guard.ts
index 6545d87..e5edf27 100644
--- a/client/src/hooks/use-route-guard.ts
+++ b/client/src/hooks/use-route-guard.ts
@@ -12,7 +12,7 @@ export function useRouteGuard() {
   useEffect(() => {
     if (loading || !realm || !mode) return;
 
-    const canAccess = canAccessRoute(location, realm, mode);
+    const canAccess = canAccessRoute({ id: location, realm }, location);
 
     if (!canAccess) {
       toast({
diff --git a/client/src/shared/app-registry.ts b/client/src/shared/app-registry.ts
index 5540981..73d90f3 100644
--- a/client/src/shared/app-registry.ts
+++ b/client/src/shared/app-registry.ts
@@ -35,6 +35,6 @@ export enum Realm {
 }
 
 // Minimal route access check placeholder (always allows)
-export function canAccessRoute(_user: unknown, _route: string): boolean {
+export function canAccessRoute(_user: unknown, _route?: string): boolean {
   return true;
 }