Update: Change name, dark cyan sidebar, 3 examples, file upload, GPT-style prompt

app.py

@@ -61,10 +61,99 @@ def analyze_provider_notes(provider_notes, api_url, progress=gr.Progress()):
     except Exception as e:
         return f"❌ **Unexpected Error**\n\n{str(e)}"
 
+def upload_file_analysis(file, api_url, progress=gr.Progress()):
+    """Upload TXT file to backend API for analysis"""
+    if file is None:
+        return "⚠️ Please upload a TXT file first."
+    
+    progress(0, desc="Uploading file...")
+    
+    try:
+        # Read file content
+        file_content = file.read()
+        
+        progress(0.3, desc="Sending file to API...")
+        
+        # Prepare multipart form data
+        files = {
+            'file': (file.name, file_content, 'text/plain')
+        }
+        
+        response = requests.post(
+            f"{api_url}/api/v1/upload-file",
+            files=files,
+            timeout=60
+        )
+        
+        progress(0.6, desc="Processing file...")
+        
+        response.raise_for_status()
+        result = response.json()
+        
+        progress(0.9, desc="Formatting results...")
+        
+        # Format file upload response
+        formatted_response = format_file_upload_response(result)
+        
+        progress(1.0, desc="Complete!")
+        
+        return formatted_response
+        
+    except requests.exceptions.Timeout:
+        return "❌ **Request Timeout**\n\nThe API is taking too long to process the file. Please try again."
+    except requests.exceptions.HTTPError as e:
+        return f"❌ **HTTP Error {e.response.status_code}**\n\n{e.response.text}"
+    except requests.exceptions.RequestException as e:
+        return f"❌ **Request Error**\n\n{str(e)}"
+    except Exception as e:
+        return f"❌ **Unexpected Error**\n\n{str(e)}"
+
+def format_file_upload_response(result):
+    """Format file upload response"""
+    output = "---\n\n"
+    
+    # File info
+    output += f"### 📁 File Information\n\n"
+    output += f"**Filename:** {result.get('filename', 'N/A')}\n\n"
+    output += f"**Text Length:** {result.get('extracted_text_length', 0)} characters\n\n"
+    
+    if result.get('pii_removed'):
+        output += f"**PII Removed:** ✅ Yes ({result.get('pii_count', 0)} entities removed)\n\n"
+    else:
+        output += f"**PII Removed:** ❌ No\n\n"
+    
+    output += "---\n\n"
+    
+    # CPT Codes
+    output += "### 💼 CPT Procedure Codes\n\n"
+    cpt_codes = result.get("cpt_codes", [])
+    
+    if cpt_codes:
+        for idx, code in enumerate(cpt_codes, 1):
+            output += f"**{idx}.** `{code}`\n\n"
+        output += f"\n**Explanation:** {result.get('cpt_explanation', 'N/A')}\n\n"
+    else:
+        output += "*No CPT codes identified*\n\n"
+    
+    output += "---\n\n"
+    
+    # ICD Codes
+    output += "### 🏥 ICD-10 Diagnostic Codes\n\n"
+    icd_codes = result.get("icd_codes", [])
+    
+    if icd_codes:
+        for idx, code in enumerate(icd_codes, 1):
+            output += f"**{idx}.** `{code}`\n\n"
+        output += f"\n**Explanation:** {result.get('icd_explanation', 'N/A')}\n\n"
+    else:
+        output += "*No ICD-10 codes identified*\n\n"
+    
+    return output
+
 def generate_empty_response():
     """Generate empty response message"""
     return """
-### 💬 Welcome to ICD-10 & CPT Coding Assistant
+### 💬 Welcome to Medical Coding (ICD-10) Assistant
 
 Please enter provider notes in the text box below and click **Send** to analyze.
 
@@ -75,9 +164,10 @@ Please enter provider notes in the text box below and click **Send** to analyze.
 
 **How to use:**
 1. Select an example from the sidebar, or
-2. Type your own clinical notes below
-3. Click the **Send** button
-4. Review the ICD-10 and CPT codes generated
+2. Upload a TXT file with clinical notes, or
+3. Type your own clinical notes below
+4. Click the **Send** button
+5. Review the ICD-10 and CPT codes generated
 """
 
 def format_complete_response(result):
@@ -114,7 +204,7 @@ def format_complete_response(result):
     
     return output
 
-# ==================== Example Notes ====================
+# ==================== Example Notes (Only 3) ====================
 
 EXAMPLES = {
     "Acute Bronchitis": """Patient presents with acute bronchitis. Cough for 5 days, productive with yellow sputum. Lung exam reveals diffuse wheezing. Prescribed azithromycin 500mg.""",
@@ -122,10 +212,6 @@ EXAMPLES = {
     "Type 2 Diabetes": """Patient with type 2 diabetes mellitus, uncontrolled. HbA1c 9.2%. Discussed diet and medication compliance. Adjusted insulin dosing. Referred to diabetes educator.""",
     
     "Hypertension Follow-up": """Follow-up visit for hypertension. Blood pressure 145/92. Patient reports good medication compliance. Continue current antihypertensive regimen. Return in 3 months.""",
-    
-    "Annual Physical": """Annual physical examination for 45-year-old patient. Comprehensive metabolic panel ordered. Discussed preventive health measures. No acute concerns. Patient in good health.""",
-    
-    "Acute Pharyngitis": """Patient with sore throat for 3 days, fever 101.5°F. Physical exam shows erythematous pharynx with exudate. Rapid strep test positive. Prescribed amoxicillin 500mg TID for 10 days.""",
 }
 
 def load_example(example_name):
@@ -146,7 +232,7 @@ def load_css():
 
 # ==================== Gradio Interface ====================
 
-with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="ICD-10 & CPT Coding Assistant") as demo:
+with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="Medical Coding (ICD-10) Assistant") as demo:
     
     # Hidden state for API URL
     api_url_state = gr.State(value="https://Distopia22-icd-cpt-coding-api.hf.space")
@@ -154,7 +240,7 @@ with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="ICD-10 & CPT Codin
     # Header
     gr.HTML("""
         <div class="header-container">
-            <h1>🏥 ICD-10 & CPT Coding Assistant</h1>
+            <h1>🏥 Medical Coding (ICD-10) Assistant</h1>
             <p>AI-Powered Medical Coding Analysis using Groq LLaMA 3.3 70B</p>
         </div>
     """)
@@ -166,7 +252,7 @@ with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="ICD-10 & CPT Codin
         with gr.Column(scale=1, min_width=280, elem_classes="sidebar"):
             gr.HTML('<div class="sidebar-title">📚 Example Cases</div>')
             
-            # Example buttons with event handlers
+            # Example buttons (Only 3)
             example_buttons = {}
             for example_name in EXAMPLES.keys():
                 btn = gr.Button(
@@ -177,6 +263,25 @@ with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="ICD-10 & CPT Codin
             
             gr.Markdown("---")
             
+            # File Upload Section
+            gr.HTML('<div class="sidebar-title">📤 Upload Document</div>')
+            
+            file_upload = gr.File(
+                label="Upload TXT File",
+                file_types=[".txt"],
+                type="binary",
+                elem_classes="file-upload"
+            )
+            
+            upload_btn = gr.Button(
+                "📁 Analyze Uploaded File",
+                elem_classes="upload-btn"
+            )
+            
+            gr.Markdown("*Only .txt files are supported*", elem_classes="upload-info")
+            
+            gr.Markdown("---")
+            
             # API Configuration
             with gr.Accordion("⚙️ API Configuration", open=False, elem_classes="api-config"):
                 api_url_input = gr.Textbox(
@@ -199,7 +304,7 @@ with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="ICD-10 & CPT Codin
                 label=""
             )
             
-            # Input Area (Prompt Box)
+            # Input Area (Prompt Box) - GPT Style
             with gr.Group(elem_classes="input-container"):
                 with gr.Row():
                     provider_notes_input = gr.Textbox(
@@ -207,7 +312,8 @@ with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="ICD-10 & CPT Codin
                         placeholder="Enter clinical provider notes here...",
                         lines=3,
                         max_lines=5,
-                        show_label=False
+                        show_label=False,
+                        elem_classes="prompt-input"
                     )
                 
                 with gr.Row():
@@ -218,7 +324,7 @@ with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="ICD-10 & CPT Codin
     gr.HTML("""
         <div class="footer">
             <p>Powered by <strong>Groq LLaMA 3.3 70B</strong> | <strong>FastAPI</strong> | <strong>Gradio</strong></p>
-            <p>© 2025 ICD-CPT Coding Assistant - Secure & HIPAA Compliant</p>
+            <p>© 2025 Medical Coding Assistant - Secure & HIPAA Compliant</p>
         </div>
     """)
     
@@ -231,6 +337,13 @@ with gr.Blocks(css=load_css(), theme=gr.themes.Soft(), title="ICD-10 & CPT Codin
             outputs=[provider_notes_input]
         )
     
+    # Upload button - Analyze uploaded file
+    upload_btn.click(
+        fn=upload_file_analysis,
+        inputs=[file_upload, api_url_state],
+        outputs=[output_area]
+    )
+    
     # Send button - Analyze notes
     send_btn.click(
         fn=analyze_provider_notes,

assets/styles.css

@@ -43,20 +43,20 @@
     overflow: hidden;
 }
 
-/* ==================== Left Sidebar ==================== */
+/* ==================== Left Sidebar (Dark Cyan) ==================== */
 .sidebar {
-    background: #ffffff !important;
-    border-right: 2px solid #e0e7ef !important;
+    background: linear-gradient(180deg, #008b8b 0%, #006666 100%) !important;
+    border-right: 2px solid #005555 !important;
     padding: 20px !important;
     width: 280px !important;
     min-width: 280px !important;
     height: 100% !important;
     overflow-y: auto !important;
-    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05) !important;
+    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15) !important;
 }
 
 .sidebar-title {
-    color: #00a896 !important;
+    color: #ffffff !important;
     font-size: 1.2rem !important;
     font-weight: 600 !important;
     margin-bottom: 15px !important;
@@ -78,13 +78,47 @@
     transition: all 0.3s ease !important;
     width: 100% !important;
     text-align: left !important;
-    box-shadow: 0 2px 5px rgba(0, 212, 170, 0.2) !important;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
 }
 
 .example-btn:hover {
     background: linear-gradient(135deg, #00ffcc 0%, #00d4aa 100%) !important;
     transform: translateX(5px) !important;
-    box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3) !important;
+    box-shadow: 0 4px 12px rgba(0, 212, 170, 0.4) !important;
+}
+
+/* ==================== File Upload Section ==================== */
+.file-upload {
+    margin: 10px 0 !important;
+}
+
+.upload-btn {
+    background: linear-gradient(135deg, #ff8c00 0%, #ff6b00 100%) !important;
+    color: white !important;
+    border: none !important;
+    border-radius: 10px !important;
+    padding: 12px 15px !important;
+    margin: 10px 0 !important;
+    font-weight: 500 !important;
+    font-size: 0.9rem !important;
+    cursor: pointer !important;
+    transition: all 0.3s ease !important;
+    width: 100% !important;
+    text-align: center !important;
+    box-shadow: 0 2px 5px rgba(255, 140, 0, 0.3) !important;
+}
+
+.upload-btn:hover {
+    background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%) !important;
+    transform: translateY(-2px) !important;
+    box-shadow: 0 4px 12px rgba(255, 140, 0, 0.4) !important;
+}
+
+.upload-info {
+    color: #e0f7f4 !important;
+    font-size: 0.75rem !important;
+    font-style: italic !important;
+    margin-top: 5px !important;
 }
 
 /* ==================== Right Chat Area ==================== */
@@ -129,34 +163,38 @@
 }
 
 .output-area p {
-    color: #2d3748 !important;
+    color: #000000 !important;
     line-height: 1.6 !important;
     margin: 8px 0 !important;
 }
 
-/* ==================== Input Area (Prompt Box) ==================== */
+.output-area li {
+    color: #000000 !important;
+}
+
+/* ==================== Input Area (GPT-Style Prompt Box) ==================== */
 .input-container {
     background: white !important;
-    border: 2px solid #00d4aa !important;
+    border: 1px solid #d1d5db !important;
     border-radius: 12px !important;
     padding: 15px !important;
-    box-shadow: 0 4px 12px rgba(0, 212, 170, 0.15) !important;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
 }
 
-.input-container textarea {
-    background: #fafbfc !important;
-    color: #2d3748 !important;
-    border: 1px solid #e0e7ef !important;
+.prompt-input textarea {
+    background: white !important;
+    color: #000000 !important;
+    border: none !important;
     border-radius: 8px !important;
     font-size: 0.95rem !important;
     padding: 12px !important;
     resize: none !important;
 }
 
-.input-container textarea:focus {
-    border-color: #00d4aa !important;
+.prompt-input textarea:focus {
+    border: none !important;
     outline: none !important;
-    box-shadow: 0 0 0 3px rgba(0, 212, 170, 0.1) !important;
+    box-shadow: none !important;
     background: white !important;
 }
 
@@ -184,7 +222,7 @@
 .clear-button {
     background: white !important;
     color: #718096 !important;
-    border: 1px solid #e0e7ef !important;
+    border: 1px solid #d1d5db !important;
     border-radius: 8px !important;
     padding: 10px 28px !important;
     font-size: 0.95rem !important;
@@ -203,15 +241,15 @@
 
 /* ==================== API Configuration ==================== */
 .api-config {
-    background: #f7fafc !important;
-    border: 1px solid #e0e7ef !important;
+    background: rgba(255, 255, 255, 0.1) !important;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
     border-radius: 8px !important;
     padding: 12px !important;
     margin-bottom: 12px !important;
 }
 
 .api-config input {
-    background: white !important;
+    background: rgba(255, 255, 255, 0.9) !important;
     color: #2d3748 !important;
     border: 1px solid #e0e7ef !important;
     border-radius: 6px !important;
@@ -225,6 +263,10 @@
     box-shadow: 0 0 0 3px rgba(0, 212, 170, 0.1) !important;
 }
 
+.api-config label {
+    color: #ffffff !important;
+}
+
 .check-api-button {
     background: linear-gradient(135deg, #00a896 0%, #008577 100%) !important;
     color: white !important;
@@ -263,16 +305,29 @@
     background: #00a896;
 }
 
+/* Sidebar scrollbar */
+.sidebar::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.2);
+}
+
+.sidebar::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.3);
+}
+
+.sidebar::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.5);
+}
+
 /* ==================== Accordion Styling ==================== */
 .accordion {
-    background: white !important;
-    border: 1px solid #e0e7ef !important;
+    background: rgba(255, 255, 255, 0.1) !important;
+    border: 1px solid rgba(255, 255, 255, 0.2) !important;
     border-radius: 8px !important;
     margin-bottom: 10px !important;
 }
 
 .accordion summary {
-    color: #00a896 !important;
+    color: #ffffff !important;
     font-weight: 600 !important;
     font-size: 0.9rem !important;
     padding: 10px !important;