iframe working

Author: EazyAl

docs.json

@@ -179,7 +179,8 @@
                 "pages": [
                   "learn/chat/getting_started_with_chat",
                   "learn/chat/chat_tooling_reference",
-                  "learn/chat/conversational_search"
+                  "learn/chat/conversational_search",
+                  "learn/chat/chat_ui_component"
                 ]
               },
               {

learn/chat/chat_tooling_reference.md renamed to learn/chat/chat_tooling_reference.mdx

@@ -0,0 +1,49 @@
+---
+title: Chat UI Component
+sidebarTitle: Chat UI Component
+description: Interactive chat interface component for conversational search
+---
+
+This page provides an interactive chat interface component that demonstrates Meilisearch's conversational search capabilities.
+
+## Interactive Demo
+
+<iframe 
+  src="https://chat-frontend-iframe-fk5ekooet-meili.vercel.app/" 
+  title="Embedded content"
+  className="w-full h-96 rounded-xl"
+  sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
+  allow="clipboard-write"
+  onLoad="console.log('Iframe loaded successfully')"
+  onError="console.log('Iframe failed to load')"
+></iframe>
+
+<div className="mt-4 text-center">
+  <p className="text-sm text-gray-600 mb-2">If the chat interface doesn't load above, you can:</p>
+  <a 
+    href="https://chat-frontend-iframe-605rmlkao-meili.vercel.app/" 
+    target="_blank" 
+    rel="noopener noreferrer"
+    className="inline-block px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"
+  >
+    Open Chat Interface in New Tab
+  </a>
+</div>
+
+## Features
+
+This interactive component showcases:
+
+- Real-time conversational search
+- Streaming responses
+- Source citations
+- Context-aware follow-up questions
+- Multiple LLM provider support
+
+## Integration
+
+The chat UI component can be integrated into your application using the provided iframe or by implementing the underlying API calls directly.
+
+<Note>
+This is a demonstration component. For production use, implement proper authentication and security measures.
+</Note>