Update app.py

app.py

@@ -174,6 +174,101 @@ except AttributeError as e:
     logger.warning(f"Could not apply all theme settings (might be Gradio version difference): {e}. Using default Soft theme.")
     theme = gr.themes.Soft()
 
+# Additional UI/UX Enhancements
+custom_css = """
+/* Smooth transitions for buttons and inputs */
+button, input, select, textarea {
+    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
+}
+
+/* Hover effects for buttons */
+button:hover {
+    filter: brightness(1.1);
+}
+
+/* Focus styles for inputs */
+input:focus, select:focus, textarea:focus {
+    outline: none;
+    border-color: #8B5CF6;
+    box-shadow: 0 0 5px rgba(139, 92, 246, 0.5);
+}
+
+/* Scrollbar styling for scrollable divs */
+#issue_preview_div::-webkit-scrollbar,
+#ai_output_md::-webkit-scrollbar {
+    width: 8px;
+}
+
+#issue_preview_div::-webkit-scrollbar-thumb,
+#ai_output_md::-webkit-scrollbar-thumb {
+    background-color: #8B5CF6;
+    border-radius: 4px;
+}
+
+/* Responsive layout improvements */
+@media (max-width: 768px) {
+    #config-panel {
+        flex-direction: column !important;
+    }
+    #issue_list_df {
+        font-size: 0.9em !important;
+    }
+}
+
+/* Enhanced table styles */
+.gradio-dataframe-container table {
+    border-collapse: separate !important;
+    border-spacing: 0 8px !important;
+}
+
+.gradio-dataframe-container table tr {
+    background-color: #f9fafb !important;
+    border-radius: 8px !important;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.gradio-dataframe-container table tr:hover {
+    background-color: #ede9fe !important;
+    cursor: pointer;
+}
+
+/* Button styles */
+.gr-button {
+    border-radius: 8px !important;
+    font-weight: 600 !important;
+}
+
+/* Accordion header styles */
+#ai_tools_accordion > .label {
+    font-weight: 700 !important;
+    font-size: 1.1em !important;
+    color: #6b21a8 !important;
+}
+
+/* Status bar improvements */
+#status_output_txt textarea {
+    background-color: #f3f4f6 !important;
+    border-radius: 6px !important;
+    font-family: 'Fira Code', monospace !important;
+    font-size: 0.95em !important;
+    color: #4b5563 !important;
+}
+
+/* Code editor improvements */
+#code_editor_component {
+    border: 1px solid #ddd !important;
+    border-radius: 8px !important;
+    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.15);
+}
+
+/* Plot improvements */
+#stats_plot_viz, #analytics_severity_plot {
+    border-radius: 8px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+    background-color: white;
+}
+"""
+
 
 # ========== Enhanced Webhook Handler ==========
 class WebhookHandler(BaseHTTPRequestHandler):