Update app.py

app.py

@@ -221,6 +221,7 @@ with left:
                 st.markdown(f"🎯 **Wants:** {', '.join(p.wants) or '—'}")
             st.markdown("</div>", unsafe_allow_html=True)
 
+# ---------- AI MATCHMAKING ----------
 # ---------- AI MATCHMAKING ----------
 with right:
     st.subheader("🤖 AI Matchmaking")
@@ -248,21 +249,36 @@ with right:
                         3,
                     )
 
-                # ====== FIXED PROGRESS BAR & SCORE DISPLAY ======
-                for m in matches:
-                    st.markdown("<div class='card'>", unsafe_allow_html=True)
-                    st.markdown(f"### {m.get('username')}")
-
-                    # Convert score 0-1 → 0-100%
-                    raw_score = float(m.get("score", 0))
-                    raw_score = max(0.0, min(1.0, raw_score))
-                    score_percent = int(raw_score * 100)
+                if not matches:
+                    st.info("No matches found.")
+                else:
+                    st.markdown("<div class='matches-container'>", unsafe_allow_html=True)
+
+                    for m in matches:
+                        score_percent = int(float(m.get("score", 0)) * 100)  # Convert 0-1 to 0-100%
+                        st.markdown("<div class='card'>", unsafe_allow_html=True)
+                        cols = st.columns([1, 3])
+
+                        with cols[0]:
+                            avatar_path = m.get("avatar")
+                            if avatar_path and Path(avatar_path).exists():
+                                st.image(avatar_path, width=80)
+                            else:
+                                st.image("https://via.placeholder.com/80", width=80)
+
+                        with cols[1]:
+                            st.markdown(f"### {m.get('username', 'Unknown')}")
+                            st.markdown(f"🧠 Offers: {', '.join(m.get('offers', [])) or '—'}")
+                            st.markdown(f"🎯 Wants: {', '.join(m.get('wants', [])) or '—'}")
+                            st.markdown(f"⏰ {m.get('availability', 'N/A')} • 🗣 {m.get('preferences', '—')}")
+                            st.markdown(f"**Match Score:** {score_percent}%")
+                            st.caption(m.get("reason", "AI Match"))
+
+                        st.markdown("</div>", unsafe_allow_html=True)
 
-                    st.progress(raw_score)  # progress bar expects 0-1
-                    st.caption(f"Match Score: {score_percent}%")
-                    st.caption(m.get("reason", "AI Match"))
                     st.markdown("</div>", unsafe_allow_html=True)
 
+
 # ---------- FEEDBACK ----------
 with st.sidebar:
     st.markdown("---")