HookActivity
Show the hooks that ran for an event, such as PreToolUse, PostToolUse or Stop. status is running (spinner and shimmer title), done, blocked (orange, with the reason) or error (red, with per-hook errors). The row expands to the reason and the list of hooks with their durations; blocked and failed rows start expanded, running rows cannot be expanded. Titles come from function labels (running, done, blocked, error), and getHookActivityTitle returns the same text for use elsewhere. MessageList renders it automatically for a { type: "hook-activity", event, status, hooks?, reason? } part. To configure hooks rather than display their runs, use HooksPanel.
Getting Started
$pnpm add @sinups/ai-kit @mantine/core @mantine/hooks @tabler/icons-reactExamples
Statuses
API reference
Prop
Type
Required
defaultExpanded
boolean
No
Initial expanded state, `true` for blocked and failed hooks by default
labels
Partial<HookActivityLabels>
No
Overrides of the default English labels
className
string
No
Class name added to the root element
style
React.CSSProperties
No
Inline styles added to the root element
event
string
Yes
Hook event name, for example `PreToolUse`
status
HookActivityStatus
Yes
hooks
HookRun[]
No
reason
string
No
Why the hooks blocked the action or failed