Refacto MCP server promo
#36
by tompoulenard - opened
Summary
Promotes the ClimateQ&A MCP server inside the main app with a redesigned promo bubble and a new MCP Server tab.
- Promo bubble — Shows on every page refresh, auto-fades after 5 seconds, and can be dismissed immediately with the ✕ button
- MCP Server tab — New tab after About with intro content, MCP explanation, feature bullets, and a CTA linking to the MCP setup page
- Tab highlight — MCP Server tab uses a blue tint and a NEW badge in the nav
- Gradio fixes — Promo JS moved to
Blocks(head=...)because Gradio 5 strips<script>fromgr.HTML; added tab deduplication to fix duplicate tab labels caused by Gradio overflow measurement
Changes
| File | What changed |
|---|---|
app.py |
Wire MCP tab; inject MCP_PROMO_HEAD; always show promo with HF fallback URL |
front/mcp_promo.py |
Head script for fade/dismiss + tab dedup; banner HTML only (no inline JS) |
front/tabs/tab_mcp.py |
New — MCP Server tab content |
style.css |
Fade animation, MCP tab highlight (#tab-mcp-server-button), tab page styles |
Configuration
MCP_SERVER_URL— optional; defaults tohttps://huggingface.co/spaces/Ekimetrics/ClimateQA-MCP
tompoulenard changed pull request status to open
If you want to take a look:
TimotheeBoheEki changed pull request status to merged