[Frontend] Scaffold Admin Dashboard UI Template (HTML/TailwindCSS)

[Vishisht16]

🎯 Objective

Create a responsive, single-page HTML/CSS template for the HumaneProxy /admin dashboard.

💡 Why this matters

HumaneProxy runs a fast backend API, but non-technical safety operators need a visual dashboard to monitor escalations, view risk trajectories, and check system health. We need a clean, modern UI shell before we plug in the backend data.

✅ Acceptance Criteria

• Create a static index.html file inside a new dashboard/templates/ folder.
• Use TailwindCSS (via CDN is fine for now) for styling. No React/Node.js dependencies — keep it vanilla and lightweight.
• The dashboard should include:
  • A top navbar with the HumaneProxy logo/title.
  • 3 summary metric cards (e.g., Total Messages, Escalations Today, Active Sessions).
  • A large table for "Recent Escalations" (Columns: Timestamp, Session ID, Category, Risk Score, Triggers).
• Ensure it looks good in Dark Mode (this is an AI dev tool, dark mode is mandatory!).

📚 Resources

• TailwindCSS documentation.
• Do not write any Python backend code for this PR. Just the UI/HTML.

[asnaassalam]

Hi @Vishisht16! I'd like to work on this as part of GSSoC 2026.
I went through the repo and the /admin REST API docs, I have a clear picture of what the dashboard needs to surface (escalations, stats, session risk). The acceptance criteria are well-scoped: a static dashboard/templates/index.html with TailwindCSS via CDN, dark mode, the three metric cards, and the escalations table with the five specified columns.
I'll keep it vanilla (no React/Node), make sure it looks sharp in dark mode, and match the column structure to what the /admin/escalations and /admin/stats endpoints already return so it'll be easy to wire up later.
Could you assign this to me? Happy to share a preview before submitting the PR if that helps.

[Vishisht16]

Hello @asnaassalam, thanks for starring the repo. Allow me a couple days to receive detailed official instructions from GSSoC team for scoring and assignments. Rest assured, I'll assign it to you as soon as I receive the formal details since yours is the first comment on this issue.

[RosheshChaware]

Hi, I’d like to work on this issue under GSOC’26.

I can create a clean and responsive dark-mode admin dashboard template using vanilla HTML + TailwindCSS, including:

• top navbar with branding,
• summary metric cards,
• and a structured “Recent Escalations” table UI.

I’ll keep the implementation lightweight and aligned with the existing project structure without adding any backend logic or React dependencies.

Please assign this issue to me. Thanks!

[nallahemasai13-star]

Hi, I am GSSoC 2026 contributor and would like to work on this issue