tds.tokapps.com/patterns/chat-panel
ChatPanel
Assistantپنل گفتگو: لاگ زندهٔ پیام‌ها (کاربر/دستیار)، اسکرول خودکار با «پرش به آخرین»، ورودی چندخطی (Enter ارسال، Shift+Enter سطر جدید)، حالت streaming با توقف، خطا با تلاش دوباره و خواندن بلند.
import { ChatPanel } from '@tokapps/patterns'- RTL
- تیره
- کنتراست بالا
- موبایل
- صفحه‌خوان
- حرکت
- چاپ
پیش‌نمایش زنده
سلام! یک نام برای ابزار جدید پیشنهاد بده.
سلام. چند پیشنهاد: «توکا‌فلو»، Tokapps Studio، «نقشه‌یار».
سلام! یک نام برای ابزار جدید پیشنهاد بده.
سلام. چند پیشنهاد: «توکا‌فلو»، Tokapps Studio، «نقشه‌یار».
در حال نوشتن پاسخ
در حال پاسخ‌دادن…سلام! یک نام برای ابزار جدید پیشنهاد بده.
سلام. چند پیشنهاد: «توکا‌فلو»، Tokapps Studio، «نقشه‌یار».
این پیام ارسال نشد.
ارسال یا دریافت پیام ناموفق بود.چه وقت
- گفتگو با دستیار یا ایجنت در محصول
- پنل پیام‌رسان درون‌برنامه‌ای با پاسخ جریانی
چه وقت نه
- نظرات زیر محتوا (الگوی نظر)
- اعلان‌ها (NotificationCenter)
جایگزین‌ها
- NotificationCenter: فهرست اعلان‌های یک‌طرفه
حالت‌ها
idlestreamingerrordisabledemptyscrolled-up
پراپ‌ها
| prop | type |
|---|---|
| messages | { id, role: user|assistant, content, status?: sent|streaming|error }[] |
| onSend | (text) => void |
| onStop | () => void? |
| onRetry | (messageId) => void? |
| title | string? |
| isStreaming | boolean? |
| isDisabled | boolean? |
| readAloud | boolean? |
| value | string? |
| onValueChange | (value) => void? |
| labels | Partial<ChatPanelLabels>? |