Skip to content

Action & Status Components

Tool Approval

Confirmation card for tool actions (send email, create event) with auto-deny countdown.

html
<configure-tool-approval action-id="action-123" tool="send_email" timeout-seconds="60"></configure-tool-approval>
tsx
<ToolApproval
  actionId="action-123"
  tool="send_email"
  params={{ to: 'john@example.com', subject: 'Meeting', body: 'Hi John...' }}
  onApprove={(id) => console.log('approved', id)}
  onDeny={(id) => console.log('denied', id)}
/>
Attribute / PropTypeDefaultDescription
action-id / actionIdstring''Unique action identifier
toolstring''send_email or create_calendar_event
paramsobject{}Action parameters (JS property)
timeout-seconds / timeoutSecondsnumber60Auto-deny countdown
Event / CallbackDetailDescription
configure:tool-approve / onApprove{ actionId }User approved
configure:tool-deny / onDeny{ actionId }User denied
configure:tool-always-allow / onAlwaysAllow{ actionId }User always allows

Identity and memory infrastructure for AI agents