Docs / Plans and tasks /

AgentPlanActivity

Full plan panel showing a named plan with grouped todo items, status pips, and edit affordances.

Preview

Updated Agent Plan

Done — I've updated the deployment checklist to target staging first.

Changed "production" to "staging" in step 3

Deploy v2.4.0 — User Schema Migration

Agent Triggered

Run integration test suiteSteps 3 of 547s

Read/migrations/2026-06-17-user-schema.sql

340ms

1,204 bytes · 3 statements

Validate schema diff

1.8s

Run integration test suitesrc/tests/integration/

Deploy to staging

Smoke test production readiness

Variants

Without update note

Run test suite

Compile TypeScript sourcesSteps 1 of 35.1s

Compile TypeScript sources

Run unit tests

Generate coverage report

All steps complete

Deploy to staging

All steps completeSteps 3 of 31m 32s

Build Docker image

34s

Push to registry

13s

Roll out to staging

45s

Props

Prop	Type	Description
planTitle*	string	The display name of the active agent plan.
currentStep*	string	Label of the step currently executing.
stepIndex*	number	1-based index of the current step.
stepTotal*	number	Total number of steps in the plan.
activity*	PlanActivityStep[]	Ordered list of activity rows shown in the expandable log.
update	PlanUpdateNoteProps	Optional plan-update note shown above the header (section a).
triggered	boolean	Renders an "Agent Triggered" chip on the plan header.
onViewPlan	() => void	Reveals a "View plan" button on the header when provided.
elapsedMs	number	Elapsed time displayed alongside the step counter.
connections	PlanConnection[]	Inline SoftwareConnectCard approvals threaded below the activity log.
defaultActivityOpen	boolean	Whether the activity log starts expanded. Defaults to true.

* required.

Usage

import { AgentPlanActivity } from "@/components/agent/agent-plan-activity";

<AgentPlanActivity
  planTitle="Deploy v2.4.0"
  currentStep="Run integration test suite"
  stepIndex={3}
  stepTotal={5}
  elapsedMs={47200}
  activity={[
    { id: "1", label: "Read migration file", path: "/migrations/schema.sql", status: "success", durationMs: 340 },
    { id: "2", label: "Validate diff", status: "success", durationMs: 1820 },
    { id: "3", label: "Run integration tests", status: "running" },
    { id: "4", label: "Deploy to staging", status: "pending" },
  ]}
/>