Profound wants to connect to Slack
Agent plan + activity
An agent-plan surface embedded in a chat thread. Each section — the plan-update note, the plan header, the running step + activity log, and inline connection approvals — is its own component; AgentPlanActivity threads them together with a connecting line.
Included in the single kansho full pack. Components are not offered as separate installs.
Full plan — threaded
Disclosures are live; plan, item, and connection actions are preview callbacksUpdated Agent Plan
Done, I updated the title from Best to Top.
1,420 words · 6 sections
Sections, on their own
Each block is reusable; the displayed actions are static-preview callbacksPlanUpdateNote
Updated Agent Plan
Done, I updated the title from Best to Top.
PlanHeader
PlanRunningStep
1,420 words · 6 sections
Connection (SoftwareConnectCard)
Profound wants to connect to Slack
Plan header — states
View plan uses a static-preview callbackRunning step — activity open vs collapsed
Threaded — no update note or connection
Composer with just header + running step; plan actions are static-preview callbacksComponent documentation
Agent Plan Activity
components/agent/agent-plan-activity.tsxPurpose
Tracks an executing plan as an update note, plan header, running step, activity list, and optional connection requests.
Appropriate use
Use inside an agent thread when the operator needs progress and intervention context without opening a separate run view.
Example
components/agent/agent-plan-activity.tsx has a representative live example in the "Full plan — threaded" section on /components/agent-plan-activity.
States
Covers triggered or untriggered headers, collapsed or open activity, every shared status, optional update notes, and connection cards.
API and props
Exports AgentPlanActivity, PlanHeader, PlanUpdateNote, and PlanRunningStep; props cover plan text, step position, elapsedMs, activity, connections, disclosure defaults, and callbacks.
Dependencies
Direct imports are React, Lucide icons, Button, Tag, StatusGlyph, SoftwareConnectCard, status types, duration formatting, and cn.
Accessibility
Activity disclosure buttons expose expanded and controls state; revert has an accessible name, while status meaning is repeated in text or shared glyph labels.
Limitations
The host owns plan execution, elapsed-time updates, action results, and connection resolution; animate-enter-up is presentation only.
Source
Source: components/agent/agent-plan-activity.tsx.
Full pack
components/agent/agent-plan-activity.tsx is documented at /components/agent-plan-activity and installs only through the single Kansho full pack; no individual component install is offered.