AI Action Plan

interface ActionStep {
 id: string // Unique identifier
 title: string // Step title
 description?: string // Detailed description
 status: ActionStatus // 'pending' | 'in_progress' | 'completed' | 'failed' | 'skipped'
 type?: ActionType // 'search' | 'read' | 'write' | 'analyze' | 'api' | 'code' | 'email' | 'custom'
 icon?: LucideIcon // Custom icon
 estimatedDuration?: number // Estimated duration in seconds
 actualDuration?: number // Actual duration in seconds
 subSteps?: ActionStep[] // Nested sub-steps
 error?: string // Error message if failed
 output?: string // Output/result preview
 requiresApproval?: boolean // Requires user approval
 optional?: boolean // Step is optional
}

import { AIActionPlan, type ActionStep } from '@/blocks/ai-tools/ai-action-plan'

const steps: ActionStep[] = [
 {
 id: '1',
 title: 'Search documents',
 type: 'search',
 status: 'completed',
 actualDuration: 3,
 },
 {
 id: '2',
 title: 'Analyze results',
 type: 'analyze',
 status: 'in_progress',
 estimatedDuration: 15,
 },
 {
 id: '3',
 title: 'Generate report',
 type: 'write',
 status: 'pending',
 estimatedDuration: 10,
 requiresApproval: true,
 },
]

export default function Example() {
 const [status, setStatus] = useState<'idle' | 'running'>('idle')

 return (
 <AIActionPlan
 title="Document Analysis"
 description="Analyze and summarize documents"
 steps={steps}
 status={status}
 onExecute={() => setStatus('running')}
 onPause={() => console.log('Paused')}
 onApprove={(stepId) => console.log('Approved:', stepId)}
 onRetry={(stepId) => console.log('Retry:', stepId)}
 />
 )
}