Asystent AI
Wbudowany asystent czatu AI z zachowaniem konwersacji. Pytaj o leady, twórz wiadomości, analizuj dane — wszystko w naturalnym języku.
Asystent AI (/ai) to w pełni funkcjonalny interfejs czatu AI zintegrowany z platformą, zasilany przez GPT za pośrednictwem punktu końcowego /api/ai/chat.
Interfejs czatu
Układ: Projekt w trzech panelach: pasek nawigacyjny (po lewej), panel historii rozmów (pośrodku po lewej) oraz główny obszar czatu (pośrodku po prawej).
Stan pusty: Gdy nie ma aktywnej rozmowy, wyświetla:
- Ikona iskier z animacją świecenia
- Nagłówek "Asystent AI"
- Podtytuł powitalny
- 6 sugerowanych kart z podpowiedziami uporządkowanych według kategorii:
| Kategoria | Podpowiedź | Opis |
|---|---|---|
| Copywriting | E-mail follow-up | Napisz sekwencję follow-up dla leadów, które nie odpowiedziały |
| Analiza | Analiza kampanii | Analizuj wyniki kampanii i sugeruj poprawki |
| Copywriting | Cold Email | Napisz zimnego e-maila dla konkretnej branży |
| Copywriting | Tematy wiadomości | Generuj warianty tematów do testów A/B |
| Analiza | Kwalifikacja leadów | Pomóż w kwalifikacji leadów na podstawie kryteriów |
| Platforma | Przewodnik po platformie | Wyjaśnij funkcje DataSend.ai i jak z nich korzystać |
Rozmowy
Panel historii rozmów:
- Grupowane według czasu: Dziś, Wczoraj, Ostatnie 7 dni, Starsze
- Każda rozmowa pokazuje: ikona MessageSquare, tytuł (pierwsze 40 znaków pierwszej wiadomości), akcje po najechaniu (Edytuj tytuł, Usuń)
- Zmień nazwę w linii z potwierdzeniem Enter, anuluj Escape
- Usuń z potwierdzeniem dialogowym
- Przechowywane w localStorage (klucz:
ai-conversations)
Nowy czat: Przycisk "Nowy czat" na pasku narzędzi czyści bieżącą rozmowę.
Funkcje czatu
Wyświetlanie wiadomości:
- Wiadomości użytkownika: fioletowa gradientowa chmurka wyrównana do prawej, z względnym znacznikiem czasu
- Wiadomości asystenta: awatar bota (fioletowy gradient) wyrównany do lewej, z sformatowaną treścią
Formatowanie wiadomości: Asystent renderuje bogatą treść:
- Nagłówki (##, ###)
- Pogrubiony tekst (tekst)
- Listy numerowane (1. 2. 3.)
- Punkty wypunktowane (- lub •)
- Bloki kodu z etykietą języka, obszarem podświetlania składni i przyciskiem kopiowania
- Kod inline
- Linki (klikalne, otwierają się w nowej karcie)
- Poziome linie
- Parowanie etykiet z wartościami (np. "Temat: Twój e-mail")
Akcje na wiadomości (na wiadomościach asystenta):
- Kopiuj — skopiuj pełny tekst wiadomości do schowka
- Regeneruj — ponownie wyślij poprzednią wiadomość użytkownika, aby uzyskać nową odpowiedź
- Kciuk w górę / Kciuk w dół — przyciski feedbackowe (przechowywane na wiadomość, wizualny przełącznik)
- Znacznik czasu — wyświetlanie względnego czasu
Obszar wejściowy:
- Automatycznie rozszerzający się obszar tekstowy (rośnie do 200px)
- Enter do wysłania, Shift+Enter dla nowej linii
- Przycisk wysyłania z gradientem (aktywny, gdy tekst jest obecny, wyłączony, gdy pusty lub w trakcie ładowania)
- Stan ładowania: ikona Loader kręcąca się na przycisku wysyłania, skaczące kropki w obszarze wiadomości z tekstem "Pisanie..."
- Zastrzeżenie: "AI może się mylić. Zweryfikuj ważne informacje."
Zachowanie rozmowy
Wszystkie rozmowy są przechowywane w localStorage. Pełna historia wiadomości (w tym wiadomości użytkownika, odpowiedzi asystenta, stan feedbacku) jest zachowywana po przeładowaniu strony. Kontekst rozmowy (wszystkie poprzednie wiadomości) jest wysyłany z każdą nową wiadomością w celu uzyskania odpowiedzi uwzględniających kontekst.
SŁOWA KLUCZOWE
Zacznij pozyskiwać klientów w Europie Środkowej
9M+ zweryfikowanych kontaktów w 7 krajach. Darmowy plan, bez karty kredytowej.
Zobacz cennik →