agentic-community/mcp-gateway-registry

tech debt: implement proper frontend pagination for servers, agents, and skills

Open

#880 opened on Apr 23, 2026

View on GitHub
 (0 comments) (0 reactions) (1 assignee)Python (668 stars) (178 forks)auto 404
enhancementgood first issuetechnical-debt

Description

Context

Issue #879 raised the API limit from 100 to 500 as a quick fix, but this is a ceiling that will eventually be hit. The frontend currently fetches a single page of results and has no mechanism to load more.

Current State

  • Backend endpoints (/api/servers, /api/agents, /api/skills) support limit and offset query parameters and return total_count in the response
  • Frontend calls each endpoint once with ?limit=500 and renders whatever comes back
  • No "load more", infinite scroll, or page navigation exists in the UI

Proposed Solution

Implement client-side pagination in the Dashboard for all three asset types (servers, agents, skills):

  1. Use total_count from the API response to detect when more items exist
  2. Either fetch all pages in a loop on initial load, or add a "Load More" / infinite scroll pattern
  3. Update useServerStats.ts to handle multi-page fetching
  4. Consider adding a search/filter bar that uses the backend query parameter to reduce payload size

Acceptance Criteria

  • All servers are visible in the UI regardless of total count
  • All agents are visible in the UI regardless of total count
  • All skills are visible in the UI regardless of total count
  • No hardcoded limit caps the number of visible items

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactTypeScriptREST API pagination
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Examine the frontend codebase in useServerStats.ts and the Dashboard component to understand current fetching logic. Then implement pagination using the total count and offset/limit parameters from the API. Consider adding a 'Load More' button or automatic infinite scroll. Ensure all servers, agents, and skills are fetched fully.