Audit Log
Enterprise
Workflow
Immutable event timeline with integrity verification and actor tracking
Interactive Audit Log
Chronological event timeline with search and verification
Audit Log
Immutable record of all actions and decisions
AI Agent (claude-sonnet-4)
recommended approval
Payment Request #1234512/5/2024, 10:30:15 AM94% confidenceclaude-sonnet-4
"Within budget and contract terms"
John Smith
approved
Payment Request #1234512/5/2024, 10:32:45 AM
"Verified against Q4 budget"
Payment Processor
executed
Payment Request #1234512/5/2024, 10:33:10 AM
Features
- Chronological event timeline with visual indicators
- Actor type differentiation (AI, human, system)
- Expandable event details with before/after states
- Real-time search filtering
- Integrity verification with hash display
- Export functionality
- Metadata and confidence score tracking
- Rationale and reasoning capture
Usage
import { AuditLog } from '@/components/ui/audit-log'
const events = [
{
id: 'evt-001',
timestamp: '2024-12-05T10:30:15.234Z',
actor: { type: 'ai', name: 'AI Agent (claude-sonnet-4)' },
action: 'recommended_approval',
target: 'Payment Request #12345',
before: { status: 'pending', amount: 25000 },
after: { status: 'pending_review', ai_recommendation: 'approve' },
rationale: 'Within budget and contract terms',
confidence: 0.94,
metadata: { model: 'claude-sonnet-4' }
}
]
<AuditLog
events={events}
filterable={true}
searchable={true}
exportable={true}
verifiable={true}
onVerify={() => console.log('Verifying...')}
onExport={(format) => console.log('Export:', format)}
/>