ChatTheme(
  componentFactory = object : ChatComponentFactory {
    @Composable
    override fun MessageFooterContent(messageItem: MessageItemState) {
      if (messageItem.message.isAiGenerating) {
        Text("Finding catalog...")
      } else {
        Column {
          messageItem.message.wineId?.let { wineId ->
            Button(onClick = { onWineClick(wineId) }) {
              Text("See Detail")
            }
          }
          super.MessageFooterContent(messageItem)
        }
      }
    }
  }
) { ... }

private handleMessage = async (e: Event<DefaultGenerics>) => {
  // Bỏ qua tin nhắn do AI tạo
  if (!e.message || e.message.ai_generated) return;

  // Xây dựng ngữ cảnh hội thoại
  const messages = this.channel.state.messages
    .slice(-10)
    .filter(msg => msg.text?.trim())
    .map(message => ({
      role: message.user?.id.startsWith('ai-wine-butler-from') ? 'assistant' : 'user',
      content: message.text || '',
    }));

  // Tin nhắn tạm: AI đang soạn
  const { message: channelMessage } = await this.channel.sendMessage({
    text: '',
    ai_generated: true,
    generating: true,
  });

  // Lấy phản hồi từ AI
  const aiAgentMessage = await this.anthropic.messages.create({
    max_tokens: 1024,
    messages,
    model: 'claude-3-5-sonnet-20241022',
  });

  // Cập nhật tin nhắn thay thế
  await this.chatClient.partialUpdateMessage(channelMessage.id, {
    set: {
      text: aiAgentMessage.content.filter(c => c.type == 'text').map(c => c.text).join(''),
      generating: false,
    },
  });
};

{
  "text": "...",
  "attachments": [
    {
      "type": "image",
      "image_url": "..."
    }
  ],
  "wine_id": "..."
}