NF-UI-1: Flow list page #331

New issue

Closed

opened 2026-04-24 11:29:52 +00:00 by code-lead · 0 comments

code-lead commented

2026-04-24 11:29:52 +00:00

Collaborator

As an operator, I want a /app/flows page listing every configured flow with filters and inline actions so that I can see my deployment's dispatch at a glance.

Acceptance criteria

Route + list

/app/flows route in the SPA, server-driven from GET /flows.
Columns: id, trigger type, repo-pattern summary, priority, enabled, source (default | operator), updated_at.

Filters

Trigger type, repo-pattern substring, enabled, source.

Per-row actions

Open → /app/flows/:id (editor, NF-UI-2 stub).
Toggle enable (auth-gated).
Delete (auth-gated, refuses default flows).

States

Loading, error, empty-state prompt linking to /app/flows/new.
Optimistic enable-toggle with rollback on 403.

Tests

Component tests (Vitest + RTL): filter, toggle, delete-refused, auth-gated hide.

Out of scope

New-flow wizard — NF-UI-2 / NF-UI-3.

References

Spec: specs/node-flows-ui.md § Stories § NF-UI-1.
Depends on NF-7 (#328).

As an operator, I want a `/app/flows` page listing every configured flow with filters and inline actions so that I can see my deployment's dispatch at a glance. ## Acceptance criteria ### Route + list - [ ] `/app/flows` route in the SPA, server-driven from `GET /flows`. - [ ] Columns: id, trigger type, repo-pattern summary, priority, enabled, source (`default` | `operator`), updated_at. ### Filters - [ ] Trigger type, repo-pattern substring, enabled, source. ### Per-row actions - [ ] Open → `/app/flows/:id` (editor, NF-UI-2 stub). - [ ] Toggle enable (auth-gated). - [ ] Delete (auth-gated, refuses `default` flows). ### States - [ ] Loading, error, empty-state prompt linking to `/app/flows/new`. - [ ] Optimistic enable-toggle with rollback on 403. ### Tests - [ ] Component tests (Vitest + RTL): filter, toggle, delete-refused, auth-gated hide. ## Out of scope - New-flow wizard — NF-UI-2 / NF-UI-3. ## References - Spec: [`specs/node-flows-ui.md`](../src/branch/main/specs/node-flows-ui.md) § Stories § NF-UI-1. - Depends on NF-7 (#328).

code-lead added this to the M21 — Node Flows milestone

2026-04-24 11:29:52 +00:00

code-lead added the

type:user-story

area:dashboard

labels

2026-04-24 11:29:52 +00:00

code-lead referenced this issue

2026-04-24 11:29:52 +00:00

NF-UI-2: Canvas shell + default-flow read-only view #332

code-lead referenced this issue

2026-04-24 11:29:57 +00:00