Improve mobile responsiveness and fix random button

CLAUDE.md

@@ -1,5 +1,35 @@
 # Anton Microscopy Project Memory
 
+## Current Development Priorities
+
+### 1. Standardize Experimental Context for VLM
+**Priority: HIGH**
+- Need consistent, structured biological context across all VLM interactions
+- Current implementation uses ad-hoc context dictionaries in `app.py:305-322`
+- Goal: Create standardized context schema that VLM can reliably interpret
+- Location: `/anton/core/pipeline.py` and `/anton/vlm/interface.py`
+
+### 2. Implement Qualitative Parallel Pipeline  
+**Priority: HIGH**
+- Current pipeline runs stages sequentially
+- Need parallel processing for qualitative analysis components
+- Target: `/anton/analysis/qualitative.py` and `/anton/core/pipeline.py`
+- Benefits: Faster analysis, better resource utilization
+
+### 3. Revise VQA/Prompts for 4 Stages
+**Priority: MEDIUM-HIGH**
+- Complete overhaul of all 4-stage prompts needed
+- Current prompts: `/prompts/stage1_global.txt`, `stage2_objects.txt`, `stage3_features.txt`, `stage4_population.txt`
+- Need more specific, microscopy-focused questioning
+- Improve consistency and biological relevance
+
+### 4. Overhaul CMPO Mapping Strategy
+**Priority: MEDIUM-HIGH**
+- Current CMPO mapping in `/anton/cmpo/mapping.py` needs complete rethink
+- Issues: Basic keyword matching, low confidence scores
+- Goal: Semantic understanding, context-aware phenotype classification
+- Consider: LLM-based mapping, embedding similarity, hierarchical classification
+
 ## VLM Integration Options
 
 ### Current Implementation

app.py

@@ -21,6 +21,50 @@ st.set_page_config(
     layout="wide"
 )
 
+# Mobile-responsive CSS
+st.markdown("""
+<style>
+    /* Mobile-first responsive design */
+    @media (max-width: 768px) {
+        .main .block-container {
+            padding-left: 1rem;
+            padding-right: 1rem;
+            max-width: 100%;
+        }
+        
+        /* Make buttons more mobile-friendly */
+        .stButton > button {
+            width: 100%;
+            height: 3rem;
+            font-size: 1.1rem;
+        }
+        
+        /* Improve sidebar on mobile */
+        .css-1d391kg {
+            width: 100%;
+        }
+        
+        /* Stack columns on mobile */
+        .css-12w0qpk {
+            flex-direction: column;
+        }
+    }
+    
+    /* Better button styling */
+    .stButton > button {
+        border-radius: 0.5rem;
+        border: none;
+        padding: 0.5rem 1rem;
+        font-weight: 600;
+    }
+    
+    /* Improve spacing */
+    .element-container {
+        margin-bottom: 1rem;
+    }
+</style>
+""", unsafe_allow_html=True)
+
 # Add Anton to path
 sys.path.append(str(Path(__file__).parent))
 
@@ -136,10 +180,26 @@ else:
 
 # Analysis controls
 st.sidebar.subheader("🔬 Analysis")
-analyze_btn = st.sidebar.button("🚀 Analyze Image", type="primary", use_container_width=True)
+sidebar_analyze_btn = st.sidebar.button("🚀 Analyze Image (Sidebar)", type="primary", use_container_width=True)
+
+# Main content area with mobile-friendly layout
+st.markdown("---")
+
+# Mobile-friendly analyze button in main area
+col_btn1, col_btn2, col_btn3 = st.columns([1, 2, 1])
+with col_btn2:
+    main_analyze_btn = st.button("🚀 Analyze Image", type="primary", use_container_width=True, key="main_analyze")
+
+# Mobile user guidance
+st.info("📱 **Mobile users**: Use the big 'Analyze Image' button above! The sidebar controls may be hidden on mobile devices.")
+
+# Combine button states
+analyze_btn = sidebar_analyze_btn or main_analyze_btn
+
+st.markdown("---")
 
-# Main content area
-col1, col2 = st.columns([1, 1])
+# Responsive columns - stack on mobile
+col1, col2 = st.columns([1, 1], gap="medium")
 
 # Left column: Image display
 with col1: