Skip to content

Commit 8fe806d

Browse files
committed
Update chat UI component with improved styling and simplified content
1 parent 0eef866 commit 8fe806d

File tree

1 file changed

+10
-28
lines changed

1 file changed

+10
-28
lines changed

learn/chat/chat_ui_component.mdx

Lines changed: 10 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,31 @@
11
---
2-
title: Chat UI Component
3-
sidebarTitle: Chat UI Component
2+
title: Chat Interface
3+
sidebarTitle: Chat Interface
44
description: Interactive chat interface component for conversational search
55
---
66

7-
This page provides an interactive chat interface component that demonstrates Meilisearch's conversational search capabilities.
8-
9-
## Interactive Demo
7+
## Conversational AI Demo
108

119
<iframe
12-
src="https://chat-frontend-iframe-fk5ekooet-meili.vercel.app/"
10+
src="https://chat-frontend-iframe.vercel.app/"
1311
title="Embedded content"
14-
className="w-full h-96 rounded-xl"
12+
className="w-full h-[500px] rounded-xl"
1513
sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
1614
allow="clipboard-write"
15+
loading="lazy"
16+
style={{ minHeight: '500px' }}
1717
onLoad="console.log('Iframe loaded successfully')"
1818
onError="console.log('Iframe failed to load')"
1919
></iframe>
2020

2121
<div className="mt-4 text-center">
22-
<p className="text-sm text-gray-600 mb-2">If the chat interface doesn't load above, you can:</p>
2322
<a
24-
href="https://chat-frontend-iframe-605rmlkao-meili.vercel.app/"
23+
href="https://chat-frontend-iframe.vercel.app/"
2524
target="_blank"
2625
rel="noopener noreferrer"
27-
className="inline-block px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"
26+
className="inline-block px-4 py-2 text-sm bg-black-500 text-white rounded-lg hover:bg-blue-600 transition-colors"
2827
>
29-
Open Chat Interface in New Tab
28+
Go directly to chatbot
3029
</a>
3130
</div>
3231

33-
## Features
34-
35-
This interactive component showcases:
36-
37-
- Real-time conversational search
38-
- Streaming responses
39-
- Source citations
40-
- Context-aware follow-up questions
41-
- Multiple LLM provider support
42-
43-
## Integration
44-
45-
The chat UI component can be integrated into your application using the provided iframe or by implementing the underlying API calls directly.
46-
47-
<Note>
48-
This is a demonstration component. For production use, implement proper authentication and security measures.
49-
</Note>

0 commit comments

Comments
 (0)