Update app.py

app.py

@@ -15,7 +15,6 @@ st.set_page_config(
     page_title="CV + Portfolio Analyzer",
     page_icon="📄",
     layout="wide",
-    initial_sidebar_state="collapsed",
 )
 
 # ─── Custom CSS ────────────────────────────────────────────────────────────────
@@ -34,7 +33,7 @@ html, body, [data-testid="stAppViewContainer"] {
 #MainMenu, footer, header { visibility: hidden; }
 
 /* Sidebar */
-[data-testid="stSidebar"] { background: #0d1526 !important; }
+[data-testid="stSidebar"] { display: none !important; }
 
 /* Text areas */
 textarea {
@@ -500,62 +499,55 @@ st.markdown("""
 """, unsafe_allow_html=True)
 
 
-# ─── Sidebar: Provider + API Keys ─────────────────────────────────────────────
-with st.sidebar:
-    st.markdown("### ⚙️ Ayarlar")
+# ─── Settings Expander (HF Spaces uyumlu) ────────────────────────────────
+with st.expander("⚙️ Ayarlar — API Anahtarı & Model Seçimi", expanded=not st.session_state.get("active_key")):
+    col_radio, col_key, col_info = st.columns([1, 2, 1])
 
-    provider = st.radio(
-        "AI Sağlayıcı",
-        options=["Claude", "Gemini"],
-        index=0 if st.session_state.provider == "Claude" else 1,
-        horizontal=True,
-        help="Hangi AI modeli kullanılsın?"
-    )
-    st.session_state.provider = provider
-
-    st.markdown("---")
-
-    if provider == "Claude":
-        api_key = st.text_input(
-            "Anthropic API Anahtarı",
-            value=os.environ.get("ANTHROPIC_API_KEY", ""),
-            type="password",
-            placeholder="sk-ant-...",
-            help="https://console.anthropic.com"
-        )
-        gemini_key = ""
-        st.markdown(
-            f'<div style="padding:8px 12px;border-radius:8px;background:rgba(245,158,11,0.08);'
-            f'border:1px solid rgba(245,158,11,0.2);font-size:12px;color:#f59e0b">'
-            f'🤖 Model: claude-opus-4-5</div>', unsafe_allow_html=True
-        )
-    else:
-        api_key = ""
-        gemini_key = st.text_input(
-            "Google Gemini API Anahtarı",
-            value=os.environ.get("GOOGLE_API_KEY", ""),
-            type="password",
-            placeholder="AIza...",
-            help="https://aistudio.google.com/app/apikey"
-        )
-        st.markdown(
-            f'<div style="padding:8px 12px;border-radius:8px;background:rgba(59,130,246,0.08);'
-            f'border:1px solid rgba(59,130,246,0.2);font-size:12px;color:#60a5fa">'
-            f'🤖 Model: gemini-2.0-flash</div>', unsafe_allow_html=True
+    with col_radio:
+        provider = st.radio(
+            "AI Sağlayıcı",
+            options=["Claude", "Gemini"],
+            index=0 if st.session_state.provider == "Claude" else 1,
+            horizontal=False,
+            help="Hangi AI modeli kullanılsın?"
         )
+        st.session_state.provider = provider
+
+    with col_key:
+        if provider == "Claude":
+            api_key = st.text_input(
+                "Anthropic API Anahtarı",
+                value=os.environ.get("ANTHROPIC_API_KEY", ""),
+                type="password",
+                placeholder="sk-ant-...",
+                help="https://console.anthropic.com"
+            )
+            gemini_key = ""
+        else:
+            api_key = ""
+            gemini_key = st.text_input(
+                "Google Gemini API Anahtarı",
+                value=os.environ.get("GOOGLE_API_KEY", ""),
+                type="password",
+                placeholder="AIza...",
+                help="https://aistudio.google.com/app/apikey"
+            )
 
-    st.markdown("---")
-    st.markdown("""
-**Nasıl çalışır?**
-1. CV metninizi yapıştırın
-2. İş ilanını ekleyin
-3. Analizi başlatın
-
-3 araç sırayla çalışır:
-- `analyze_cv_sections`
-- `calculate_job_match`
-- `write_cover_letter`
-""")
+    with col_info:
+        if provider == "Claude":
+            st.markdown(
+                '<div style="padding:8px 12px;border-radius:8px;margin-top:24px;'
+                'background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);'
+                'font-size:12px;color:#f59e0b">🤖 claude-opus-4-5</div>',
+                unsafe_allow_html=True
+            )
+        else:
+            st.markdown(
+                '<div style="padding:8px 12px;border-radius:8px;margin-top:24px;'
+                'background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.2);'
+                'font-size:12px;color:#60a5fa">🤖 gemini-2.0-flash</div>',
+                unsafe_allow_html=True
+            )
 
 
 # ════════════════════════════════════════════════════════════════════════════════