val Message.wineId: String? get() = extraData["wine_id"] as? String

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)
        }
      }
    }
  }
) { ... }

if (!e.message || e.message.ai_generated) {
  console.log('Skip handling ai generated message');
  return;
}

const messages = this.channel.state.messages.slice(-10).filter(msg => msg.text.trim() !== '').map(message => ({
  role: message.user?.id.startsWith('ai-') ? 'assistant' : 'user',
  content: message.text || '',
}));
// Gửi tin nhắn placeholder
const { message: channelMessage } = await this.channel.sendMessage({
  text: '',
  ai_generated: true,
  generating: true,
});
// Nhận câu trả lời 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
await this.chatClient.partialUpdateMessage(channelMessage.id, {
  set: {
    text: aiAgentMessage.content.filter(c => c.type === 'text').map(c => c.text).join(''),
    generating: false,
  },
});

You are a friendly AI wine butler who answers questions about wine and recommends the perfect wine for any occasion.

{
  "text": "Recommendation and follow-up question",
  "attachments": [
    {
      "type": "image",
      "image_url": "wine_image_url"
    }
  ],
  "wine_id": "id_of_recommended_wine"
}

await this.chatClient.partialUpdateMessage(channelMessage.id, {
  set: {
    ...JSON.parse(aiAgentMessage.content.filter(c => c.type == 'text').map(c => c.text).join('')),
    generating: false,
  },
});