Update app.py

app.py

@@ -2,8 +2,9 @@
 #
 # Universal AI Data Analyst with:
 # - Unchanged analysis & assessment logic
-# - Top: Current Assessment / Assessment History (full width, fills the screen)
+# - Top: Current Assessment / Assessment History (full width, fills screen)
 # - Bottom: New Assessment (files, prompt, actions, voice)
+# - Sleek "ChatGPT-ish" UI polish (soft dark, rounded, green accents)
 # - Fixed Gradio wiring (uses gr.State for history)
 # - Triple-quoted progress strings
 # - Voice-to-Text via browser Web Speech API
@@ -33,7 +34,7 @@ from settings import (
     USE_OPEN_FALLBACKS  # noqa: F401
 )
 
-# Try to import optional HIPAA flags; fall back to safe defaults if not defined.
+# Optional HIPAA flags; default to safe, non-breaking values if absent.
 try:
     from settings import PHI_MODE, PERSIST_HISTORY, HISTORY_TTL_DAYS, REDACT_BEFORE_LLM, ALLOW_EXTERNAL_PHI
 except Exception:
@@ -65,7 +66,7 @@ def _sanitize_text(s: str) -> str:
     return re2.sub(r"[\p{C}--[\n\t]]+", "", s)
 
 
-# Conservative PHI redaction patterns (only applied if PHI_MODE & REDACT_BEFORE_LLM are enabled)
+# Conservative PHI redaction patterns (applied only if PHI_MODE & REDACT_BEFORE_LLM are enabled)
 PHI_PATTERNS = [
     (re.compile(r"\b\d{3}-\d{2}-\d{4}\b"), "[REDACTED_SSN]"),
     (re.compile(r"\b\d{9}\b"), "[REDACTED_MRN]"),
@@ -91,7 +92,6 @@ def safe_log(event_name: str, meta: dict | None = None):
         meta.pop("raw", None)
         log_event(event_name, None, meta)
     except Exception:
-        # Never raise from logging
         pass
 
 
@@ -275,70 +275,60 @@ TERMS_OF_SERVICE_TEXT = load_markdown_text("terms_of_service.md")
 # ---------------------- Sleek UI assets (CSS/JS only) ----------------------
 
 SLEEK_CSS = """
-/* Full-bleed, modern look */
+/* Global */
 :root, body, #root, .gradio-container { height: 100%; }
-.gradio-container { padding: 0 !important; }
+.gradio-container { padding: 0 !important; background: #0e1117; color: #e6e9ef; }
 .block { padding: 0 !important; }
 
 /* Header */
 .header {
-  padding: 20px 28px;
-  background: linear-gradient(135deg, #0e1726, #1d2a44 60%, #243a5e);
-  color: #fff;
-  display: flex; align-items: center; justify-content: space-between;
-  gap: 16px;
+  padding: 18px 22px;
+  background: linear-gradient(180deg, #11161f 0%, #0f141b 100%);
+  border-bottom: 1px solid #1e2633;
+  display: flex; align-items: center; justify-content: space-between; gap: 12px;
+}
+.header h1 { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: .2px; color: #eaf2ee; }
+.header .badge {
+  font-size: 12px; background: #1a2a1f; color: #a6e3b1; padding: 6px 10px; border-radius: 999px; border: 1px solid #23402a;
 }
-.header h1 { margin: 0; font-size: 22px; letter-spacing: 0.3px; font-weight: 600; }
-.header .badge { font-size: 12px; opacity: 0.9; background:#ffffff22; padding:6px 10px; border-radius: 999px; }
 
 /* App body: top (tabs) + bottom (input) */
-.app {
-  display: flex; flex-direction: column;
-  height: calc(100vh - 72px);
-}
+.app { display: flex; flex-direction: column; height: calc(100vh - 60px); }
 
-/* Top area: takes remaining space */
-.top-area {
-  flex: 1 1 auto;
-  padding: 16px;
-  box-sizing: border-box;
-}
+/* Top area */
+.top-area { flex: 1 1 auto; padding: 12px 12px 0 12px; box-sizing: border-box; }
 .top-card {
-  height: 100%;
-  background: #0b1020;
-  color: #e9edf3;
-  border-radius: 16px;
-  border: 1px solid #1c2642;
-  display: flex; flex-direction: column;
-  overflow: hidden;
+  height: 100%; background: #0f141b; border: 1px solid #1e2633;
+  border-radius: 14px; overflow: hidden; display: flex; flex-direction: column;
+  box-shadow: 0 0 0 1px #0a0d12 inset, 0 8px 20px rgba(0,0,0,.35);
 }
 
-/* Tabs fill available space */
+/* Tabs */
 .tabs { flex: 1 1 auto; display: flex; flex-direction: column; }
 .tabitem { flex: 1 1 auto; display: flex; flex-direction: column; }
 #chatbot_container { flex: 1 1 auto; display: flex; }
 #chatbot_container .gr-chatbot { flex: 1 1 auto; height: 100%; }
 
-/* Bottom input area: sits at bottom, fixed-ish height */
-.bottom-area {
-  flex: 0 0 auto;
-  padding: 12px 16px 16px 16px;
-  box-sizing: border-box;
-}
+/* Bottom input area */
+.bottom-area { flex: 0 0 auto; padding: 10px 12px 12px 12px; box-sizing: border-box; }
 .bottom-card {
-  background: #0b1020;
-  color: #e9edf3;
-  border-radius: 16px;
-  border: 1px solid #1c2642;
-  padding: 14px;
+  background: #0f141b; border: 1px solid #1e2633; border-radius: 14px; padding: 12px;
+  box-shadow: 0 0 0 1px #0a0d12 inset, 0 8px 20px rgba(0,0,0,.35);
 }
-.panel-title { font-size: 14px; font-weight: 600; color: #aeb8cc; margin-bottom: 6px; }
-.helper { font-size: 12px; color: #97a3bb; margin-bottom: 8px; }
+.panel-title { font-size: 13px; font-weight: 600; color: #c9d4cf; margin-bottom: 4px; }
+.helper { font-size: 12px; color: #96a1a7; margin-bottom: 8px; }
 
+/* Inputs & actions */
 .actions { display: flex; gap: 8px; }
 .actions .gr-button { flex: 1; }
-.voice-hint { font-size: 12px; color:#9fb0cc; margin-top: 4px; }
-.hr { height: 1px; background: #16203b; margin: 10px 0; }
+.gr-button.primary { background: #1f8a53 !important; border: 1px solid #2ea36a !important; }
+.gr-button.primary:hover { filter: brightness(1.05); }
+
+.voice-hint { font-size: 12px; color: #9fb0cc; margin-top: 4px; }
+.hr { height: 1px; background: #1a2230; margin: 10px 0; }
+
+/* Markdown / content */
+.markdown-body { color: #e6e9ef; }
 """
 
 VOICE_STT_HTML = """