@redrob-labs/ui v1.0.2 · Redrob Group Design System 2026

PlaybookRow

Agent harness · src/components/PlaybookRow/PlaybookRow.tsx

One saved playbook, and how much of it runs without asking.

The approval count is the row's most important number, so it is derived from the steps rather than declared: a playbook cannot claim it asks first if none of its steps do. "Runs straight through" is stated plainly when nothing asks, because that is the case a person needs to notice before scheduling it.

The element follows the props - a link with href, a button with onClick, otherwise a plain div. A clickable div would be unreachable by keyboard.

Import

import { PlaybookRow } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

PropTypeNotes
name React.ReactNode
summary React.ReactNode
icon React.ReactNode
steps PlaybookStep[]
stepCount number Overrides the count derived from steps.
asks number Overrides the derived number of approval points.
owner React.ReactNode
ownerPrefix string
highImpact boolean Marks a playbook that does something consequential.
highImpactLabel React.ReactNode
impact React.ReactNode[] [value, note] - what running it is worth.
asksLabel string
straightLabel React.ReactNode
href string
className string
onClick () => void

Exported types

PlaybookStep