Fix file picker titles.

Summary:
#6179
 {F1924184601}

Reviewed By: mergennachin

Differential Revision: D64260858

Author: shoumikhin

examples/demo-apps/apple_ios/LLaMA/LLaMA/Application/ContentView.swift

@@ -73,6 +73,7 @@ struct ContentView: View {
   @State private var imagePickerSourceType: UIImagePickerController.SourceType = .photoLibrary
 
   @State private var showingSettings = false
+  @FocusState private var textFieldFocused: Bool
 
   enum PickerType {
     case model
@@ -102,18 +103,24 @@ struct ContentView: View {
       VStack {
         if showingSettings {
           VStack(spacing: 20) {
-            Form {
-              Section(header: Text("Model and Tokenizer")
-                        .font(.headline)
-                        .foregroundColor(.primary)) {
+            HStack {
+              VStack(spacing: 10) {
                 Button(action: { pickerType = .model }) {
-                  Label(resourceManager.modelName == "" ? modelTitle : resourceManager.modelName, systemImage: "doc")
+                  Label(modelTitle, systemImage: "doc")
+                    .frame(maxWidth: .infinity, alignment: .leading)
                 }
                 Button(action: { pickerType = .tokenizer }) {
-                  Label(resourceManager.tokenizerName == "" ? tokenizerTitle : resourceManager.tokenizerName, systemImage: "doc")
+                  Label(tokenizerTitle, systemImage: "doc")
+                    .frame(maxWidth: .infinity, alignment: .leading)
                 }
               }
+              .padding()
+              .background(Color.gray.opacity(0.1))
+              .cornerRadius(10)
+              .fixedSize(horizontal: true, vertical: false)
+              Spacer()
             }
+            .padding()
           }
         }
 
@@ -123,8 +130,19 @@ struct ContentView: View {
               if value.translation.height > 10 {
                 UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
               }
+              showingSettings = false
             }
           )
+          .onTapGesture {
+            showingSettings = false
+          }
+          .focused($textFieldFocused)
+          .onChange(of: textFieldFocused) { oldValue, newValue in
+            if newValue {
+              showingSettings = false
+            }
+          }
+
         HStack {
           Button(action: {
             imagePickerSourceType = .photoLibrary
@@ -164,6 +182,9 @@ struct ContentView: View {
                 .stroke(isInputEnabled ? Color.blue : Color.gray, lineWidth: 1)
             )
             .disabled(!isInputEnabled)
+            .onTapGesture {
+              showingSettings = false
+            }
 
           Button(action: isGenerating ? stop : generate) {
             Image(systemName: isGenerating ? "stop.circle" : "arrowshape.up.circle.fill")
@@ -449,6 +470,7 @@ struct ContentView: View {
   private func handleFileImportResult(_ pickerType: PickerType?, _ result: Result<[URL], Error>) {
     switch result {
     case .success(let urls):
+      showingSettings = false
       guard let url = urls.first, let pickerType else {
         withAnimation {
           messages.append(Message(type: .info, text: "Failed to select a file"))