Log prompt processing time and add screenshot

Author: vraspar

mobile/examples/phi-3/android/README.md

@@ -58,3 +58,4 @@ Here are some sample example screenshots of the app.
 
 <img width=20% src="images/Local_LLM_3.jpg" alt="App Screenshot 3" />
 
+<img width=20% src="images/Local_LLM_4.png" alt="App Screenshot 3" />

mobile/examples/phi-3/android/app/src/main/java/ai/onnxruntime/genai/demo/MainActivity.java

@@ -148,6 +148,7 @@ public void run() {
 
                             // try to measure average time taken to generate each token.
                             long startTime = System.currentTimeMillis();
+                            long firstTokenTime = startTime;
                             long currentTime = startTime;
                             int numTokens = 0;
                             while (!generator.isDone()) {
@@ -158,14 +159,18 @@ public void run() {
 
                                 tokenListener.accept(stream.decode(token));
 
+                                if (numTokens == 0) { //first token
+                                    firstTokenTime = System.currentTimeMillis();
+                                }
                                 Log.i(TAG, "Generated token: " + token + ": " +  stream.decode(token));
                                 Log.i(TAG, "Time taken to generate token: " + (System.currentTimeMillis() - currentTime)/ 1000.0 + " seconds");
                                 currentTime = System.currentTimeMillis();
                                 numTokens++;
                             }
-                            long totalTime = System.currentTimeMillis() - startTime;
-                            Log.i(TAG, "Total time taken to generate + " + numTokens + "tokens: " + totalTime);
-                            Log.i(TAG, "Tokens generated per second: " + 1000 * (numTokens / totalTime));
+                            long totalTime = System.currentTimeMillis() - firstTokenTime;
+
+                            Log.i(TAG, "Prompt processing time (first token): " + (firstTokenTime - startTime)/ 1000.0 + " seconds");
+                            Log.i(TAG, "Tokens generated per second (excluding prompt processing): " + 1000 * ((numTokens -1) / totalTime));
                         }
                         catch (GenAIException e) {
                             Log.e(TAG, "Exception occurred during model query: " + e.getMessage());

mobile/examples/phi-3/android/app/src/main/res/layout/bottom_sheet.xml

@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:orientation="vertical"
@@ -47,9 +48,14 @@
         android:id="@+id/applySettingsButton"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:text="Apply"
-        android:textColor="@android:color/white"
-        android:padding="8dp"
         android:layout_gravity="center_horizontal"
-        android:layout_marginTop="24dp"/>
+        android:layout_marginTop="24dp"
+        android:background="#89CC04"
+        android:backgroundTint="#89CC04"
+        android:tint="@color/white"
+        android:padding="8dp"
+        android:text="Apply"
+        android:textAppearance="@style/TextAppearance.AppCompat.Body1"
+        android:visibility="visible"
+        tools:visibility="visible" />
 </LinearLayout>