Skip to content

Conversation

jog1t
Copy link
Contributor

@jog1t jog1t commented Sep 29, 2025

Closes FRONT-813

TL;DR

Added visual status indicators for runners in the runners table.

What changed?

  • Added a new status column to the runners table with visual indicators
  • Implemented a RunnerStatusBadge component that displays:
    • A green ping for active runners
    • A warning hourglass icon for draining runners
    • A gray dot for stopped runners
  • Updated table column spans to accommodate the new status column
  • Added imports for the necessary components (Icon, Ping, etc.)

How to test?

  1. Navigate to the runners table
  2. Verify that each runner displays the appropriate status indicator:
    • Active runners show a green ping
    • Draining runners show a yellow hourglass icon with "Draining" tooltip
    • Stopped runners show a gray dot with "Stopped" tooltip

Why make this change?

This change improves the user experience by providing immediate visual feedback about runner status without requiring users to scan through textual information. The status indicators make it easier to quickly assess the state of all runners at a glance.

Copy link

vercel bot commented Sep 29, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
rivet-cloud Ready Ready Preview Comment Sep 29, 2025 8:02pm
rivet-inspector Error Error Sep 29, 2025 8:02pm
rivet-site Error Error Sep 29, 2025 8:02pm

Copy link

claude bot commented Sep 29, 2025

Claude encountered an error —— View job


I'll analyze this and get back to you.

Copy link

linear bot commented Sep 29, 2025

Copy link
Contributor Author

jog1t commented Sep 29, 2025

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more


How to use the Graphite Merge Queue

Add the label merge-queue to this PR to add it to the merge queue.

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

Copy link

pkg-pr-new bot commented Sep 29, 2025

Open in StackBlitz

npm i https://pkg.pr.new/rivet-dev/engine/@rivetkit/engine-runner@3015
npm i https://pkg.pr.new/rivet-dev/engine/@rivetkit/engine-runner-protocol@3015

commit: e59ad31

Copy link
Contributor

graphite-app bot commented Sep 29, 2025

Graphite Automations

"Test" took an action on this PR • (09/29/25)

1 assignee was added to this PR based on Kacper Wojciechowski's automation.

<WithTooltip
content="Stopped"
trigger={
<span className={"size-2 rounded-full, bg-foreground/10"} />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's a syntax error in the className prop for the stopped runner indicator. The comma between CSS classes is invalid and should be removed:

// Current (incorrect):
className={"size-2 rounded-full, bg-foreground/10"}

// Should be:
className={"size-2 rounded-full bg-foreground/10"}

This will ensure the CSS classes are properly applied to the element.

Suggested change
<span className={"size-2 rounded-full, bg-foreground/10"} />
<span className={"size-2 rounded-full bg-foreground/10"} />

Spotted by Diamond

Fix in Graphite


Is this helpful? React 👍 or 👎 to let us know.

Copy link
Contributor

graphite-app bot commented Oct 1, 2025

Merge activity

  • Oct 1, 4:49 AM UTC: NathanFlurry added this pull request to the Graphite merge queue.
  • Oct 1, 4:50 AM UTC: CI is running for this pull request on a draft pull request (#3026) due to your merge queue CI optimization settings.
  • Oct 1, 4:51 AM UTC: Merged by the Graphite merge queue via draft PR: #3026.

graphite-app bot pushed a commit that referenced this pull request Oct 1, 2025
Closes FRONT-813

### TL;DR

Added visual status indicators for runners in the runners table.

### What changed?

- Added a new status column to the runners table with visual indicators
- Implemented a `RunnerStatusBadge` component that displays:
  - A green ping for active runners
  - A warning hourglass icon for draining runners
  - A gray dot for stopped runners
- Updated table column spans to accommodate the new status column
- Added imports for the necessary components (`Icon`, `Ping`, etc.)

### How to test?

1. Navigate to the runners table
2. Verify that each runner displays the appropriate status indicator:
   - Active runners show a green ping
   - Draining runners show a yellow hourglass icon with "Draining" tooltip
   - Stopped runners show a gray dot with "Stopped" tooltip

### Why make this change?

This change improves the user experience by providing immediate visual feedback about runner status without requiring users to scan through textual information. The status indicators make it easier to quickly assess the state of all runners at a glance.
@graphite-app graphite-app bot closed this Oct 1, 2025
@graphite-app graphite-app bot deleted the 09-29-feat_add_runner_status_indicator branch October 1, 2025 04:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants