Long-running task card
Used when an agent task takes long enough that the user might step away. Reports elapsed and ETA, offers detach-and-notify, surfaces the last meaningful update.
Included in the single kansho full pack. Components are not offered as separate installs.
Determinate — running with ETA
Pause, Cancel, Detach, and Notify are static-preview callbacksIndexing knowledge base for connections pass
RunningReading 412 markdown files and building a similarity graph.
Processing topics/agent-execution-product-brief.md (item 254 of 412).
Indeterminate — unknown duration
Cancel, Detach, and Notify are static-preview callbacksRe-training preference embeddings
RunningNo fixed step count; depends on convergence.
Loss 0.412 (was 0.480 at step 14).
Error & recovery
Static preview callbacks show placement; without handlers the footer stays emptyRefresh search index
FailedIndexer crashed: out of memory at item 4,210.
Refresh search index
FailedIndexer crashed: out of memory at item 4,210.
State matrix
The running-row Notify action is a static-preview callbackApply 142 file rename
PausedAwaiting human approval for filesystem:write.
Generate weekly report
SuccessSaved to /reports/2026-05-19-weekly.md.
Refresh search index
FailedIndexer crashed: out of memory at item 4,210.
Rebuild design tokens
RunningRunning in background; you'll be pinged when it finishes.
Included components
This page is the canonical destination for these components. All ship in the single Kansho pack.
Long-running task card
components/agent/long-running-task-card.tsxComponent documentation
Long-running task card
components/agent/long-running-task-card.tsxPurpose
Summarises a long task with status, elapsed time, ETA, progress, updates, and recovery controls.
Appropriate use
Use for background work that needs persistent progress and operator intervention.
Example
components/agent/long-running-task-card.tsx has a representative live example in the "Error & recovery" section on /components/long-running-task.
States
Uses the shared status set; progress may be determinate or indeterminate, errors may expose retry/dismiss, and running tasks may expose pause, cancel, detach, or notify.
API and props
LongRunningTaskCard accepts title, description, status, elapsed, eta, progress, lastUpdate fields, notifyEnabled, action callbacks, and className.
Dependencies
Direct imports are React, Lucide icons, StatusGlyph, StatusPill, and cn.
Accessibility
Named buttons expose notify pressed state and background-run intent; visible status text accompanies the glyph.
Limitations
Elapsed and ETA strings are caller-supplied, progress is not a native progressbar, and the indeterminate animation relies on the global reduced-motion rule.
Source
Source: components/agent/long-running-task-card.tsx.
Full pack
components/agent/long-running-task-card.tsx is documented at /components/long-running-task and installs only through the single Kansho full pack; no individual component install is offered.