Update research assistant: Gemini 3 Flash, expanded context, Observatory theme

- Switch app_gradio.py model to gemini-3-flash-preview (matching app.py)
- Add unmasking, ukraine, refugee papers to priority_order in both files
- Add refugee paper to app_gradio.py paper_files
- Expand keyword matching for all papers (disco, ukraine, rto, prodf, etc.)
- Improve system prompt with paper inventory, markdown formatting, guardrails
- Bump excerpt lengths (JMP 50k, others 25k)
- Restyle app.py chat UI to Observatory theme (navy, warm bg, flat, 2px radius)
- Add client-side markdown rendering for assistant messages

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app.py

@@ -109,13 +109,12 @@ class ProfessionalAssistant:
         context_parts = []
         
         # Add papers in priority order
-        priority_order = ["r3d","cv",  "frechet", "fdr", "disco", "rto", "prodf"]
-        
+        priority_order = ["r3d", "cv", "frechet", "fdr", "disco", "rto", "prodf", "unmasking", "ukraine", "refugee"]
+
         for key in priority_order:
             if key in self.papers:
                 paper = self.papers[key]
-                # Add substantial excerpts
-                excerpt_length = 30000 if key == "r3d" else 15000
+                excerpt_length = 50000 if key == "r3d" else 25000
                 context_parts.append(f"\n[{paper['title']}]\n{paper['text'][:excerpt_length]}")
         
         return "\n\n".join(context_parts)
@@ -149,27 +148,62 @@ class ProfessionalAssistant:
         if "job market" in message_lower or "r3d" in message_lower:
             if "r3d" in self.papers:
                 specific_context = f"\n[R3D - Job Market Paper]\n{self.papers['r3d']['text'][:50000]}\n"
-        elif "fdr" in message_lower or "discontinuity" in message_lower:
+        elif "fdr" in message_lower or "free discontinuity" in message_lower:
             if "fdr" in self.papers:
                 specific_context = f"\n[FDR Paper]\n{self.papers['fdr']['text'][:30000]}\n"
+        elif "disco" in message_lower or "synthetic control" in message_lower:
+            if "disco" in self.papers:
+                specific_context = f"\n[DiSCo Paper]\n{self.papers['disco']['text'][:30000]}\n"
+        elif "ukraine" in message_lower or "alert" in message_lower or "conflict" in message_lower:
+            if "ukraine" in self.papers:
+                specific_context = f"\n[Ukraine Alerts Paper]\n{self.papers['ukraine']['text'][:30000]}\n"
+        elif "rto" in message_lower or "return to office" in message_lower or "remote work" in message_lower:
+            if "rto" in self.papers:
+                specific_context = f"\n[RTO Paper]\n{self.papers['rto']['text'][:30000]}\n"
+        elif "production function" in message_lower or "prodf" in message_lower or "revenue" in message_lower:
+            if "prodf" in self.papers:
+                specific_context = f"\n[Production Functions Paper]\n{self.papers['prodf']['text'][:30000]}\n"
+        elif "unmasking" in message_lower or "partisan" in message_lower or "mask" in message_lower:
+            if "unmasking" in self.papers:
+                specific_context = f"\n[Unmasking Partisanship Paper]\n{self.papers['unmasking']['text'][:30000]}\n"
+        elif "refugee" in message_lower or "migration" in message_lower:
+            if "refugee" in self.papers:
+                specific_context = f"\n[Refugee Return Paper]\n{self.papers['refugee']['text'][:30000]}\n"
+        elif "frechet" in message_lower or "jump" in message_lower or "metric space" in message_lower:
+            if "frechet" in self.papers:
+                specific_context = f"\n[Frechet Paper]\n{self.papers['frechet']['text'][:30000]}\n"
         
         # Create prompt
-        prompt = f"""You are an expert assistant helping visitors learn about David Van Dijcke's research. 
+        prompt = f"""You are an expert assistant helping visitors learn about David Van Dijcke's research.
 
 CRITICAL INSTRUCTIONS:
 - You are NOT David - you are an expert explaining his work to website visitors
 - Speak in third person about David (use "David" or "Van Dijcke", not "I" or "my")
-- Be conversational but professional 
+- Be conversational but professional
 - Give concise, informative answers (2-3 paragraphs max unless asked for details)
 - Don't say "based on the provided papers" - just state facts confidently
 - Focus on what makes his work innovative and important
 - When discussing papers with multiple authors, always mention coauthors (other than David) in parentheses
+- Use markdown formatting: **bold** for emphasis, bullet points for lists
+- If a question is outside the scope of David's research or CV, politely redirect: "That's outside what I can speak to — I'm here to help with David's research and background. Feel free to ask about any of his papers!"
 
 Key facts:
 - David is an econometrician on the 2025-26 job market from University of Michigan
 - His job market paper is R3D (Regression Discontinuity Design with Distribution-Valued Outcomes)
 - He specializes in functional data analysis and optimal transport methods
 
+Available papers you can draw on:
+- R3D (Job Market Paper) — Regression Discontinuity with Distribution-Valued Outcomes
+- Frechet ANOVA — A Test for Jumps in Metric-Space Conditional Means
+- Free Discontinuity Regression (FDR)
+- Distributional Synthetic Controls (DiSCo)
+- Return to Office (RTO)
+- Revenue Production Functions
+- Unmasking Partisanship
+- Ukraine Alerts — Public Response to Government Alerts Saves Lives
+- Refugee Return and Conflict
+- David's CV
+
 {conversation}
 
 Full research context:
@@ -210,236 +244,213 @@ async def read_root():
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>David Van Dijcke - Research Assistant</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600&family=Source+Sans+3:wght@400;600&display=swap" rel="stylesheet">
     <style>
         * {
             margin: 0;
             padding: 0;
             box-sizing: border-box;
         }
-        
+
         body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, sans-serif;
-            background: #ffffff;
+            font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;
+            background: #faf9f7;
             height: 100vh;
             display: flex;
             flex-direction: column;
+            color: #1a1a1a;
         }
-        
+
         .container {
             display: flex;
             flex-direction: column;
             height: 100vh;
             width: 100%;
             margin: 0;
-            background: white;
+            background: #faf9f7;
         }
-        
+
         .header {
             display: none;
         }
-        
+
         .chat-container {
             flex: 1;
             overflow-y: auto;
             padding: 1rem;
-            background: #fafbfc;
+            background: #faf9f7;
             min-height: 0;
         }
 
         .message {
             margin-bottom: 1rem;
             display: flex;
-            animation: fadeIn 0.3s ease-out;
+            opacity: 0;
+            animation: fadeIn 0.25s ease-out forwards;
         }
-        
+
         .message.user {
             justify-content: flex-end;
         }
-        
+
         .message.assistant {
             justify-content: flex-start;
         }
-        
+
         .message-content {
             max-width: 75%;
             padding: 0.75rem 1rem;
-            border-radius: 14px;
-            line-height: 1.5;
+            border-radius: 2px;
+            line-height: 1.6;
             font-size: 0.875rem;
         }
-        
+
+        .message-content p { margin-bottom: 0.5em; }
+        .message-content p:last-child { margin-bottom: 0; }
+        .message-content ul, .message-content ol { margin: 0.4em 0 0.4em 1.25em; }
+        .message-content strong { font-weight: 600; }
+
         .message.user .message-content {
-            background: #f7f7f8;
-            color: #2d3748;
-            border-bottom-right-radius: 4px;
-            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-            border: 1px solid #e5e8eb;
+            background: #faf9f7;
+            color: #1a1a1a;
+            border: 1px solid #232D4B;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
         }
-        
+
         .message.assistant .message-content {
-            background: white;
-            color: #2d3748;
-            border-bottom-left-radius: 4px;
-            box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
-            border: 1px solid #e2e8f0;
+            background: #f3f1ed;
+            color: #1a1a1a;
+            border: 1px solid #e8e5df;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
         }
-        
+
         .typing-indicator {
             display: none;
             padding: 1rem;
             margin-bottom: 1rem;
         }
-        
+
         .typing-indicator.active {
             display: flex;
         }
-        
+
         .typing-indicator span {
             height: 8px;
             width: 8px;
-            background: #8e8ea0;
+            background: #4a4a4a;
             border-radius: 50%;
             display: inline-block;
             margin: 0 2px;
             animation: typing 1.4s infinite;
         }
-        
-        .typing-indicator span:nth-child(2) {
-            animation-delay: 0.2s;
-        }
-        
-        .typing-indicator span:nth-child(3) {
-            animation-delay: 0.4s;
-        }
-        
+
+        .typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
+        .typing-indicator span:nth-child(3) { animation-delay: 0.4s; }
+
         @keyframes typing {
-            0%, 60%, 100% {
-                transform: translateY(0);
-                opacity: 0.5;
-            }
-            30% {
-                transform: translateY(-10px);
-                opacity: 1;
-            }
+            0%, 60%, 100% { opacity: 0.3; }
+            30% { opacity: 1; }
         }
-        
+
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+
         .input-container {
             padding: 1rem 1.5rem;
-            background: white;
-            border-top: 1px solid #e2e8f0;
-            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
+            background: #faf9f7;
+            border-top: 1px solid #e8e5df;
+            box-shadow: 0 -1px 3px rgba(0,0,0,0.04);
             flex-shrink: 0;
         }
-        
+
         .input-wrapper {
             display: flex;
-            gap: 1rem;
+            gap: 0.75rem;
             align-items: flex-end;
         }
-        
+
         #messageInput {
             flex: 1;
             padding: 0.625rem 1rem;
-            border: 2px solid #e2e8f0;
-            border-radius: 10px;
+            border: 1px solid #d5d0c8;
+            border-radius: 2px;
             font-size: 0.875rem;
             font-family: inherit;
             resize: none;
             outline: none;
-            transition: all 0.2s ease;
-            background: #f8fafc;
+            transition: border-color 0.15s ease;
+            background: #ffffff;
             min-height: 42px;
             max-height: 100px;
+            color: #1a1a1a;
         }
-        
+
         #messageInput:focus {
-            border-color: #d1d5db;
-            background: white;
-            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
+            border-color: #232D4B;
         }
-        
+
         #sendButton {
             padding: 0.625rem 1.5rem;
-            background: #2d3748;
-            color: white;
+            background: #232D4B;
+            color: #ffffff;
             border: none;
-            border-radius: 10px;
+            border-radius: 2px;
             font-weight: 600;
             font-size: 0.875rem;
+            font-family: inherit;
             cursor: pointer;
-            transition: all 0.2s ease;
-            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+            transition: background 0.15s ease;
             white-space: nowrap;
         }
-        
+
         #sendButton:hover {
-            background: #1a202c;
-            transform: translateY(-1px);
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-        
-        #sendButton:active {
-            transform: translateY(0);
+            background: #1a2238;
         }
-        
+
         #sendButton:disabled {
-            opacity: 0.6;
+            opacity: 0.5;
             cursor: not-allowed;
-            transform: none;
         }
-        
+
         .suggestions {
             display: flex;
             gap: 0.5rem;
             flex-wrap: wrap;
             margin-top: 0.75rem;
             padding-top: 0.75rem;
-            border-top: 1px solid #e2e8f0;
+            border-top: 1px solid #e8e5df;
         }
 
         .suggestion {
             padding: 0.4rem 0.875rem;
-            background: #f8fafc;
-            border: 1px solid #e2e8f0;
-            border-radius: 16px;
+            background: #faf9f7;
+            border: 1px solid #d5d0c8;
+            border-radius: 2px;
             font-size: 0.8125rem;
-            color: #4a5568;
+            color: #4a4a4a;
             cursor: pointer;
-            transition: all 0.2s ease;
+            transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
         }
-        
+
         .suggestion:hover {
-            background: #2d3748;
-            color: white;
-            border-color: #2d3748;
-            transform: translateY(-1px);
-            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-        
-        @keyframes fadeIn {
-            from {
-                opacity: 0;
-                transform: translateY(10px);
-            }
-            to {
-                opacity: 1;
-                transform: translateY(0);
-            }
+            background: #232D4B;
+            color: #ffffff;
+            border-color: #232D4B;
         }
-        
+
         @media (max-width: 768px) {
             .message-content {
                 max-width: 85%;
             }
-            
-            .header h1 {
-                font-size: 1.5rem;
-            }
-            
+
             .suggestions {
                 flex-direction: column;
             }
-            
+
             .suggestion {
                 text-align: center;
             }
@@ -571,17 +582,44 @@ async def read_root():
             messageInput.focus();
         }
         
+        function renderMarkdown(text) {
+            // Escape HTML first
+            var lt = String.fromCharCode(60);
+            var re_amp = new RegExp('&', 'g');
+            var re_lt = new RegExp(lt, 'g');
+            var re_gt = new RegExp('>', 'g');
+            var html = text.replace(re_amp, '&amp;').replace(re_lt, '&lt;').replace(re_gt, '&gt;');
+            // Bold then italic
+            html = html.replace(new RegExp('\\\\*\\\\*(.+?)\\\\*\\\\*', 'g'), lt + 'strong>$1' + lt + '/strong>');
+            html = html.replace(new RegExp('\\\\*(.+?)\\\\*', 'g'), lt + 'em>$1' + lt + '/em>');
+            // Unordered lists
+            html = html.replace(new RegExp('^- (.+)$', 'gm'), lt + 'li>$1' + lt + '/li>');
+            html = html.replace(new RegExp('((?:' + lt + 'li>.*?' + lt + '/li>[\\\\n]?)+)', 'g'), lt + 'ul>$1' + lt + '/ul>');
+            // Paragraphs
+            html = html.replace(new RegExp('\\\\n\\\\n', 'g'), lt + '/p>' + lt + 'p>');
+            html = lt + 'p>' + html + lt + '/p>';
+            // Line breaks
+            html = html.replace(new RegExp('\\\\n', 'g'), lt + 'br>');
+            // Clean empty paragraphs
+            html = html.replace(new RegExp(lt + 'p>' + lt + '/p>', 'g'), '');
+            return html;
+        }
+
         function addMessage(content, role) {
             const messageDiv = document.createElement('div');
             messageDiv.className = `message ${role}`;
-            
+
             const contentDiv = document.createElement('div');
             contentDiv.className = 'message-content';
-            contentDiv.textContent = content;
-            
+            if (role === 'assistant') {
+                contentDiv.innerHTML = renderMarkdown(content);
+            } else {
+                contentDiv.textContent = content;
+            }
+
             messageDiv.appendChild(contentDiv);
             chatContainer.appendChild(messageDiv);
-            
+
             // Scroll to bottom
             chatContainer.scrollTop = chatContainer.scrollHeight;
         }

app_gradio.py

@@ -23,28 +23,19 @@ class ProfessionalAssistant:
         if api_key:
             genai.configure(api_key=api_key)
             try:
-                # Try Gemini 2.5 Pro first (best quality)
-                self.model = genai.GenerativeModel('gemini-2.5-pro')
-                print("Using Gemini 2.5 Pro")
+                self.model = genai.GenerativeModel('gemini-3-flash-preview')
+                print("Using Gemini 3 Flash Preview")
             except:
                 try:
-                    # Fall back to Gemini 2.5 Flash
                     self.model = genai.GenerativeModel('gemini-2.5-flash')
                     print("Using Gemini 2.5 Flash")
                 except:
                     try:
-                        # Try Gemini 2.0 Pro
-                        self.model = genai.GenerativeModel('gemini-2.0-pro')
-                        print("Using Gemini 2.0 Pro")
+                        self.model = genai.GenerativeModel('gemini-2.0-flash')
+                        print("Using Gemini 2.0 Flash")
                     except:
-                        try:
-                            # Final fallback to Gemini 2.0 Flash
-                            self.model = genai.GenerativeModel('gemini-2.0-flash')
-                            print("Using Gemini 2.0 Flash")
-                        except:
-                            # If all else fails, try any available model
-                            self.model = genai.GenerativeModel('gemini-pro')
-                            print("Using Gemini Pro (fallback)")
+                        self.model = genai.GenerativeModel('gemini-pro')
+                        print("Using Gemini Pro (fallback)")
         else:
             self.model = None
         
@@ -71,7 +62,8 @@ class ProfessionalAssistant:
             "rto": ("rto.pdf", "Return to Office"),
             "prodf": ("prodf.pdf", "Revenue Production Functions"),
             "unmasking": ("unmasking_partisanship.pdf", "Unmasking Partisanship"),
-            "ukraine": ("van-dijcke-et-al-public-response-to-government-alerts-saves-lives-during-russian-invasion-of-ukraine.pdf", "Ukraine Alerts")
+            "ukraine": ("van-dijcke-et-al-public-response-to-government-alerts-saves-lives-during-russian-invasion-of-ukraine.pdf", "Ukraine Alerts"),
+            "refugee": ("refugee_return.pdf", "Refugee Return and Conflict: Evidence from a Natural Experiment")
         }
         
         for key, (filename, title) in paper_files.items():
@@ -97,13 +89,12 @@ class ProfessionalAssistant:
         context_parts = []
         
         # Add papers in priority order
-        priority_order = ["r3d","cv",  "frechet", "fdr", "disco", "rto", "prodf"]
-        
+        priority_order = ["r3d", "cv", "frechet", "fdr", "disco", "rto", "prodf", "unmasking", "ukraine", "refugee"]
+
         for key in priority_order:
             if key in self.papers:
                 paper = self.papers[key]
-                # Add substantial excerpts
-                excerpt_length = 30000 if key == "r3d" else 15000
+                excerpt_length = 50000 if key == "r3d" else 25000
                 context_parts.append(f"\n[{paper['title']}]\n{paper['text'][:excerpt_length]}")
         
         return "\n\n".join(context_parts)
@@ -132,27 +123,62 @@ class ProfessionalAssistant:
         if "job market" in message_lower or "r3d" in message_lower:
             if "r3d" in self.papers:
                 specific_context = f"\n[R3D - Job Market Paper]\n{self.papers['r3d']['text'][:50000]}\n"
-        elif "fdr" in message_lower or "discontinuity" in message_lower:
+        elif "fdr" in message_lower or "free discontinuity" in message_lower:
             if "fdr" in self.papers:
                 specific_context = f"\n[FDR Paper]\n{self.papers['fdr']['text'][:30000]}\n"
+        elif "disco" in message_lower or "synthetic control" in message_lower:
+            if "disco" in self.papers:
+                specific_context = f"\n[DiSCo Paper]\n{self.papers['disco']['text'][:30000]}\n"
+        elif "ukraine" in message_lower or "alert" in message_lower or "conflict" in message_lower:
+            if "ukraine" in self.papers:
+                specific_context = f"\n[Ukraine Alerts Paper]\n{self.papers['ukraine']['text'][:30000]}\n"
+        elif "rto" in message_lower or "return to office" in message_lower or "remote work" in message_lower:
+            if "rto" in self.papers:
+                specific_context = f"\n[RTO Paper]\n{self.papers['rto']['text'][:30000]}\n"
+        elif "production function" in message_lower or "prodf" in message_lower or "revenue" in message_lower:
+            if "prodf" in self.papers:
+                specific_context = f"\n[Production Functions Paper]\n{self.papers['prodf']['text'][:30000]}\n"
+        elif "unmasking" in message_lower or "partisan" in message_lower or "mask" in message_lower:
+            if "unmasking" in self.papers:
+                specific_context = f"\n[Unmasking Partisanship Paper]\n{self.papers['unmasking']['text'][:30000]}\n"
+        elif "refugee" in message_lower or "migration" in message_lower:
+            if "refugee" in self.papers:
+                specific_context = f"\n[Refugee Return Paper]\n{self.papers['refugee']['text'][:30000]}\n"
+        elif "frechet" in message_lower or "jump" in message_lower or "metric space" in message_lower:
+            if "frechet" in self.papers:
+                specific_context = f"\n[Frechet Paper]\n{self.papers['frechet']['text'][:30000]}\n"
         
         # Create prompt
-        prompt = f"""You are an expert assistant helping visitors learn about David Van Dijcke's research. 
+        prompt = f"""You are an expert assistant helping visitors learn about David Van Dijcke's research.
 
 CRITICAL INSTRUCTIONS:
 - You are NOT David - you are an expert explaining his work to website visitors
 - Speak in third person about David (use "David" or "Van Dijcke", not "I" or "my")
-- Be conversational but professional 
+- Be conversational but professional
 - Give concise, informative answers (2-3 paragraphs max unless asked for details)
 - Don't say "based on the provided papers" - just state facts confidently
 - Focus on what makes his work innovative and important
 - When discussing papers with multiple authors, always mention coauthors (other than David) in parentheses
+- Use markdown formatting: **bold** for emphasis, bullet points for lists
+- If a question is outside the scope of David's research or CV, politely redirect: "That's outside what I can speak to — I'm here to help with David's research and background. Feel free to ask about any of his papers!"
 
 Key facts:
 - David is an econometrician on the 2025-26 job market from University of Michigan
 - His job market paper is R3D (Regression Discontinuity Design with Distribution-Valued Outcomes)
 - He specializes in functional data analysis and optimal transport methods
 
+Available papers you can draw on:
+- R3D (Job Market Paper) — Regression Discontinuity with Distribution-Valued Outcomes
+- Frechet ANOVA — A Test for Jumps in Metric-Space Conditional Means
+- Free Discontinuity Regression (FDR)
+- Distributional Synthetic Controls (DiSCo)
+- Return to Office (RTO)
+- Revenue Production Functions
+- Unmasking Partisanship
+- Ukraine Alerts — Public Response to Government Alerts Saves Lives
+- Refugee Return and Conflict
+- David's CV
+
 {conversation}
 
 Full research context: