diff --git a/sample_interface/src/app/hooks/useDisplayMode.ts b/sample_interface/src/app/hooks/useDisplayMode.ts
index c96971840..30900428e 100644
--- a/sample_interface/src/app/hooks/useDisplayMode.ts
+++ b/sample_interface/src/app/hooks/useDisplayMode.ts
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 
-export type DisplayMode = 'kiosk' | 'remote';
+export type DisplayMode = 'kiosk' | 'remote' | 'remote-hd';
 
 export function useDisplayMode(): DisplayMode {
   return useMemo(() => {
@@ -10,6 +10,10 @@ export function useDisplayMode(): DisplayMode {
     
     const port = window.location.port;
     
+    if (port === '9999') {
+      return 'remote-hd';
+    }
+    
     if (port === '9090') {
       return 'remote';
     }
@@ -25,6 +29,10 @@ export function getDisplayMode(): DisplayMode {
   
   const port = window.location.port;
   
+  if (port === '9999') {
+    return 'remote-hd';
+  }
+  
   if (port === '9090') {
     return 'remote';
   }