Add pre-visit report generation

Dockerfile

@@ -15,7 +15,8 @@ RUN pip install --no-cache-dir -r requirements.txt
 # Copy application code
 COPY server.py .
 COPY agent.py .
-COPY agent_v2.py . 
+COPY agent_v2.py .
+COPY report_generator.py .
 COPY tools.py .
 COPY init_db_hybrid.py .
 

report_generator.py

@@ -0,0 +1,304 @@
+#!/usr/bin/env python3
+"""
+Pre-Visit Report Generator
+
+Creates a concise, one-page summary for healthcare providers including:
+- Patient's main concerns
+- How they're feeling
+- Relevant medical context
+- Attachments (voice recordings, charts)
+"""
+
+import os
+import json
+from datetime import datetime
+from typing import List, Dict, Optional
+from dataclasses import dataclass, field
+import httpx
+
+LLAMA_SERVER_URL = os.getenv("LLAMA_SERVER_URL", "http://localhost:8081")
+
+LLM_HEADERS = {
+    "Content-Type": "application/json",
+    "ngrok-skip-browser-warning": "true"
+}
+
+
+@dataclass
+class ReportAttachment:
+    """Attachment for the report (voice recording, chart, etc.)"""
+    type: str  # "audio", "chart", "image"
+    title: str
+    data: Optional[str] = None  # base64 or URL
+    summary: Optional[str] = None  # Text summary of the attachment
+
+
+@dataclass
+class PreVisitReport:
+    """Structured pre-visit report for healthcare provider."""
+    patient_name: str
+    patient_age: int
+    patient_gender: str
+    generated_at: str
+    
+    # Core content
+    chief_concerns: List[str] = field(default_factory=list)
+    patient_feelings: str = ""
+    symptom_summary: str = ""
+    
+    # Medical context
+    relevant_conditions: List[str] = field(default_factory=list)
+    current_medications: List[str] = field(default_factory=list)
+    recent_vitals: Dict[str, str] = field(default_factory=dict)
+    
+    # Attachments
+    attachments: List[Dict] = field(default_factory=list)
+    
+    # Conversation references
+    key_quotes: List[str] = field(default_factory=list)
+    
+    def to_dict(self) -> Dict:
+        return {
+            "patient_name": self.patient_name,
+            "patient_age": self.patient_age,
+            "patient_gender": self.patient_gender,
+            "generated_at": self.generated_at,
+            "chief_concerns": self.chief_concerns,
+            "patient_feelings": self.patient_feelings,
+            "symptom_summary": self.symptom_summary,
+            "relevant_conditions": self.relevant_conditions,
+            "current_medications": self.current_medications,
+            "recent_vitals": self.recent_vitals,
+            "attachments": self.attachments,
+            "key_quotes": self.key_quotes
+        }
+
+
+async def call_llm(prompt: str, max_tokens: int = 1024) -> str:
+    """Call LLM for report generation."""
+    async with httpx.AsyncClient(timeout=120.0) as client:
+        response = await client.post(
+            f"{LLAMA_SERVER_URL}/completion",
+            headers=LLM_HEADERS,
+            json={
+                "prompt": prompt,
+                "n_predict": max_tokens,
+                "temperature": 0.3,
+                "stop": ["<end_of_turn>", "</s>", "<|im_end|>"],
+                "stream": False
+            }
+        )
+        response.raise_for_status()
+        result = response.json()
+        return result.get("content", "").strip()
+
+
+async def generate_report(
+    patient_info: Dict,
+    conversation_history: List[Dict],
+    tool_results: List[Dict],
+    attachments: List[Dict] = None
+) -> PreVisitReport:
+    """
+    Generate a pre-visit report from conversation and medical data.
+    
+    Args:
+        patient_info: Patient demographics
+        conversation_history: List of {"role": "user"|"assistant", "content": "..."}
+        tool_results: List of {"tool": "...", "facts": "..."}
+        attachments: List of {"type": "audio"|"chart", "title": "...", "summary": "..."}
+    
+    Returns:
+        PreVisitReport object
+    """
+    
+    # Format conversation for analysis
+    conversation_text = ""
+    for msg in conversation_history:
+        role = "Patient" if msg.get("role") == "user" else "Assistant"
+        conversation_text += f"{role}: {msg.get('content', '')}\n\n"
+    
+    # Format tool results
+    medical_context = ""
+    for result in tool_results:
+        tool = result.get("tool", "").replace("get_", "").replace("_", " ")
+        facts = result.get("facts", "")
+        if facts:
+            medical_context += f"[{tool.upper()}]\n{facts}\n\n"
+    
+    # Format attachments
+    attachment_text = ""
+    if attachments:
+        for att in attachments:
+            attachment_text += f"- {att.get('type', 'file').upper()}: {att.get('title', 'Untitled')}\n"
+            if att.get('summary'):
+                attachment_text += f"  Summary: {att.get('summary')}\n"
+    
+    # Generate report using LLM
+    prompt = f"""<start_of_turn>user
+You are a medical assistant creating a concise PRE-VISIT SUMMARY for a healthcare provider.
+
+PATIENT INFO:
+- Name: {patient_info.get('name', 'Unknown')}
+- Age: {patient_info.get('age', 'Unknown')}
+- Gender: {patient_info.get('gender', 'Unknown')}
+
+CONVERSATION WITH PATIENT:
+{conversation_text}
+
+MEDICAL RECORD DATA REFERENCED:
+{medical_context if medical_context else "No medical records were referenced."}
+
+ATTACHMENTS:
+{attachment_text if attachment_text else "None"}
+
+Create a structured pre-visit report in JSON format with these fields:
+{{
+    "chief_concerns": ["list of 1-3 main reasons for visit"],
+    "patient_feelings": "Brief description of how the patient is feeling emotionally/physically",
+    "symptom_summary": "Concise summary of any symptoms mentioned (2-3 sentences max)",
+    "relevant_conditions": ["list of relevant existing conditions mentioned"],
+    "current_medications": ["list of relevant medications mentioned"],
+    "recent_vitals": {{"vital_name": "value"}},
+    "key_quotes": ["1-2 important direct quotes from patient"]
+}}
+
+Keep it CONCISE - this should fit on one page. Focus on what the doctor needs to know.
+Output ONLY the JSON, no other text.
+<end_of_turn>
+<start_of_turn>model
+"""
+    
+    response = await call_llm(prompt, max_tokens=1000)
+    
+    # Parse the response
+    try:
+        # Clean up response
+        response = response.strip()
+        if response.startswith("```json"):
+            response = response[7:]
+        if response.startswith("```"):
+            response = response[3:]
+        if response.endswith("```"):
+            response = response[:-3]
+        
+        report_data = json.loads(response.strip())
+    except json.JSONDecodeError:
+        # Fallback if JSON parsing fails
+        report_data = {
+            "chief_concerns": ["Unable to parse - please review conversation"],
+            "patient_feelings": "See conversation history",
+            "symptom_summary": "See conversation history",
+            "relevant_conditions": [],
+            "current_medications": [],
+            "recent_vitals": {},
+            "key_quotes": []
+        }
+    
+    # Create report object
+    report = PreVisitReport(
+        patient_name=patient_info.get('name', 'Unknown'),
+        patient_age=patient_info.get('age', 0),
+        patient_gender=patient_info.get('gender', 'Unknown'),
+        generated_at=datetime.now().strftime("%Y-%m-%d %H:%M"),
+        chief_concerns=report_data.get('chief_concerns', []),
+        patient_feelings=report_data.get('patient_feelings', ''),
+        symptom_summary=report_data.get('symptom_summary', ''),
+        relevant_conditions=report_data.get('relevant_conditions', []),
+        current_medications=report_data.get('current_medications', []),
+        recent_vitals=report_data.get('recent_vitals', {}),
+        attachments=attachments or [],
+        key_quotes=report_data.get('key_quotes', [])
+    )
+    
+    return report
+
+
+def format_report_html(report: PreVisitReport) -> str:
+    """Format report as HTML for display."""
+    
+    concerns_html = "".join([f"<li>{c}</li>" for c in report.chief_concerns]) or "<li>None specified</li>"
+    conditions_html = "".join([f"<li>{c}</li>" for c in report.relevant_conditions]) or "<li>None noted</li>"
+    medications_html = "".join([f"<li>{m}</li>" for m in report.current_medications]) or "<li>None noted</li>"
+    
+    vitals_html = ""
+    for vital, value in report.recent_vitals.items():
+        vitals_html += f"<div class='vital-item'><span class='vital-name'>{vital}:</span> <span class='vital-value'>{value}</span></div>"
+    if not vitals_html:
+        vitals_html = "<div class='vital-item'>No vitals referenced</div>"
+    
+    quotes_html = ""
+    for quote in report.key_quotes:
+        quotes_html += f'<blockquote>"{quote}"</blockquote>'
+    
+    attachments_html = ""
+    for att in report.attachments:
+        icon = "🎤" if att.get('type') == 'audio' else "📊" if att.get('type') == 'chart' else "📎"
+        attachments_html += f"""
+            <div class='attachment-item'>
+                <span class='attachment-icon'>{icon}</span>
+                <span class='attachment-title'>{att.get('title', 'Attachment')}</span>
+                {f"<div class='attachment-summary'>{att.get('summary', '')}</div>" if att.get('summary') else ""}
+            </div>
+        """
+    
+    html = f"""
+    <div class="previsit-report">
+        <div class="report-header">
+            <h2>Pre-Visit Summary</h2>
+            <div class="report-meta">
+                <div class="patient-info">
+                    <strong>{report.patient_name}</strong> · {report.patient_age}y · {report.patient_gender}
+                </div>
+                <div class="report-date">Generated: {report.generated_at}</div>
+            </div>
+        </div>
+        
+        <div class="report-section">
+            <h3>📋 Chief Concerns</h3>
+            <ul class="concerns-list">{concerns_html}</ul>
+        </div>
+        
+        <div class="report-section">
+            <h3>💭 How Patient Feels</h3>
+            <p>{report.patient_feelings or "Not specified"}</p>
+        </div>
+        
+        {f'''<div class="report-section">
+            <h3>🩺 Symptoms</h3>
+            <p>{report.symptom_summary}</p>
+        </div>''' if report.symptom_summary else ""}
+        
+        <div class="report-columns">
+            <div class="report-section half">
+                <h3>📁 Relevant Conditions</h3>
+                <ul>{conditions_html}</ul>
+            </div>
+            <div class="report-section half">
+                <h3>💊 Current Medications</h3>
+                <ul>{medications_html}</ul>
+            </div>
+        </div>
+        
+        {f'''<div class="report-section">
+            <h3>📊 Recent Vitals</h3>
+            <div class="vitals-grid">{vitals_html}</div>
+        </div>''' if report.recent_vitals else ""}
+        
+        {f'''<div class="report-section">
+            <h3>💬 Patient Quotes</h3>
+            {quotes_html}
+        </div>''' if report.key_quotes else ""}
+        
+        {f'''<div class="report-section">
+            <h3>📎 Attachments</h3>
+            <div class="attachments-list">{attachments_html}</div>
+        </div>''' if report.attachments else ""}
+        
+        <div class="report-footer">
+            <p><em>This summary was auto-generated from a patient conversation. Please verify all information.</em></p>
+        </div>
+    </div>
+    """
+    
+    return html

server.py

@@ -2,14 +2,13 @@
 """
 MedGemma Pre-Visit Assessment Server (HuggingFace Spaces Version)
 """
-import numpy 
+
 import os
 import json
 import sqlite3
 from datetime import datetime
 from typing import Optional
 from contextlib import asynccontextmanager
-from agent_v2 import run_agent_v2
 
 import httpx
 from fastapi import FastAPI, HTTPException
@@ -427,6 +426,7 @@ async def health_check():
 # Agent endpoint (v2 with discovery, planning, fact extraction)
 # ============================================================================
 
+from agent_v2 import run_agent_v2
 
 @app.post("/api/agent/chat")
 async def agent_chat_endpoint(request: ChatRequest):
@@ -509,6 +509,61 @@ async def analyze_audio(audio: UploadFile = File(...)):
     except Exception as e:
         return {"success": False, "error": str(e)}
 
+
+# ============================================================================
+# Pre-Visit Report Generation
+# ============================================================================
+
+from report_generator import generate_report, format_report_html, PreVisitReport
+
+class ReportRequest(BaseModel):
+    patient_id: str
+    conversation: list  # List of {"role": "user"|"assistant", "content": "..."}
+    tool_results: list = []  # List of {"tool": "...", "facts": "..."}
+    attachments: list = []  # List of {"type": "audio"|"chart", "title": "...", "summary": "..."}
+
+@app.post("/api/report/generate")
+async def generate_report_endpoint(request: ReportRequest):
+    """Generate a pre-visit summary report from conversation."""
+    try:
+        # Get patient info
+        conn = get_db()
+        cursor = conn.execute("SELECT * FROM patients WHERE id = ?", (request.patient_id,))
+        patient = cursor.fetchone()
+        conn.close()
+        
+        if not patient:
+            raise HTTPException(status_code=404, detail="Patient not found")
+        
+        from datetime import datetime
+        birth = datetime.strptime(patient["birth_date"], "%Y-%m-%d")
+        age = (datetime.now() - birth).days // 365
+        
+        patient_info = {
+            "name": f"{patient['given_name']} {patient['family_name']}",
+            "age": age,
+            "gender": patient['gender']
+        }
+        
+        # Generate report
+        report = await generate_report(
+            patient_info=patient_info,
+            conversation_history=request.conversation,
+            tool_results=request.tool_results,
+            attachments=request.attachments
+        )
+        
+        # Return both structured data and HTML
+        return {
+            "success": True,
+            "report": report.to_dict(),
+            "html": format_report_html(report)
+        }
+    
+    except Exception as e:
+        return {"success": False, "error": str(e)}
+
+
 if __name__ == "__main__":
     import uvicorn
     port = int(os.getenv("PORT", "7860"))

static/index.html

@@ -483,6 +483,404 @@
             font-size: 12px;
             color: #a5d6a7;
         }
+
+        /* ==========================================
+           PRE-VISIT REPORT PANEL & MODAL
+           ========================================== */
+        
+        /* Main content wrapper for side-by-side layout */
+        .main-content-wrapper {
+            display: flex;
+            flex: 1;
+            overflow: hidden;
+        }
+        
+        .chat-container {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+        }
+
+        /* Right sidebar - Report Panel */
+        .report-panel {
+            width: 0;
+            background: var(--bg-card);
+            border-left: 1px solid var(--border-color);
+            transition: width 0.3s ease;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+        
+        .report-panel.open {
+            width: 320px;
+        }
+        
+        .report-panel-header {
+            padding: 15px;
+            border-bottom: 1px solid var(--border-color);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .report-panel-header h3 {
+            font-size: 14px;
+            color: var(--text-main);
+            margin: 0;
+        }
+        
+        .report-panel-close {
+            background: none;
+            border: none;
+            color: var(--text-muted);
+            cursor: pointer;
+            font-size: 18px;
+            padding: 4px;
+        }
+        
+        .report-panel-body {
+            flex: 1;
+            overflow-y: auto;
+            padding: 15px;
+        }
+        
+        .report-preview {
+            background: linear-gradient(135deg, rgba(94, 114, 228, 0.1) 0%, rgba(94, 114, 228, 0.05) 100%);
+            border: 1px solid rgba(94, 114, 228, 0.3);
+            border-radius: var(--radius-md);
+            padding: 15px;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        
+        .report-preview:hover {
+            border-color: var(--primary);
+            transform: translateY(-2px);
+        }
+        
+        .report-preview-placeholder {
+            text-align: center;
+            color: var(--text-muted);
+            padding: 30px 15px;
+        }
+        
+        .report-preview-placeholder .icon {
+            font-size: 32px;
+            margin-bottom: 10px;
+        }
+        
+        .report-preview h4 {
+            font-size: 13px;
+            color: var(--primary);
+            margin: 0 0 8px 0;
+        }
+        
+        .report-preview-concerns {
+            font-size: 12px;
+            color: var(--text-main);
+            margin-bottom: 8px;
+        }
+        
+        .report-preview-meta {
+            font-size: 11px;
+            color: var(--text-muted);
+        }
+        
+        .report-panel-actions {
+            padding: 15px;
+            border-top: 1px solid var(--border-color);
+        }
+        
+        .btn-generate-report {
+            width: 100%;
+            padding: 12px;
+            background: var(--primary);
+            color: white;
+            border: none;
+            border-radius: var(--radius-sm);
+            font-weight: 600;
+            font-size: 13px;
+            cursor: pointer;
+            transition: background 0.2s;
+        }
+        
+        .btn-generate-report:hover {
+            background: var(--primary-dark);
+        }
+        
+        .btn-generate-report:disabled {
+            background: var(--secondary);
+            cursor: not-allowed;
+        }
+        
+        .btn-generate-report.loading {
+            position: relative;
+            color: transparent;
+        }
+        
+        .btn-generate-report.loading::after {
+            content: '';
+            position: absolute;
+            width: 16px;
+            height: 16px;
+            top: 50%;
+            left: 50%;
+            margin: -8px 0 0 -8px;
+            border: 2px solid white;
+            border-top-color: transparent;
+            border-radius: 50%;
+            animation: spin 0.8s linear infinite;
+        }
+        
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+
+        /* Toggle button for report panel */
+        .btn-toggle-report {
+            position: fixed;
+            right: 20px;
+            bottom: 100px;
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            background: var(--primary);
+            color: white;
+            border: none;
+            font-size: 20px;
+            cursor: pointer;
+            box-shadow: var(--shadow-soft);
+            z-index: 100;
+            transition: all 0.2s;
+        }
+        
+        .btn-toggle-report:hover {
+            transform: scale(1.1);
+            box-shadow: var(--shadow-hover);
+        }
+        
+        .btn-toggle-report.has-report {
+            background: var(--success);
+        }
+
+        /* Report Modal/Popup */
+        .report-modal-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.7);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 1000;
+            opacity: 0;
+            visibility: hidden;
+            transition: all 0.3s;
+        }
+        
+        .report-modal-overlay.open {
+            opacity: 1;
+            visibility: visible;
+        }
+        
+        .report-modal {
+            background: var(--bg-card);
+            border-radius: var(--radius-lg);
+            width: 90%;
+            max-width: 700px;
+            max-height: 85vh;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+            transform: scale(0.9);
+            transition: transform 0.3s;
+        }
+        
+        .report-modal-overlay.open .report-modal {
+            transform: scale(1);
+        }
+        
+        .report-modal-header {
+            padding: 20px;
+            border-bottom: 1px solid var(--border-color);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .report-modal-header h2 {
+            font-size: 18px;
+            margin: 0;
+            color: var(--text-main);
+        }
+        
+        .report-modal-actions {
+            display: flex;
+            gap: 10px;
+        }
+        
+        .btn-modal-action {
+            padding: 8px 16px;
+            border-radius: var(--radius-sm);
+            font-size: 13px;
+            font-weight: 600;
+            cursor: pointer;
+            border: none;
+            transition: all 0.2s;
+        }
+        
+        .btn-download {
+            background: var(--success);
+            color: white;
+        }
+        
+        .btn-close-modal {
+            background: var(--secondary);
+            color: var(--text-main);
+        }
+        
+        .report-modal-body {
+            flex: 1;
+            overflow-y: auto;
+            padding: 20px;
+        }
+
+        /* Report Content Styles */
+        .previsit-report {
+            font-size: 14px;
+            color: var(--text-main);
+        }
+        
+        .previsit-report .report-header {
+            margin-bottom: 20px;
+            padding-bottom: 15px;
+            border-bottom: 2px solid var(--primary);
+        }
+        
+        .previsit-report .report-header h2 {
+            font-size: 20px;
+            color: var(--primary);
+            margin: 0 0 8px 0;
+        }
+        
+        .previsit-report .report-meta {
+            display: flex;
+            justify-content: space-between;
+            font-size: 13px;
+        }
+        
+        .previsit-report .patient-info {
+            color: var(--text-main);
+        }
+        
+        .previsit-report .report-date {
+            color: var(--text-muted);
+        }
+        
+        .previsit-report .report-section {
+            margin-bottom: 16px;
+        }
+        
+        .previsit-report .report-section h3 {
+            font-size: 14px;
+            color: var(--primary);
+            margin: 0 0 8px 0;
+        }
+        
+        .previsit-report .report-section p {
+            margin: 0;
+            line-height: 1.5;
+        }
+        
+        .previsit-report .report-section ul {
+            margin: 0;
+            padding-left: 20px;
+        }
+        
+        .previsit-report .report-section li {
+            margin: 4px 0;
+        }
+        
+        .previsit-report .report-columns {
+            display: flex;
+            gap: 20px;
+        }
+        
+        .previsit-report .report-section.half {
+            flex: 1;
+        }
+        
+        .previsit-report .vitals-grid {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 8px;
+        }
+        
+        .previsit-report .vital-item {
+            background: var(--secondary);
+            padding: 8px 12px;
+            border-radius: var(--radius-sm);
+        }
+        
+        .previsit-report .vital-name {
+            color: var(--text-muted);
+        }
+        
+        .previsit-report .vital-value {
+            color: var(--text-main);
+            font-weight: 600;
+        }
+        
+        .previsit-report blockquote {
+            background: var(--secondary);
+            border-left: 3px solid var(--primary);
+            margin: 8px 0;
+            padding: 10px 15px;
+            font-style: italic;
+            border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+        }
+        
+        .previsit-report .attachments-list {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+        
+        .previsit-report .attachment-item {
+            background: var(--secondary);
+            padding: 10px 12px;
+            border-radius: var(--radius-sm);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .previsit-report .attachment-icon {
+            font-size: 20px;
+        }
+        
+        .previsit-report .attachment-title {
+            font-weight: 600;
+        }
+        
+        .previsit-report .attachment-summary {
+            font-size: 12px;
+            color: var(--text-muted);
+            margin-top: 4px;
+        }
+        
+        .previsit-report .report-footer {
+            margin-top: 20px;
+            padding-top: 15px;
+            border-top: 1px solid var(--border-color);
+            font-size: 12px;
+            color: var(--text-muted);
+            text-align: center;
+        }
     </style>
 </head>
 <body>
@@ -520,41 +918,90 @@
             </div>
         </div>
 
-        <div class="chat-viewport" id="chatMessages">
-            <div class="message-row assistant">
-                <div class="bubble">
-                    Hello! I'm ready to help. You can ask me to visualize your health data, or use the microphone to analyze respiratory sounds.
+        <div class="main-content-wrapper">
+            <div class="chat-container">
+                <div class="chat-viewport" id="chatMessages">
+                    <div class="message-row assistant">
+                        <div class="bubble">
+                            Hello! I'm ready to help. You can ask me to visualize your health data, or use the microphone to analyze respiratory sounds.
+                        </div>
+                    </div>
                 </div>
-            </div>
-        </div>
 
-        <div class="input-area">
-            
-            <div class="chips-scroll">
-                <div class="chip" data-q="Show me my blood pressure chart">📈 BP Chart</div>
-                <div class="chip" data-q="Summarize my active medications">💊 Meds</div>
-                <div class="chip" data-q="How is my cholesterol trending?">📊 Cholesterol</div>
-                <div class="chip" data-q="Analyze my cough risk">🎤 Cough Check</div>
+                <div class="input-area">
+                    
+                    <div class="chips-scroll">
+                        <div class="chip" data-q="Show me my blood pressure chart">📈 BP Chart</div>
+                        <div class="chip" data-q="Summarize my active medications">💊 Meds</div>
+                        <div class="chip" data-q="How is my cholesterol trending?">📊 Cholesterol</div>
+                        <div class="chip" data-q="Analyze my cough risk">🎤 Cough Check</div>
+                    </div>
+
+                    <div class="input-group" id="mainInputGroup">
+                        <input type="text" id="chatInput" placeholder="Ask a health question..." disabled>
+                        
+                        <div class="recording-overlay" id="recordingOverlay">
+                            <span style="color: var(--danger); font-weight: 600; font-size: 14px;">Recording...</span>
+                            <div class="wave-viz"></div>
+                        </div>
+
+                        <button class="btn-icon btn-record" id="recordBtn" title="Record Audio" disabled>
+                            🎤
+                        </button>
+                        <button class="btn-icon btn-send" id="chatSend" disabled>
+                            ➤
+                        </button>
+                    </div>
+                    
+                    <div style="text-align: center; margin-top: 10px; font-size: 11px; color: var(--text-muted);">
+                        ⚠️ AI responses can be inaccurate. Consult a doctor.
+                    </div>
+                </div>
             </div>
 
-            <div class="input-group" id="mainInputGroup">
-                <input type="text" id="chatInput" placeholder="Ask a health question..." disabled>
-                
-                <div class="recording-overlay" id="recordingOverlay">
-                    <span style="color: var(--danger); font-weight: 600; font-size: 14px;">Recording...</span>
-                    <div class="wave-viz"></div>
+            <!-- Report Panel (Right Sidebar) -->
+            <div class="report-panel" id="reportPanel">
+                <div class="report-panel-header">
+                    <h3>📋 Pre-Visit Report</h3>
+                    <button class="report-panel-close" onclick="toggleReportPanel()">✕</button>
+                </div>
+                <div class="report-panel-body">
+                    <div class="report-preview-placeholder" id="reportPlaceholder">
+                        <div class="icon">📝</div>
+                        <p>Chat with me about your health concerns, then generate a summary to share with your doctor.</p>
+                    </div>
+                    <div class="report-preview" id="reportPreview" style="display: none;" onclick="openReportModal()">
+                        <h4>Pre-Visit Summary Ready</h4>
+                        <div class="report-preview-concerns" id="previewConcerns"></div>
+                        <div class="report-preview-meta" id="previewMeta"></div>
+                    </div>
                 </div>
+                <div class="report-panel-actions">
+                    <button class="btn-generate-report" id="btnGenerateReport" onclick="generateReport()">
+                        📋 Generate Report
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
 
-                <button class="btn-icon btn-record" id="recordBtn" title="Record Audio" disabled>
-                    🎤
-                </button>
-                <button class="btn-icon btn-send" id="chatSend" disabled>
-                    ➤
-                </button>
+    <!-- Toggle Report Button -->
+    <button class="btn-toggle-report" id="btnToggleReport" onclick="toggleReportPanel()" title="Pre-Visit Report">
+        📋
+    </button>
+
+    <!-- Report Modal -->
+    <div class="report-modal-overlay" id="reportModalOverlay" onclick="closeReportModal(event)">
+        <div class="report-modal" onclick="event.stopPropagation()">
+            <div class="report-modal-header">
+                <h2>📋 Pre-Visit Summary</h2>
+                <div class="report-modal-actions">
+                    <button class="btn-modal-action btn-download" onclick="downloadReport()">⬇ Download</button>
+                    <button class="btn-modal-action btn-close-modal" onclick="closeReportModal()">Close</button>
+                </div>
             </div>
-            
-            <div style="text-align: center; margin-top: 10px; font-size: 11px; color: var(--text-muted);">
-                ⚠️ AI responses can be inaccurate. Consult a doctor.
+            <div class="report-modal-body" id="reportModalBody">
+                <!-- Report content will be inserted here -->
             </div>
         </div>
     </div>
@@ -566,6 +1013,12 @@
         let patientId = null;
         let chartCounter = 0;
         
+        // Report tracking state
+        let conversationHistory = [];
+        let collectedToolResults = [];
+        let collectedAttachments = [];
+        let currentReport = null;
+        
         // DOM Elements
         const chatMessages = document.getElementById('chatMessages');
         const chatInput = document.getElementById('chatInput');
@@ -689,6 +1142,9 @@
             div.innerHTML = `<div class="bubble">${escapeHtml(content)}</div>`;
             chatMessages.appendChild(div);
             scrollToBottom();
+            
+            // Track for report
+            trackConversation('user', content);
         }
 
         // UPDATED: Now processes Markdown AND removes "ANSWER:" prefix
@@ -705,6 +1161,9 @@
             div.innerHTML = `<div class="bubble markdown-body">${htmlContent}</div>`; 
             chatMessages.appendChild(div);
             scrollToBottom();
+            
+            // Track for report
+            trackConversation('assistant', cleanContent);
         }
 
         // Streaming answer support
@@ -736,6 +1195,13 @@
         function endStreamingAnswer() {
             if (streamingBubble) {
                 streamingBubble.classList.remove('streaming');
+                
+                // Track the completed streamed answer for report
+                if (streamingText.trim()) {
+                    const cleanContent = streamingText.replace(/^ANSWER:\s*/i, '');
+                    trackConversation('assistant', cleanContent);
+                }
+                
                 streamingBubble = null;
                 streamingText = "";
             }
@@ -859,6 +1325,9 @@
             `;
             chatMessages.appendChild(div);
             scrollToBottom();
+            
+            // Track for report
+            trackToolResult(toolName, facts);
         }
 
         // ==========================================
@@ -868,6 +1337,13 @@
             chartCounter++;
             const canvasId = `canvas-${chartCounter}`;
             
+            // Track as attachment for report
+            let summary = chartData.title;
+            if (chartData.summary && Array.isArray(chartData.summary)) {
+                summary += ': ' + chartData.summary.slice(0, 2).join('; ');
+            }
+            trackAttachment('chart', chartData.title, summary);
+            
             const div = document.createElement('div');
             div.className = 'message-row widget-row';
             div.innerHTML = `
@@ -1107,6 +1583,13 @@
             const score = data.respiratory_health_score || data.overall_score || 0;
             const modelName = result.model || 'Unknown';
             
+            // Track as attachment for report
+            const summary = `Respiratory Health Score: ${Math.round(score)}/100. ` +
+                `Cough: ${data.cough_level || 'None'}. ` +
+                `Breathing: ${data.breathing_quality || 'Normal'}.` +
+                (result.covid_risk ? ` COVID Risk: ${result.covid_risk.risk_level || 'Unknown'}.` : '');
+            trackAttachment('audio', `Respiratory Analysis (${modelName})`, summary);
+            
             const scoreColor = score < 60 ? 'var(--danger)' : score < 80 ? 'var(--warning)' : 'var(--success)';
             
             const html = `
@@ -1148,6 +1631,144 @@
             chatMessages.insertAdjacentHTML('beforeend', html);
             scrollToBottom();
         }
+
+        // ==========================================
+        // PRE-VISIT REPORT FUNCTIONS
+        // ==========================================
+        
+        function toggleReportPanel() {
+            const panel = document.getElementById('reportPanel');
+            const btn = document.getElementById('btnToggleReport');
+            panel.classList.toggle('open');
+            
+            if (panel.classList.contains('open')) {
+                btn.style.display = 'none';
+            } else {
+                btn.style.display = 'block';
+            }
+        }
+        
+        function openReportModal() {
+            if (!currentReport) return;
+            const overlay = document.getElementById('reportModalOverlay');
+            const body = document.getElementById('reportModalBody');
+            body.innerHTML = currentReport.html;
+            overlay.classList.add('open');
+        }
+        
+        function closeReportModal(event) {
+            if (event && event.target !== event.currentTarget) return;
+            document.getElementById('reportModalOverlay').classList.remove('open');
+        }
+        
+        async function generateReport() {
+            if (!patientId) return;
+            
+            const btn = document.getElementById('btnGenerateReport');
+            btn.classList.add('loading');
+            btn.disabled = true;
+            
+            try {
+                const response = await fetch('/api/report/generate', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        patient_id: patientId,
+                        conversation: conversationHistory,
+                        tool_results: collectedToolResults,
+                        attachments: collectedAttachments
+                    })
+                });
+                
+                const data = await response.json();
+                
+                if (data.success) {
+                    currentReport = data;
+                    updateReportPreview(data.report);
+                    
+                    // Update toggle button
+                    document.getElementById('btnToggleReport').classList.add('has-report');
+                    
+                    // Open panel if not already open
+                    const panel = document.getElementById('reportPanel');
+                    if (!panel.classList.contains('open')) {
+                        toggleReportPanel();
+                    }
+                } else {
+                    alert('Failed to generate report: ' + (data.error || 'Unknown error'));
+                }
+            } catch (error) {
+                console.error('Report generation error:', error);
+                alert('Failed to generate report. Please try again.');
+            } finally {
+                btn.classList.remove('loading');
+                btn.disabled = false;
+            }
+        }
+        
+        function updateReportPreview(report) {
+            document.getElementById('reportPlaceholder').style.display = 'none';
+            const preview = document.getElementById('reportPreview');
+            preview.style.display = 'block';
+            
+            const concerns = report.chief_concerns || [];
+            document.getElementById('previewConcerns').textContent = 
+                concerns.length > 0 ? concerns.slice(0, 2).join(', ') : 'No specific concerns noted';
+            
+            const attachCount = (report.attachments || []).length;
+            document.getElementById('previewMeta').textContent = 
+                `${report.generated_at} • ${attachCount} attachment${attachCount !== 1 ? 's' : ''}`;
+        }
+        
+        function downloadReport() {
+            if (!currentReport) return;
+            
+            // Create a printable HTML document
+            const printContent = `
+                <!DOCTYPE html>
+                <html>
+                <head>
+                    <title>Pre-Visit Summary - ${currentReport.report.patient_name}</title>
+                    <style>
+                        body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; }
+                        h2 { color: #5e72e4; border-bottom: 2px solid #5e72e4; padding-bottom: 10px; }
+                        h3 { color: #5e72e4; font-size: 14px; margin-top: 20px; }
+                        .report-meta { display: flex; justify-content: space-between; color: #666; margin-bottom: 20px; }
+                        ul { margin: 5px 0; }
+                        blockquote { background: #f5f5f5; border-left: 3px solid #5e72e4; margin: 10px 0; padding: 10px 15px; font-style: italic; }
+                        .vitals-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
+                        .vital-item { background: #f5f5f5; padding: 8px; border-radius: 4px; }
+                        .attachment-item { background: #f5f5f5; padding: 10px; margin: 5px 0; border-radius: 4px; }
+                        .footer { margin-top: 30px; padding-top: 15px; border-top: 1px solid #ddd; font-size: 12px; color: #666; text-align: center; }
+                        @media print { body { padding: 0; } }
+                    </style>
+                </head>
+                <body>
+                    ${currentReport.html}
+                </body>
+                </html>
+            `;
+            
+            // Open in new window for printing/saving
+            const printWindow = window.open('', '_blank');
+            printWindow.document.write(printContent);
+            printWindow.document.close();
+        }
+        
+        // Track conversation for report
+        function trackConversation(role, content) {
+            conversationHistory.push({ role, content });
+        }
+        
+        // Track tool results for report
+        function trackToolResult(tool, facts) {
+            collectedToolResults.push({ tool, facts });
+        }
+        
+        // Track attachments for report
+        function trackAttachment(type, title, summary) {
+            collectedAttachments.push({ type, title, summary });
+        }
     </script>
 </body>
 </html>