Docs / Plans and tasks /
TaskEnvelopeCard
Card for a discrete task unit: title, status, assignee, and linked artifacts.
Preview
task-0042ctx-deploy-v2
DeployAgentexecutor
Migrate the user schema to v2.4.0 and run the integration test suite before deploying to staging.
Artifactsmigration.sqltest-report.json
- Priority
- High
- Deadline
- 2026-06-17 18:00 UTC
Variants
New
task-0038ctx-onboard
SchedulerAgent
Provision a staging environment for the new EU region.
Awaiting input
task-0039ctx-deploy-v2
DeployAgentexecutor
Which environment should receive the deployment — staging or production?
Complete
task-0040ctx-deploy-v2
TestAgentverifier
Run the full integration test suite and produce a coverage report.
Artifactstest-report.jsoncoverage.html
- Duration
- 1 min 32 s
Failed
task-0041ctx-deploy-v2
DeployAgentexecutor
Deploy build artifact to production cluster.
- Exit code
- 1
Props
| Prop | Type | Description |
|---|---|---|
| taskId* | string | Unique task identifier rendered as a monospace handle. |
| contextId* | string | Context / session / mission grouping this task belongs to. |
| owner* | { name: string; role?: string } | The agent that owns this task. |
| state* | TaskState | Current lifecycle state of the task. |
| input* | string | The input message that opened the task. |
| artifacts | TaskEnvelopeArtifact[] | Generated artifacts attached to the envelope. |
| metadata | { label: string; value: string }[] | Freeform key/value metadata shown in the footer. |
| selected | boolean | Renders the card in a selected / active ring state. |
| onClick | () => void | Makes the card interactive. Renders as a button with aria-pressed. |
* required.
Usage
import { TaskEnvelopeCard } from "@/components/tasks/task-envelope-card";
<TaskEnvelopeCard
taskId="task-0042"
contextId="ctx-deploy-v2"
owner={{ name: "DeployAgent", role: "executor" }}
state="in-progress"
input="Migrate the user schema and run integration tests before deploying to staging."
artifacts={[{ id: "af1", label: "migration.sql" }]}
metadata={[{ label: "Priority", value: "High" }]}
/>