Fixed Safari issue with gr.Text

app.py

@@ -239,7 +239,7 @@ def upload_interview(
 def end_interview(
     session_id: str,
     chat_history: list[list[str | None]],
-) -> list[list[str | None]]:
+) -> tuple[list[list[str | None]], gr.Text]:
     """Create completion code and display in chat interface."""
     completion_message = (
         "Thank you for participating.\n\n"
@@ -248,31 +248,12 @@ def end_interview(
         "and paste this code into the  completion "
         "code box.".format(generate_completion_code())
     )
-    chat_history += [[None, completion_message]]
     upload_interview(session_id, chat_history)
-    return chat_history
-
-#to be able to select the text on chatbot
-css = """
-.chatbox * {
-    -webkit-user-select: text; /* Safari */
-    -moz-user-select: text;    /* Firefox */
-    -ms-user-select: text;     /* Internet Explorer/Edge */
-    user-select: text;         /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
-    cursor: text;              /* Ensure the cursor changes to text selection mode */
-}
-
-#chatDisplay .message {
-    -webkit-user-select: text; /* Safari */
-    -moz-user-select: text;    /* Firefox */
-    -ms-user-select: text;     /* Internet Explorer/Edge */
-    user-select: text;         /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
-    cursor: text;              /* Ensure the cursor changes to text selection mode */
-}
-"""
+    EndMessage = gr.Text(completion_message, visible=True, show_label=False, scale=10)
+    return chat_history, EndMessage
 
 # LAYOUT
-with gr.Blocks(theme="sudeepshouche/minimalist", css = css) as demo:
+with gr.Blocks(theme="sudeepshouche/minimalist") as demo:
     # Header and instructions
     gr.Markdown("# SurveyGPT Interview")
     instructionText = gr.Markdown(
@@ -298,6 +279,9 @@ with gr.Blocks(theme="sudeepshouche/minimalist", css = css) as demo:
         show_label=False,
         visible=True,
     )
+
+    EndMessage = gr.Text("", visible=False, show_label=False, scale=10)
+
     with gr.Row():  # Interaction
         chatInput = gr.Textbox(
             placeholder="Click 'Start Interview' to begin.",
@@ -393,7 +377,7 @@ with gr.Blocks(theme="sudeepshouche/minimalist", css = css) as demo:
 
     # Reset button
     exitButton.click(
-        end_interview, inputs=[sessionId, chatDisplay], outputs=[chatDisplay]
+        end_interview, inputs=[sessionId, chatDisplay], outputs=[chatDisplay, EndMessage]
     )
     # testExitButton.click(
     #     end_interview, inputs=[sessionId, chatDisplay], outputs=[chatDisplay]