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 / Prop | Type | Default | Description |
|---|---|---|---|
action-id / actionId | string | '' | Unique action identifier |
tool | string | '' | send_email or create_calendar_event |
params | object | {} | Action parameters (JS property) |
timeout-seconds / timeoutSeconds | number | 60 | Auto-deny countdown |
| Event / Callback | Detail | Description |
|---|---|---|
configure:tool-approve / onApprove | { actionId } | User approved |
configure:tool-deny / onDeny | { actionId } | User denied |
configure:tool-always-allow / onAlwaysAllow | { actionId } | User always allows |