[Feature]: Add "Version and Environment Info" tab to Admin UI

[crivetimihai]

🧭 Type of Feature

• Enhancement to existing functionality
• New feature or capability
• New MCP-compliant server
• New component or integration
• Developer tooling or test improvement
• Packaging, automation and deployment
• Other (please describe below)

---

🧭 Epic

Title: Show gateway version and runtime metadata in Admin UI
Goal: Surface /version information inside the visual Admin panel, rather than via raw JSON or bare HTML
Why now: While /version exists (returns JSON and basic HTML), it’s not visible from the main dashboard. A friendly “Version and Environment Info” tab will help users confirm deployment state, runtime, and build info without external tooling.

---

🙋‍♂️ User Story 1

As a: platform admin or SRE
I want: to view gateway version and runtime details from the Admin UI
So that: I can verify deployment metadata without needing curl or the terminal

✅ Acceptance Criteria

Scenario: View version info from Admin UI
  Given I open the Admin UI
  When I navigate to "Admin > Version and Environment Info"
  Then I see the version, commit, runtime, container, and protocol version

---

🙋‍♂️ User Story 2

As a: contributor with frontend skills
I want: to fetch version metadata via HTMX and display it in a styled card
So that: I can contribute to the UI without modifying API logic

✅ Acceptance Criteria

Scenario: Add HTMX-based partial rendering
  Given I click on the "Version and Environment Info" tab
  When the section loads
  Then it sends an HTMX request to /version
  And renders a card with app, version, and environment details

---

📐 Design Sketch

Add a new tab under Admin UI.

Use the /version endpoint to populate a styled info card (Tailwind preferred):

Bonus: include a “Copy to clipboard” button for the JSON block.

---

🔗 MCP Standards Check

• Does not affect MCP spec
• No protocol impact
• If deviations exist, please describe them below:

---

🔄 Alternatives Considered

• Keep version page separate (less visible)
• Embed version in UI footer (harder to scale, not contextual)
• Use CLI or curl to check (not UI-friendly)

---

📓 Additional Context

• /version already exists and returns JSON like:

{
  "app": "MCP Gateway",
  "version": "main@a1b2c3d",
  "protocol": "2025-03-26",
  "runtime": "Python 3.11 + Gunicorn",
  "container": "Docker"
}

• Your task is to:

  • Add a new route + template for HTMX fragment rendering of this content
  • Add a tab or panel in the Admin UI that loads it dynamically
  • Use consistent styling (Tailwind, Alpine.js optional)

This is a great first UI feature that blends HTMX, template partials, and FastAPI routes—ideal for frontend-focused contributors.

[IrushaBasukala]

Hi @crivetimihai ,

please assign these stories to me .

Thank you!

[manavgup]

See PR #76

[manavgup]

Can we close this now?

[crivetimihai]

Tested and deployed, great work!