Skip to content

ScheduleGridView

stable

Time-grid schedule view with columns (agents/pipelines) and rows (time slots). Tasks displayed as colored blocks with status-mapped outcome tokens.

Visualization/Storybook ↗
import { ScheduleGridView } from "@nodus/design-system/patterns"
Loading demo…

Props

columnsrequired
Type ScheduleColumn[]Default —

Schedule columns (agents/pipelines).

tasksrequired
Type ScheduledTask[]Default —

Scheduled tasks with column, time, and status.

timeRange
Type { start: string; end: string }Default —

ISO time range to display (default: 24h window).

Metadatasemanticsemantictypeborderspaceoutcome
Design Rationale

This component was designed to express:

Explore Related

DeadlineCountdown→

Real-time deadline countdown. Transitions color from validation → caution → agency as deadline approaches. Supports critical threshold configuration.

MultiAgentOrchestrationView→

Pipeline view of a multi-agent workflow. Shows each agent step with status (queued/active/done/failed/blocked/skipped), duration, and dependency connectors.

AgentTimeline→

Chronological log of agent actions with status filtering

TaskQueue→

Ordered task list with status tracking and priority

Was this helpful?