Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

クローズ
#4,064 コメント 7 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
28/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
静か
技術スタック
github, gitlab, react, typescript

調査の方向性

openspec/changes/ingestion-health-dashboard/specs/admin-health-ui/spec.md と tasks.md から始め、次に IngestionHealthPanel.tsx コンポーネント、API ルート、プロバイダー、ナビゲーションに対応する既存のプラグインエントリーポイントを調査します。作業を一覧にある UI、Force Sync、プロバイダー、RBAC、ナビゲーションのグループに分けます。ヘルスダッシュボード、ルート、インテグレーション、ポーリング、インテグレーションテストがそれらのタスクを満たした時点で完了です。

索引モデルが issue の本文から書いたものです。

説明

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
主要言語
TypeScript
スター
50
フォーク
121
平均マージ
1日 11時間
マージ済み PR(30日)
246

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

redhat-developer/rhdh-plugins のほかの issue

redhat-developer/rhdh-plugins の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。