Cleanup frontend

src/app.py

@@ -90,134 +90,119 @@ def create_fomc_meetings_accordion():
         accordions.append((title, content))
     return accordions
 
-# Create the enhanced interface
+def generate_meetings_html(meetings_list):
+    """Generate HTML for meetings list"""
+    if not meetings_list:
+        return '<p style="color: #6b7280; text-align: center; padding: 20px;">No meetings available</p>'
+
+    html_content = '<div style="max-height: 600px; overflow-y: auto;">'
+    for meeting in meetings_list:
+        date = meeting.get('date', 'Unknown Date')
+        rate_decision = meeting.get('rate', 'N/A')
+        title = meeting.get('title', 'FOMC Meeting')
+        action = meeting.get('action', 'N/A')
+        magnitude = meeting.get('magnitude', 'N/A')
+        forward_guidance = meeting.get('forward_guidance')
+        economic_outlook = meeting.get('economic_outlook')
+        market_impact = meeting.get('market_impact', 'N/A')
+        url = meeting.get('url', '')
+
+        factors_html = ""
+        key_factors = meeting.get('key_economic_factors', [])
+        if key_factors and len(key_factors) > 0:
+            factors_html = "<p style='margin: 8px 0; font-size: 0.9em;'><strong>Key Factors:</strong></p><ul style='margin: 4px 0; padding-left: 20px; font-size: 0.85em;'>"
+            for factor in key_factors:
+                factors_html += f"<li style='margin: 2px 0;'>{factor}</li>"
+            factors_html += "</ul>"
+
+        html_content += f"""
+        <details style="border: 1px solid #e5e7eb; border-radius: 6px; padding: 10px; margin-bottom: 10px; background: white;">
+            <summary style="font-weight: 600; cursor: pointer; color: #1f2937; font-size: 0.95em;">
+                📅 {date} - {rate_decision}
+            </summary>
+            <div style="margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e7eb; font-size: 0.85em;">
+                <p style="margin: 4px 0;"><strong>Action:</strong> {action}</p>
+                <p style="margin: 4px 0;"><strong>Magnitude:</strong> {magnitude}</p>
+                <p style="margin: 8px 0;"><strong>Forward Guidance:</strong> {forward_guidance}</p>
+                {factors_html}
+                <p style="margin: 8px 0;"><strong>Economic Outlook:</strong> {economic_outlook}</p>
+                <p style="margin: 8px 0;"><strong>Market Impact:</strong> {market_impact}</p>
+                {f'<p style="margin: 8px 0;"><strong>Source:</strong> <a href="{url}" target="_blank" style="color: #1e88e5;">Fed Minutes PDF</a></p>' if url else ''}
+            </div>
+        </details>
+        """
+    html_content += '</div>'
+    return html_content
+
+def search_and_format_meetings(query: str):
+    """Search meetings and format them for HTML display"""
+    if not query.strip():
+        return generate_meetings_html(FOMC_MEETINGS)
+
+    search_result = search_meetings_by_date(query)
+
+    if search_result.get("success") and search_result.get("results"):
+        return generate_meetings_html(search_result["results"])
+    else:
+        return '<p style="color: #ef4444; text-align: center; padding: 20px;">No meetings found matching your search.</p>'
+
 with gr.Blocks(css=_CUSTOM_CSS, title="Fed AI Savant", theme=gr.themes.Soft()) as demo:
-    
-    # Row 1: Title and Description
-    with gr.Row():
-        with gr.Column():
-            gr.Markdown("""
-            # 🏛️ Fed AI Savant 🏛️ 
-            **Intelligent Analysis of Federal Reserve Policy and FOMC Meetings**
-            
-            Ask questions about interest rate decisions, monetary policy changes, and economic analysis based on Federal Reserve meeting minutes.
-            """)
-    
-    # Row 2: API Key Configuration
-    with gr.Row():
-        with gr.Column(scale=1):
-            gr.Markdown("### Powered by")
-            gr.Image(
-                value=str(_FILE_PATH / "assets" / "fireworks_logo.png"),
-                height=60,
-                width=200,
-                show_label=False,
-                show_download_button=False,
-                container=False,
-                show_fullscreen_button=False,
-                show_share_button=False,
-            )
-        with gr.Column(scale=1):
-            gr.Markdown("## ⚙️ Configuration")
 
-            val = os.getenv("FIREWORKS_API_KEY", "")
+    gr.Markdown("""
+    # 🏛️ Fed AI Savant
+    **Intelligent Analysis of Federal Reserve Policy 
+    and FOMC Meetings with [gpt-oss 120B](https://huggingface.co/openai/gpt-oss-120b)**
+    """)
 
-            api_key_value = gr.Textbox(
-                label="Fireworks AI API Key",
-                type="password",
-                placeholder="Enter your Fireworks AI API key",
-                value=val,
-                info="Required for AI processing",
-            )
-        with gr.Column(scale=2):
-            gr.Markdown("### 📋 How to Use")
-            gr.Markdown("""
-            1. **Enter your AI API key**
-            2. **Ask questions** about Fed policy, rate decisions, or FOMC meetings  
-            3. **Review AI reasoning** with expandable explanations and sources
-            """)
-    
-    # Row 3: FOMC Meetings Accordion (Searchable by Date)
     with gr.Row():
-        with gr.Column():
-            gr.Markdown("### 📊 Recent FOMC Meeting Minutes")
-            
+        # Sidebar for FOMC Meetings
+        with gr.Column(scale=1, min_width=300):
+            gr.Markdown("### 📊 FOMC Meetings")
+
             # Date search
             date_search = gr.Textbox(
-                placeholder="Search by date (e.g., 2025-07, 'June 2024', etc)...",
-                label="🔍 Search Meetings by Date",
-                lines=1
+                placeholder="Search by date...",
+                label="🔍 Search",
+                lines=1,
+                container=False
             )
-            
-            with gr.Accordion("FOMC Meetings", open=False):
-                def generate_meetings_html(meetings_list):
-                    """Generate HTML for meetings list"""
-                    if not meetings_list:
-                        return '<p style="color: #6b7280; text-align: center; padding: 20px;">No meetings available</p>'
-                    
-                    html_content = '<div style="space-y: 8px;">'
-                    for meeting in meetings_list:
-                        date = meeting.get('date', 'Unknown Date')
-                        rate_decision = meeting.get('rate_decision', 'N/A')
-                        title = meeting.get('title', 'FOMC Meeting')
-                        action = meeting.get('action', 'N/A')
-                        magnitude = meeting.get('magnitude', 'N/A')
-                        summary = meeting.get('summary', 'No summary available')
-                        economic_outlook = meeting.get('economic_outlook', 'N/A')
-                        market_impact = meeting.get('market_impact', 'N/A')
-                        url = meeting.get('url', '')
-                        
-                        factors_html = ""
-                        key_factors = meeting.get('key_economic_factors', [])
-                        if key_factors and len(key_factors) > 0:
-                            factors_html = "<p><strong>Key Factors:</strong></p><ul>"
-                            for factor in key_factors:
-                                factors_html += f"<li>{factor}</li>"
-                            factors_html += "</ul>"
-                        
-                        html_content += f"""
-                        <details style="border: 1px solid #e5e7eb; border-radius: 6px; padding: 12px; margin-bottom: 8px;">
-                            <summary style="font-weight: 600; cursor: pointer; color: #1f2937;">
-                                📅 {date} - Rate: {rate_decision}
-                            </summary>
-                            <div style="margin-top: 12px; padding-top: 12px; border-top: 1px solid #e5e7eb;">
-                                <p><strong>Meeting:</strong> {title}</p>
-                                <p><strong>Action:</strong> {action}</p>
-                                <p><strong>Rate:</strong> {rate_decision}</p>
-                                <p><strong>Magnitude:</strong> {magnitude}</p>
-                                <p><strong>Forward Guidance:</strong> {summary}</p>
-                                {factors_html}
-                                <p><strong>Economic Outlook:</strong> {economic_outlook}</p>
-                                <p><strong>Market Impact:</strong> {market_impact}</p>
-                                {f'<p><strong>Source:</strong> <a href="{url}" target="_blank">Fed Minutes PDF</a></p>' if url else ''}
-                            </div>
-                        </details>
-                        """
-                    html_content += '</div>'
-                    return html_content
 
-                meetings_accordion = gr.HTML(generate_meetings_html(FOMC_MEETINGS))
-    
-    def search_and_format_meetings(query: str):
-        """Search meetings and format them for HTML display"""
-        if not query.strip():
-            return generate_meetings_html(FOMC_MEETINGS)
-        
-        search_result = search_meetings_by_date(query)
-        
-        if search_result.get("success") and search_result.get("results"):
-            return generate_meetings_html(search_result["results"])
-        else:
-            return '<p style="color: #ef4444; text-align: center; padding: 20px;">No meetings found matching your search.</p>'
-    
-    with gr.Row():
-        with gr.Column():
+            meetings_accordion = gr.HTML(generate_meetings_html(FOMC_MEETINGS))
+
+        # Main content area
+        with gr.Column(scale=2):
+            # API Key Configuration
+            with gr.Row():
+                with gr.Column(scale=1):
+                    gr.Markdown("### Powered by")
+                    gr.Image(
+                        value=str(_FILE_PATH / "assets" / "fireworks_logo.png"),
+                        height=60,
+                        width=200,
+                        show_label=False,
+                        show_download_button=False,
+                        container=False,
+                        show_fullscreen_button=False,
+                        show_share_button=False,
+                    )
+                with gr.Column(scale=2):
+                    val = os.getenv("FIREWORKS_API_KEY", "")
+                    api_key_value = gr.Textbox(
+                        label="⚙️ Fireworks AI API Key",
+                        type="password",
+                        placeholder="Enter your API key",
+                        value=val,
+                        info="Required for AI processing",
+                        container=True
+                    )
+
             gr.Markdown("### 💬 Fed AI Assistant")
+            gr.Markdown("Ask questions about Fed policy, rate decisions, or FOMC meetings")
 
             chat_interface = gr.ChatInterface(
                 fn=respond_for_chat_interface,
                 type="messages",
-                chatbot=gr.Chatbot(height=600, show_label=False, type="messages"),
+                chatbot=gr.Chatbot(height=500, show_label=False, type="messages"),
                 textbox=gr.Textbox(
                     placeholder="Ask about Fed policy, rate decisions, or FOMC meetings...", scale=10
                 ),
@@ -225,16 +210,15 @@ with gr.Blocks(css=_CUSTOM_CSS, title="Fed AI Savant", theme=gr.themes.Soft()) a
                 cache_examples=False,
                 submit_btn="Send",
             )
+
+            gr.Markdown("### 💡 Example Questions")
             with gr.Row():
                 with gr.Column(scale=1):
-                    example_1 = gr.Button(_EXAMPLES[0], size="md")
-                    example_2= gr.Button(
-                        _EXAMPLES[1], size="md"
-                    )
+                    example_1 = gr.Button(_EXAMPLES[0], size="sm")
+                    example_2 = gr.Button(_EXAMPLES[1], size="sm")
                 with gr.Column(scale=1):
-                    example_3 = gr.Button(_EXAMPLES[2], size="md")
-                    example_4 = gr.Button(_EXAMPLES[3], size="md")
-
+                    example_3 = gr.Button(_EXAMPLES[2], size="sm")
+                    example_4 = gr.Button(_EXAMPLES[3], size="sm")
 
     date_search.change(
         search_and_format_meetings,

src/modules/utils.py

@@ -25,8 +25,10 @@ def create_meeting_list(meeting_data: list) -> list[dict]:
         {
             "date": meeting.get("date", ""),
             "title": meeting.get("title", ""),
+            "rate": meeting.get("rate", ""),
             "rate_decision": meeting.get("rate", ""),
-            "summary": meeting.get("forward_guidance", ""),  # Show full text
+            "summary": meeting.get("forward_guidance", ""),
+            "forward_guidance": meeting.get("forward_guidance", ""),
             "action": meeting.get("action", ""),
             "magnitude": meeting.get("magnitude", ""),
             "key_economic_factors": meeting.get("key_economic_factors", []),