DeploymentTimeline
ShellsFollow deployment stages on a timeline with Composite keyboard navigation.
Arrange workflow steps on grid cells with SVG connections and keyboard movement.
bun add @reopt-ai/opt-uiimport { WorkflowCanvas } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| 키 | 동작 |
|---|---|
| ↑ ↓ ← → | 선택 스텝 이동 (onStepMove 제공 시) |
| Enter | 스텝 선택 |
Follow deployment stages on a timeline with Composite keyboard navigation.
Manage tasks with priorities, statuses, assignees, tags, and subtasks.
Read activity and logs in a timeline with relative timestamps.
Manage feature toggles, environment badges, and rollout percentages.
Read audit events in a timeline with avatars, action text, and metadata badges.
Review change history with action colors and expandable diffs.