UI v31

app.py

@@ -146,7 +146,7 @@ Answer:"""
                     context_parts.append(f"**Source: State Summary (State: {state_label})**\n{state_doc_content}")
 
             if context_parts:
-                context = "\n\n---\n\n".join(context_parts)
+                context = "\n\n---\n\n". தலைமையில்".join(context_parts)
                 logging.info(f"Constructed context with {len(context_parts)} parts. Length: {len(context)} chars.")
                 try:
                     statutes_from_context = self.extract_statutes(context)
@@ -171,7 +171,7 @@ Answer:"""
 
             if not answer_text:
                 logging.warning("LLM returned an empty answer.")
-                answer_text = "<div class='error-message'><span class='error-icon'>⚠️</span>The AI model returned an empty response. This might be due to the query, context limitations, or temporary issues. Please try rephrasing your question or try again later.</div>"
+                answer_text = "<div class='error-message'>The AI model returned an empty response. This might be due to the query, context limitations, or temporary issues. Please try rephrasing your question or try again later.</div>"
             else:
                 logging.info("LLM generated answer successfully.")
 
@@ -194,7 +194,7 @@ Answer:"""
                 error_message = "Error: The request to the AI model timed out. The service might be busy."
                 details = "Please try again in a few moments."
 
-            formatted_error = f"<div class='error-message'><span class='error-icon'>❌</span>{error_message}</div>"
+            formatted_error = f"<div class='error-message'>{error_message}</div>"
             if details:
                 formatted_error += f"<div class='error-details'>{details}</div>"
 
@@ -243,14 +243,14 @@ Answer:"""
     def gradio_interface(self):
         def query_interface_wrapper(api_key: str, query: str, state: str) -> str:
             if not api_key or not api_key.strip() or not api_key.startswith("sk-"):
-                return "<div class='error-message'><span class='error-icon'>⚠️</span>Please provide a valid OpenAI API key (starting with 'sk-'). <a href='https://platform.openai.com/api-keys' target='_blank'>Get one free from OpenAI</a>.</div>"
+                return "<div class='error-message'>Please provide a valid OpenAI API key (starting with 'sk-'). <a href='https://platform.openai.com/api-keys' target='_blank'>Get one free from OpenAI</a>.</div>"
             if not state or state == "Select a state..." or "Error" in state:
-                return "<div class='error-message'><span class='error-icon'>⚠️</span>Please select a valid state from the dropdown.</div>"
+                return "<div class='error-message'>Please select a valid state from the dropdown.</div>"
             if not query or not query.strip():
-                return "<div class='error-message'><span class='error-icon'>⚠️</span>Please enter your question in the text box.</div>"
+                return "<div class='error-message'>Please enter your question in the text box.</div>"
 
             result = self.process_query(query=query, state=state, openai_api_key=api_key)
-            answer = result.get("answer", "<div class='error-message'><span class='error-icon'>⚠️</span>An unexpected error occurred.</div>")
+            answer = result.get("answer", "<div class='error-message'>An unexpected error occurred.</div>")
 
             if "<div class='error-message'>" in answer:
                 return answer
@@ -285,7 +285,7 @@ Answer:"""
             example_queries.append(["What basic rights do tenants have?", "California"])
 
 
-        # Custom CSS for a professional, light, dynamic dashboard
+        # Custom CSS for a professional, clean, light, dynamic dashboard
         custom_css = """
         /* Import legible fonts from Google Fonts */
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap');
@@ -356,8 +356,8 @@ Answer:"""
             left: 0;
             width: 100%;
             height: 100%;
-            background: radial-gradient(circle at top left, hsla(200, 70%, 45%, 0.05) 0%, transparent 40%),
-                        radial-gradient(circle at bottom right, hsla(200, 70%, 45%, 0.05) 0%, transparent 40%);
+            background: radial-gradient(circle at top left, hsla(210, 70%, 45%, 0.05) 0%, transparent 40%),
+                        radial-gradient(circle at bottom right, hsla(210, 70%, 45%, 0.05) 0%, transparent 40%);
             z-index: 0;
             opacity: 0.8;
             pointer-events: none;
@@ -526,7 +526,7 @@ Answer:"""
             transform: translateY(-2px) !important;
         }
         .gr-button-primary:active {
-            transform: translateY(1px) !important;
+            transform: translateY(1px) !important; /* Press effect */
             box-shadow: none !important;
         }
         .gr-button-secondary {
@@ -546,7 +546,7 @@ Answer:"""
 
         /* Output Styling (Pure White Background) */
         .output-content-wrapper {
-            background: var(--background-input) !important; /* Pure white background */
+            background: var(--background-input) !important; /* Pure white background for output box */
             border: 2px dashed var(--border-input) !important;
             border-radius: 8px !important;
             padding: 1.5rem !important;