litmuschaos/litmus

Show exclamation icon in square box for partially completed experiments in ChaosCenter

Open

#5,257 opened on Oct 23, 2025

View on GitHub
 (19 comments) (0 reactions) (0 assignees)HTML (3,702 stars) (574 forks)batch import
good first issuekind/enhancement

Description

Description

In ChaosCenter → Experiment section → Recent Experiment Runs, experiments with a Resilience Score less than 100 (e.g., 50) currently display a Completed status in orange with a tooltip containing an exclamation icon.

To improve consistency with the Error status display, the exclamation icon should also appear inside a square box in the Recent Experiment Runs list, similar to the cross icon used for Error status.

Location

ChaosCenter → Experiment section → Recent Experiment Runs

Proposed changes

  • For partially completed experiments (Resilience Score < 100), display the exclamation icon inside a square box in the Recent Experiment Runs list.
  • Maintain the orange color for partially completed status.
  • Ensure the tooltip with the Resilience Score and status remains functional.
  • Keep styling and alignment consistent with the Error status display.

Contributor guide

Tech stack
None
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-3 hours
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
Reactlocal dev environmentfamiliarity with ChaosCenter UI
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
Investigate the RecentExperimentRuns component in the ChaosCenter frontend. Look for where status icons are rendered, likely using a library like react icons or custom components. Modify the condition for partially completed experiments (resilience score < 100) to display an exclamation icon inside a square box, similar to the error status cross icon. Ensure the orange color and tooltip remain. Check if there are existing utility functions or CSS classes for the square box style.