feat: Update flows by maciaszczykm · Pull Request #4275 · pluralsh/console

maciaszczykm · 2026-09-09T12:14:01Z

Update flow to have a list and card view (fixes PROD-5178)
Add metrics to flow cards (fixes PROD-5179)

Designs: https://www.figma.com/design/Kn0s2plNxcvpPrlau72z1v/💻-Console?node-id=20927-41928&t=xIynygr3OxqN6csg-0

Test Plan

Test environment: https://console.your-env.onplural.sh/

Checklist

I have added a meaningful title and summary to convey the impact of this PR to a user.
If required, I have updated the Plural documentation accordingly.
I have added tests to cover my changes.
I have deployed the agent to a test environment and verified that it works as expected (required only when changing agent code).

Plural Flow: console

linear · 2026-09-09T12:14:05Z

PROD-5178

PROD-5179

soffi-ai · 2026-09-09T12:16:26Z

Soffi AI Summary

This PR enhances the Flows section of the Console UI with richer list and card views, plus surface-level metrics for each flow. The motivation (PROD-5178, PROD-5179) was to give operators a faster, more informative overview of their flows without navigating into each one individually.

What changed and why:

List + card views for Flows (PROD-5178): The Flows page now supports two display modes — a card view and a tabular list view — with sortable columns, status filtering, and a favoriting mechanism (persisted via favoriteIds). A new FlowSort enum (NAME, SERVICE_COUNT, FAVORITED) and SortDirection were added to the GraphQL API and threaded through the frontend.
Metrics on Flow cards (PROD-5179): Each Flow now exposes aggregated counters (serviceCount, componentCount, alertCount, pipelineCount, pendingPipelineCount) and status roll-ups (serviceStatuses, componentStatuses) directly on the GraphQL type. These are resolved efficiently via new DataLoader-backed resolvers on the Elixir server, avoiding N+1 queries. A new flowServiceCounts root query also allows bulk status aggregation across flows.
Flow actions menu: A dedicated FlowActionsMenu component consolidates per-flow actions (previously scattered) into a consistent "more" menu on both the card and list row.
Health visualization: A new flowHealth.tsx module renders service/component status breakdowns (with tests) as compact status chips on cards and list rows.
Workbench Issues panel refactor: The WorkbenchIssuesDisplayPanel was significantly simplified by extracting a generic DisplayPanel utility component, reducing duplication. The IssueSortDirection enum was unified into the new shared SortDirection enum.
DataLoader cursor rules: Added .cursor/rules/graphql-dataloaders.mdc and .cursor/rules/ecto-queries-in-schema.mdc to guide future contributors toward efficient resolver patterns.

Updated: 2026-09-11 16:48 UTC

Deploy in Soffi

github-actions · 2026-09-09T14:28:27Z

Storybook preview: https://6a8c1fbd32d6c1cc8fc131a5-imwysigtwp.chromatic.com/

…date-flow-to-to-have-a-list-and-card-view

maciaszczykm · 2026-09-10T09:43:01Z

@greptileai

greptile-apps · 2026-09-10T09:48:03Z

Confidence Score: 4/5

The PR is not yet safe to merge because flows with pending gates display the pending-gate count instead of the total pipeline metric.

Findings

Pipeline Total Disappears ▶

Summary

Adds flow summary counts for services, components, alerts, pipelines, health states, and insights across the GraphQL contract.
Introduces list/card presentation controls, persisted preferences, health filters, favorites, and metric navigation.
Refactors shared display-panel and AI-insight UI used by flows and workbenches.
Keeps generated GraphQL clients and persisted queries aligned with the schema and operation changes.

_{Reviews (3) · Last reviewed commit: "fix empty state"}

maciaszczykm · 2026-09-10T10:06:07Z

@greptileai

greptile-apps · 2026-09-10T14:12:13Z

+      {pending && (
+        <PipelineStatusSC $tone="pending">
+          {pendingCount} pending
+        </PipelineStatusSC>
+      )}
+      {stopped && (
+        <PipelineStatusSC $tone="stopped">
+          {stoppedCount} stopped
+        </PipelineStatusSC>
+      )}
+      {!pending &&
+        !stopped &&
+        `${pipelineCount} ${pluralize('pipeline', pipelineCount)}`}


Pipeline Total Disappears

When a flow has any pending pipeline gate, this branch shows only the pending-gate count and hides the total pipeline count. These values represent different metrics, so a flow with five pipelines and one pending gate appears as only “1 pending,” omitting the primary Pipelines total from both cards and table rows.

maciaszczykm · 2026-09-11T08:59:29Z

@michaeljguarino Done, I have added new rules for the agent to avoid these issues in the future. PTAL.

michaeljguarino · 2026-09-11T15:35:59Z

+    end)
+  end
+
+  defp put_insights(map, ids) do


i think we should not sideload insights here that's just wasted db cycles esp since you can infer one from service statuses

michaeljguarino · 2026-09-11T15:40:45Z

plural finish this (and remove the insights sideloads from frontend as well based on comment)

maciaszczykm added 2 commits September 9, 2026 14:08

add filtering capabilities

273fe2e

initial interface implementation

a75afdd

fix typings

2a99ce1

maciaszczykm added enhancement New feature or request frontend Changes related to the frontend labels Sep 9, 2026

improve styling

e42d86c

maciaszczykm changed the title ~~feat: Update flow to to have a list and card view~~ feat: Update flows Sep 9, 2026

maciaszczykm added 6 commits September 9, 2026 16:33

update more menu

61cf58b

update icons

626e1a9

Merge remote-tracking branch 'origin/master' into marcin/prod-5178-up…

0a3d853

…date-flow-to-to-have-a-list-and-card-view

add insights

004d200

add links

84807f1

refactor

ba696b3

greptile-apps Bot reviewed Sep 10, 2026

View reviewed changes

Comment thread js/console/src/components/flows/flowsDisplay.ts Outdated

Comment thread js/console/src/components/flows/Flows.tsx Outdated

Comment thread js/console/src/graph/flow.graphql Outdated

maciaszczykm added 3 commits September 10, 2026 11:56

optimize query

0b98cb7

fix sorting

702c077

show all statuses

c53fd3e

maciaszczykm added 5 commits September 10, 2026 13:29

update icons

0938bef

add missing elements

116f327

further adjustments

7d4a891

fix components count

3f95318

fix empty state

adc88c1

maciaszczykm marked this pull request as ready for review September 10, 2026 14:09

maciaszczykm requested a review from a team as a code owner September 10, 2026 14:09

greptile-apps Bot reviewed Sep 10, 2026

View reviewed changes

michaeljguarino reviewed Sep 10, 2026

View reviewed changes

Comment thread lib/console/graphql/resolvers/deployments/flow.ex Outdated

michaeljguarino reviewed Sep 10, 2026

View reviewed changes

Comment thread lib/console/graphql/resolvers/deployments/flow.ex Outdated

michaeljguarino reviewed Sep 10, 2026

View reviewed changes

Comment thread lib/console/graphql/deployments/flow.ex Outdated

maciaszczykm added 3 commits September 11, 2026 10:14

move queries to schema module

a52a7b9

use dataloaders

16f9461

use single sort direction

35471b2

format code

6cd6d5d

michaeljguarino reviewed Sep 11, 2026

View reviewed changes

fix(flows): remove insight sideloading

84e28a2

michaeljguarino approved these changes Sep 11, 2026

View reviewed changes

michaeljguarino merged commit 30bc779 into master Sep 11, 2026
80 of 81 checks passed

michaeljguarino deleted the marcin/prod-5178-update-flow-to-to-have-a-list-and-card-view branch September 11, 2026 17:00

Uh oh!

Conversation

maciaszczykm commented Sep 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Test Plan

Checklist

Uh oh!

linear Bot commented Sep 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

soffi-ai Bot commented Sep 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented Sep 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

maciaszczykm commented Sep 10, 2026

Uh oh!

greptile-apps Bot commented Sep 10, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Confidence Score: 4/5

Findings

Summary

Uh oh!

Uh oh!

Uh oh!

Uh oh!

maciaszczykm commented Sep 10, 2026

Uh oh!

greptile-apps Bot Sep 10, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

maciaszczykm commented Sep 11, 2026

Uh oh!

michaeljguarino Sep 11, 2026

Choose a reason for hiding this comment

Uh oh!

michaeljguarino commented Sep 11, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

maciaszczykm commented Sep 9, 2026 •

edited

Loading

linear Bot commented Sep 9, 2026 •

edited

Loading

soffi-ai Bot commented Sep 9, 2026 •

edited

Loading

github-actions Bot commented Sep 9, 2026 •

edited

Loading

greptile-apps Bot commented Sep 10, 2026 •

edited

Loading