AI Conversation History

import { AIConversationHistory } from '@/blocks/ai-conversation/ai-conversation-history'

export default function Example() {
  const conversations = [
    {
      id: '1',
      title: 'React hooks explained',
      preview: 'Can you help me understand...',
      time: '2 min ago',
      pinned: true,
      unread: false,
    },
    {
      id: '2',
      title: 'API design best practices',
      preview: 'What are the best practices...',
      time: '1 hour ago',
      pinned: false,
      unread: true,
    },
  ]

  return (
    <AIConversationHistory
      conversations={conversations}
      selectedId="1"
      onSelect={(conv) => console.log('Selected:', conv)}
      onNewChat={() => console.log('New chat')}
      onSettings={() => console.log('Settings')}
      height="600px"
    />
  )
}