update

app.py

@@ -32,34 +32,36 @@ def generate_text(prompt, max_length=150):
     return generated_text
 
 # Custom CSS for the UI
-background_image_path = 'https://www.shlegal-technology.com/sites/default/files/insight/ExploringTheLegislativeBackgroundBANNER.jpg'
+background_image_path = '/mnt/data/image.png'
 custom_css = f"""
+/* Chatbot container */
+.gradio-container {{
+    color: white; /* Light text color */
+    background-image: url('{background_image_path}'); /* Add background image */
+    background-size: cover; /* Cover the entire container */
+    background-position: center; /* Center the image */
+    background-repeat: no-repeat; /* Do not repeat the image */
+    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent dark background */
+}}
+
+/* Transparent message bubbles */
 .message.pending {{
-    background: rgba(168, 196, 214, 0.5);
+    background: rgba(168, 196, 214, 0.1);
 }}
-/* Response message */
 .message.bot.svelte-1s78gfg.message-bubble-border {{
-    border-color: rgba(38, 107, 153, 0.5);
+    border-color: rgba(38, 107, 153, 0.1);
     background: rgba(255, 255, 255, 0.1);
 }}
-/* User message */
 .message.user.svelte-1s78gfg.message-bubble-border {{
-    background: rgba(157, 221, 249, 0.5);
-    border-color: rgba(157, 221, 249, 0.5);
+    background: rgba(157, 221, 249, 0.1);
+    border-color: rgba(157, 221, 249, 0.1);
 }}   
+
 /* For both user and response message as per the document */
 span.md.svelte-8tpqd2.chatbot.prose p {{
     color: #266B99;
 }}
-/* Chatbot container */
-.gradio-container {{
-    color: white; /* Light text color */
-    background-image: url('{background_image_path}'); /* Add background image */
-    background-size: cover; /* Cover the entire container */
-    background-position: center; /* Center the image */
-    background-repeat: no-repeat; /* Do not repeat the image */
-    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent dark background */
-}}
+
 /* RED (Hex: #DB1616) for action buttons and links only */
 .clear-btn {{
     background: #DB1616;
@@ -87,35 +89,39 @@ span.md.svelte-8tpqd2.chatbot.prose p {{
     content: url('file=Komal-patra/EU_AI_ACT/orcawise image.png');
     margin-right: 8px;
 }}
+
 /* Enable scrolling for the chatbot messages */
 .chatbot .messages {{
     max-height: 500px;  /* Adjust as needed */
     overflow-y: auto;
 }}
+
+/* Transparent overall message container */
+.gradio-chatbot .wrap {{
+    background: transparent; /* Make the container background transparent */
+    border: none; /* Remove any borders if necessary */
+}}
 """
 
 # Gradio interface setup
 with gr.Blocks(css=custom_css) as demo:
-    gr.Markdown("<h1>Ask a question about the EU AI Act</h1>")
     chatbot = gr.Chatbot()
-    msg = gr.Textbox(placeholder="Ask your question...", show_label=False)  # Add placeholder text
+    msg = gr.Textbox(placeholder="Ask your question...", show_label=False)
     submit_button = gr.Button("Submit", elem_classes="submit-btn")
     clear = gr.Button("Clear", elem_classes="clear-btn")
 
-    # Function to handle user input
     def user(user_message, history):
         return "", history + [[user_message, None]]
 
-    # Function to handle bot response
     def bot(history):
-        if len(history) == 1:  # Check if it's the first interaction
+        if len(history) == 1:
             bot_message = "Hi there! How can I help you today?"
-            history[-1][1] = bot_message  # Add welcome message to history
+            history[-1][1] = bot_message
         else:
-            history[-1][1] = ""  # Clear the last bot message
-            previous_message = history[-1][0]  # Access the previous user message
-            bot_message = generate_text(previous_message)  # Generate response based on previous message
-            history[-1][1] = bot_message  # Update the last bot message
+            history[-1][1] = ""
+            previous_message = history[-1][0]
+            bot_message = generate_text(previous_message)
+            history[-1][1] = bot_message
         return history
 
     submit_button.click(user, [msg, chatbot], [msg, chatbot], queue=False).then(