Change req, test branch

app.py

@@ -147,7 +147,7 @@ with gr.Blocks(css=customCSS, theme='minatosnow/qaigpt') as demo:
                                 with gr.Column(min_width=42, scale=1):
                                     historyDeleteBtn = gr.Button("🗑️ Delete")
                         with gr.Row():
-                            with gr.Column(scale=6):       
+                            with gr.Column(scale=6):
                                 set_save_file_name = gr.Textbox(
                                     show_label=True,
                                     placeholder=None,
@@ -170,10 +170,12 @@ with gr.Blocks(css=customCSS, theme='minatosnow/qaigpt') as demo:
             with gr.Row():
                 chatbot = gr.Chatbot(show_label=False, elem_classes="chatbot", show_share_button=False, height=650)
             with gr.Row():
-                examples_questions = gr.Dataset(samples=[], components=[user_input], type="index")
+                examples_questions = gr.Dataset(samples=[], components=[user_input], type="index",
+                                                elem_classes="examples")
             with gr.Row(elem_classes="chatrow"):
                 with gr.Column(min_width=225, scale=10):
-                    user_input = gr.Textbox(show_label=False, placeholder="Ask me anything...", container=False)
+                    user_input = gr.Textbox(show_label=False, placeholder="Ask me anything...", container=False,
+                                            elem_classes="user-input")
 
                 with gr.Column(min_width=42, scale=1):
                     submitBtn = gr.Button("", elem_classes="btn btn-send tooltip-btn tooltip-content-send")
@@ -199,6 +201,8 @@ with gr.Blocks(css=customCSS, theme='minatosnow/qaigpt') as demo:
         current_model = get_model(llm_model_name=DEPLOYMENT_ID)
         current_model.set_user_identifier(user_name)
         return user_info, user_name, current_model, get_history_names(False, user_name)
+
+
     demo.load(create_greeting, inputs=None, outputs=[user_info, user_name, current_model, history_file_dropdown])
 
     examples_questions.click(load_example, inputs=[examples_questions, samples], outputs=[user_input])
@@ -219,8 +223,10 @@ with gr.Blocks(css=customCSS, theme='minatosnow/qaigpt') as demo:
 
     saveHistoryBtn.click(save_chat_history, [current_model, chatbot, set_save_file_name], [status_display])
     historyRefreshBtn.click(get_history_names, [gr.State(False), user_name], [history_file_dropdown])
-    historyDeleteBtn.click(delete_chat_history, [current_model, history_file_dropdown], [status_display, history_file_dropdown, chatbot])
-    history_file_dropdown.change(load_chat_history, [current_model, history_file_dropdown], [set_save_file_name, chatbot])
+    historyDeleteBtn.click(delete_chat_history, [current_model, history_file_dropdown],
+                           [status_display, history_file_dropdown, chatbot])
+    history_file_dropdown.change(load_chat_history, [current_model, history_file_dropdown],
+                                 [set_save_file_name, chatbot])
 
     record_audio.start_recording(None, None, None,
                                  _js="""

custom.css

@@ -1003,17 +1003,17 @@ div.logo {
     justify-content: flex-start;
 }
 
-#component-29 {
+.user-input {
     font-size: var(--message-font-size) !important;
     box-shadow: var(--cib-shadow-card) !important;
     outline: transparent solid 1px !important;
 }
 
-#component-26 > div.gallery.svelte-13hsdno > button > div {
-    background: var(--chatbot-background-color-light) !important;
+.examples > div > button > div {
+    background: rgba(249, 249, 249, 0.33) !important;
 }
 
-.dark #component-26 > div.gallery.svelte-13hsdno > button > div {
+.dark .examples > div > button > div  {
     background: var(--chatbot-background-color-dark) !important;
 }
 

requirements.txt

@@ -8,4 +8,4 @@ pinecone-client
 google-api-python-client
 bs4
 azure-storage-blob
-azure.cosmos
+azure-cosmos