Zum Inhalt springen
fend-ui
Vorschau

Chat

Nachrichtenverlauf, Sprechblasen, Marker, Anhänge und Composer für Chat- und KI-Oberflächen. Der Scroller hält die Ansicht am Ende, solange Sie unten sind, und blendet beim Hochscrollen „Neue Nachrichten“ ein; Streaming-Token werden nicht per Live-Region vorgelesen.

Verlauf mit simuliertem Streaming

Senden Sie eine Nachricht: Die Antwort wächst tokenweise. Solange die Ansicht unten ist, bleibt sie unten. Scrollen Sie während der Antwort hoch, springt nichts – stattdessen erscheint „Neue Nachrichten“.

Heute
AS
Assistent10:22

Guten Morgen! Wie kann ich bei der Quartalsplanung helfen?

MA
Mara10:23

Fasse bitte die wichtigsten Kennzahlen des letzten Quartals zusammen.

Gesendet
moodboard.png920 kBPNG

Enter sendet, Shift+Enter fügt eine Zeile ein. Während des Streamings stoppt der quadratische Button die Antwort.

Nachrichten

Message setzt Rolle, Ausrichtung und Bubble-Variante. Der Inhalt läuft über Prose; Autor, Zeit, Status und Aktionen bleiben außerhalb der Blase. Bei einem Fehler erscheint „Erneut senden“.

AS
Assistent10:22

Der Bericht ist fertig. Die wichtigsten Kennzahlen stehen im Dashboard, Details im angehängten Dokument.

MA
Mara10:23

Danke! Bitte fasse die Abweichungen zum Vorquartal zusammen.

Gesendet

Der Verlauf wird nach 30 Tagen archiviert.

MA
Mara10:31

Bitte auch die Churn-Rate je Segment aufschlüsseln.

Nicht gesendet

Bubbles

Drei Flächen: Die User-Bubble nutzt bewusst die inverse Navy-Fläche statt des Akzents, damit lange Texte AA erfüllen. Assistant-Bubbles sind weiße Karten, muted ist für Systemhinweise gedacht.

Kurze Frage zur Auswertung.
Die Auswertung liegt als PDF im Verlauf.
Systemhinweis: Antworten können unvollständig sein.

Marker

Trennt Datumswechsel und neue Nachrichten im Verlauf. Der Akzent-Ton markiert den Einstieg in neue Nachrichten.

Gestern
Heute
Neu

Anhänge

Bild- oder Dateikachel mit Name, formatierter Größe und Typ. Der Status steht zusätzlich als Text für Screenreader bereit.

quartalsbericht.pdf1,5 MBPDF
Hochgeladen
moodboard.png920 kBPNG
archiv.zip4,2 MBZIP
Fehler beim Hochladen
notizen.txt12 kBTXT
Wird hochgeladen

Composer-Zustände

Deaktiviert sperrt Feld und Aktionen. Im Streaming-Zustand ersetzt „Antwort stoppen“ den Senden-Button; der Anhang-Button bleibt verfügbar.