Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Ingestion Health Admin UI and Disconnected-Cluster View (issue 26 of 29)

Cerrado
  • ¿Algo no está bien?
#4,064 7 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
28/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
github, gitlab, react, typescript
Área
api, authorization, backend, frontend, testing

Línea de trabajo

Comienza con openspec/changes/ingestion-health-dashboard/specs/admin-health-ui/spec.md y tasks.md; después, inspecciona los puntos de entrada existentes de los plugins para el componente IngestionHealthPanel.tsx, las rutas de API, los proveedores y la navegación. Divide el trabajo en los grupos indicados de UI, Force Sync, proveedores, RBAC y navegación; estará terminado cuando el dashboard de salud, las rutas, las integraciones, el polling y las pruebas de integración cumplan esas tareas.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

blocked stale workspace/boost

Labels: ready-to-code
Depends on: Issue 3 (#4041 — defines ai-catalog.admin permission), Issue 5 (#4043 — health API, error classification)
RHIDP Stories: RHIDP-15336, RHIDP-15339
Feature: RHDHPLAN-1513 — Epic RHIDP-15331

Implement IngestionHealthPanel.tsx with per-connector health cards (PatternFly Card/Label), status badges (healthy/degraded/failing/disabled), timestamps, error summaries with diagnostic guidance, "Force Sync" buttons, disabled connector visual treatment (grey badge, no error indicators), disconnected-cluster differentiation, and health data polling via useSWR with 30s refresh. Includes Force Sync backend routes, connector provider integration, and RBAC gating for the health API endpoint (deferred from Issue 5).

Tasks

From openspec/changes/ingestion-health-dashboard/tasks.md group 4 (RHIDP-15336, RHIDP-15339):

  • 4.1 Create IngestionHealthPanel.tsx component
  • 4.2 Implement health card rendering with PatternFly components
  • 4.3 Add status badge rendering (success/warning/danger/outline variants)
  • 4.4 Add timestamp rendering with react-time-ago
  • 4.5 Add sync metrics display
  • 4.6 Add error summary section with diagnostic guidance
  • 4.7 Add "Force Sync" button with disabled state during run
  • 4.8 Implement disabled connector visual treatment (RHIDP-15339)
  • 4.9 Add loading state
  • 4.10 Add error state
  • 4.11 Add empty state
  • 4.12 Implement health data polling via useSWR with 30s refresh
  • 4.13 Add responsive grid layout (PatternFly Gallery)

From openspec/changes/ingestion-health-dashboard/tasks.md group 6 (RHIDP-15335, RHIDP-15336):

  • 6.1 Implement POST /api/boost/ingestion-health/:connectorId/force-sync route
  • 6.2 Add connector run state registry
  • 6.3 Implement concurrent Force Sync prevention (409 if already running)
  • 6.4 Implement Force Sync trigger
  • 6.5 Add Force Sync timeout wrapper
  • 6.6 Implement status polling route
  • 6.7 Add Force Sync UI polling
  • 6.8 Add Force Sync error handling in UI
  • 6.9 Add Force Sync integration tests

From openspec/changes/ingestion-health-dashboard/tasks.md group 7:

  • 7.1–7.6 Connector provider integration (health tracking hooks in GitHub/GitLab/Jira providers, sync metrics, error capture)

From openspec/changes/ingestion-health-dashboard/tasks.md group 8:

  • 8.1–8.4 Navigation integration (sidebar item, route, active state highlighting, pattern consistency)
Specifications
  • openspec/changes/ingestion-health-dashboard/specs/admin-health-ui/spec.md
Lenguaje dominante
TypeScript
Estrellas
50
Forks
121
Merge medio
1 d 11 h
PR fusionados (30 d)
246

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de redhat-developer/rhdh-plugins

Todos los issues de redhat-developer/rhdh-plugins

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.