Bewegtbild: die Aufgabe entsteht an der Nachricht, nicht im Plus-Menue

Geprueft im laufenden Team-Chat: an jeder Nachricht haengt ein Menue mit
Reagieren, Antworten, Im Thread antworten, Anpinnen, Aufgabe erstellen,
Bearbeiten, Loeschen. Das ist die Funktion, die die Website meint mit "Aus
'mach das mal' wird mit einem Klick eine echte Aufgabe".

Die Animation zeigt jetzt genau das: Tobias' Nachricht anfassen, der Pfeil
erscheint an ihr, Menue auf, "Aufgabe erstellen", die Aufgabenkarte klappt in
der Nachricht auf, die Systemzeile bestaetigt sie im Projekt.

Tobias' Nachricht und keine andere: die Aufgabenkarte aus der Quelle traegt
"Tobias Wagner · offen" als Zustaendigkeit. An einer fremden Nachricht muesste
der Name erfunden werden. So bleiben alle vier Felder der Karte genau die aus
GeneralTeamChatPage.tsx.

Der Vorgaenger nahm das Menue hinter dem Pluszeichen. Das war sauber belegt --
Datei, Zeile, Grep ueber beide Repos, dazu die Staging-API, die eine Aufgabe
nur mit contact/company/lead/project verknuepft und eine Nachricht als Bezug
gar nicht kennt -- und trotzdem falsch. Ein Pitch-Paket vom Juli belegt, was im
Juli gebaut war, nicht was das Produkt heute kann. Wo eine Aussage der Website
keine Entsprechung im vorliegenden Code hat, ist das ein Grund nachzufragen und
nicht, die Aussage auf den Code zu biegen. Steht so in POST-6.md §6.

Sechs statt acht Sekunden: das Tippen faellt mit dem richtigen Weg weg.
Instagram nimmt je Carousel-Element drei bis sechzig Sekunden an, die Laenge
richtet sich also allein nach dem Ablauf.

Dazu in den Bausteinen: fuenf Symbole fuer das Menue, und eine Blase kann eine
zweite Anhangkarte tragen, die ueber einen Anteil aufklappt -- aufgedeckt per
clipPath, nicht gestaucht.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

POST-6.md

@@ -36,7 +36,7 @@ Dazu, außerhalb des Streifens:
 
 | Schlüssel | Tag | Überschrift | Was zu sehen ist |
 |---|---|---|---|
-| `animChat` | Bewegtbild | Getippt, **und schon im Projekt.** | 8 s Animation: eine Notiz wird getippt, über das Pluszeichen wird „Aufgabe erstellen" gewählt, und beides geht zusammen als eine Nachricht raus |
+| `animChat` | Bewegtbild | Getippt, **und schon im Projekt.** | 6 s Animation: eine Nachricht wird angeklickt, im Menü „Aufgabe erstellen" gewählt, und die Aufgabe klappt in der Nachricht auf |
 
 **Slide 3 ist der Kern.** Der Redaktionsplan verlangt „Foto rein, Aufgabe
 raus", und genau das liegt im Werkzeug als Abfolge vor: Tobias schickt die
@@ -324,7 +324,7 @@ violett.** Im Original steht dort `bg-surface-neutral-primary` mit Rand und
 
 ---
 
-## 6. Fünfzehn Fallen aus diesem Bau
+## 6. Sechzehn Fallen aus diesem Bau
 
 **Die Listenzeile hat drei Zeilen, nicht zwei.** Der erste Anlauf setzte Titel
 und Vorschau untereinander und schob Nadel und Ungelesen-Punkt rechts neben
@@ -437,69 +437,83 @@ Text und Anhang einander bedingen — die Nachricht meldete eine Aufgabe, die im
 selben Zug erst entstand. Der Fehler lag nicht in der Quelle, sondern darin,
 eine Momentaufnahme für eine Reihenfolge zu halten. Mehr dazu in §7.
 
+**Das Pitch-Paket ist ein Stand, nicht das Produkt.** Der zweite Anlauf für die
+Animation nahm das Menü hinter dem Pluszeichen, weil `GeneralTeamChatPage.tsx`
+den einzigen dort ausgezeichneten Weg zu einer Aufgabe so zeigt. Belegt war das
+sauber — Datei, Zeile, Grep über beide Repos und über die Staging-API, die eine
+Aufgabe nur mit `contact | company | lead | project` verknüpft und eine
+Nachricht als Bezug gar nicht kennt. Trotzdem falsch: im laufenden Team-Chat
+hängt an jeder Nachricht ein Menü mit „Aufgabe erstellen".
+
+Die Lehre ist nicht „schlechter prüfen", sondern **wissen, was eine Quelle
+belegt.** Ein Pitch-Paket vom Juli belegt, was im Juli gebaut war. Es belegt
+nicht, was das Produkt heute kann. Wo eine Aussage der Website (hier:
+„Aus „mach das mal" wird mit einem Klick eine echte Aufgabe") keine Entsprechung
+im vorliegenden Code hat, ist das ein Grund nachzufragen und nicht, die Aussage
+auf den vorhandenen Code zu biegen.
+
 ---
 
 ## 7. Das Bewegtbild
 
-Acht Sekunden, 240 Bilder, `animation/post6-animChat.mp4`. Gezeichnet wird es
+Sechs Sekunden, 180 Bilder, `animation/post6-animChat.mp4`. Gezeichnet wird es
 von `animChat(i, t)` in `post6.html`, mit denselben Bausteinen wie jede Slide —
 nur bekommt die Funktion neben der Nummer den Fortschritt `t` und leitet daraus
 alles ab. Der Eintrag steht in `ANIMS`, nicht in `SLIDES`.
 
+**Gezeigt wird der Weg, den das laufende Werkzeug hat:** Nachricht anfassen,
+Menü öffnet sich, „Aufgabe erstellen", die Aufgabe klappt in der Nachricht auf,
+das Projekt bestätigt sie. Das ist die Funktion, die die Website meint mit
+„Aus „mach das mal" wird mit einem Klick eine echte Aufgabe."
+
 | Zeit | Was passiert |
 |---|---|
-| 0,4 – 2,9 s | Die Notiz wird Zeichen für Zeichen ins Eingabefeld getippt, der Cursor blinkt. Sobald Text darin steht, wird aus dem Mikrofon der Senden-Knopf |
-| 2,9 – 3,8 s | Der Zeiger fährt auf das Pluszeichen und klickt |
-| 3,6 – 4,5 s | Das Menü klappt nach oben auf, die Zeilen gestaffelt |
-| 4,5 – 5,8 s | Der Zeiger geht auf „Aufgabe erstellen", die Zeile hebt sich, Klick |
-| 5,7 – 6,1 s | Das Menü schließt, das Feld leert sich |
-| 5,8 – 6,7 s | Die Nachricht wächst in den Verlauf, Text und Aufgabenkarte zusammen |
-| 6,7 – 7,4 s | Die Systemzeile „Aufgabe „Materialliste prüfen" im Projekt erstellt" erscheint |
-| 7,4 – 8,0 s | Halt auf dem Ergebnis |
+| 0,0 – 0,6 s | Ruhe. Der Verlauf steht: Sandra, Maike, Tobias |
+| 0,6 – 1,3 s | Der Zeiger fährt auf Tobias' Nachricht, der Pfeil erscheint an ihr |
+| 1,3 – 1,6 s | Klick |
+| 1,6 – 2,4 s | Das Menü klappt nach oben auf: Reagieren, Antworten, Im Thread antworten, Anpinnen, Aufgabe erstellen, Bearbeiten, Löschen |
+| 2,4 – 3,4 s | Der Zeiger geht auf „Aufgabe erstellen", die Zeile hebt sich, Klick |
+| 3,6 – 4,8 s | Das Menü schließt, die Aufgabenkarte klappt in Tobias' Nachricht auf, der Verlauf rutscht nach |
+| 4,8 – 5,4 s | Die Systemzeile „Aufgabe „Materialliste prüfen" im Projekt erstellt" erscheint |
+| 5,4 – 6,0 s | Halt auf dem Ergebnis |
 
-### Der erste Anlauf hatte den Ablauf falsch herum
+### Warum Tobias' Nachricht
 
-Dort wurde die Nachricht „Danke. Ich habe dazu direkt eine Aufgabe erstellt."
-getippt, abgeschickt, und **danach** wuchs an ihr eine Aufgabenkarte. Die
-Nachricht meldete also eine Aufgabe, die es noch gar nicht gab, und wurde
-anschließend selbst zu einer. Ein Kreis, kein Ablauf.
-
-Nachgesehen in `GeneralTeamChatPage.tsx`: eine Aufgabe entsteht über das Menü
-hinter dem Pluszeichen („Aufgabe erstellen", Zeile 275), und das Ergebnis ist
-Nachricht `m4` — Text **und** angehängte Aufgabenkarte in einem — gefolgt von
-der Systemzeile `m5`. **Ein Kontextmenü an einer bestehenden Nachricht gibt es
-dort nicht.** Wer eine Umwandlung „Nachricht → Aufgabe" zeigt, zeigt eine
-Funktion, die wir nicht haben, auch wenn die Website den Nutzen so beschreibt
-(„Aus „mach das mal" wird mit einem Klick eine echte Aufgabe").
-
-Die Reihenfolge ist deshalb: Notiz tippen, Pluszeichen, „Aufgabe erstellen",
-und beides geht zusammen als eine Nachricht raus. Der Satz im Perfekt stimmt
-dann auch: wenn die Nachricht ankommt, hängt die Aufgabe daran.
+Nicht irgendeine: die Aufgabenkarte aus der Quelle trägt **„Tobias Wagner ·
+offen"** als Zuständigkeit. Wer sie an einer fremden Nachricht entstehen lässt,
+muss den Namen erfinden. So bleiben alle vier Felder der Karte
+(`square-check`, „Materialliste prüfen · fällig 31.07.2026", „Tobias Wagner ·
+offen", „Offen") genau die aus `GeneralTeamChatPage.tsx`.
 
 ### Vier Entscheidungen
 
 - **Der Verlauf hängt am unteren Rand, nicht am oberen.** Damit erzeugt jedes
   Wachstum das Hochschieben von selbst, ohne eine zweite Rechnung für das
-  Scrollen. Die drei vorherigen Nachrichten sind dieselben wie auf Slide 1 und
-  stammen aus `GeneralTeamChatPage.tsx`, nicht aus einem erfundenen Szenario.
-- **Sie liegt neben den Slides, nicht darin.** Ein Zwischenstand machte sie zur
-  sechsten Slide im Streifen. Damit wanderte sie in die Slide-Auswahl, in die
-  Zählung „Carousel, 6 Slides" und in den Bildexport, der sie als Standbild
-  mitschrieb. Ein Video, das man nur zusammen mit den Bildern herausbekommt,
-  ist im Carousel nicht getrennt einsetzbar.
+  Scrollen. Wenn die Aufgabenkarte aufklappt, rutscht der Verlauf nach.
+- **Die Karte wird aufgedeckt, nicht gestaucht.** Sie liegt in voller Größe da
+  und wird über eine `clipPath` von oben freigegeben. Eine gestauchte Karte
+  sieht kaputt aus, eine aufgedeckte sieht nach Aufklappen aus.
 - **Der Mauszeiger ist erzählerisches Mittel, kein Bestandteil des Werkzeugs.**
-  Ohne ihn sieht man ein Menü aufgehen und weiß nicht, warum. Er ist weiß mit
-  dunkler Kante, damit er auf dem Verlauf wie auf dem Menü liest, und geht
-  nach dem zweiten Klick zügig weg — ein Zeiger, der ohne Aufgabe über dem
-  Verlauf stehen bleibt, zieht den Blick von der ankommenden Nachricht ab.
-- **Am Ende wird nichts zurückgenommen.** Der erste Anlauf blendete die neue
+  Ohne ihn öffnet sich ein Menü und man weiß nicht, warum. Weiß mit dunkler
+  Kante, damit er auf Verlauf wie Menü liest, und nach dem zweiten Klick zügig
+  weg — sonst zieht er den Blick von der aufklappenden Aufgabe ab.
+- **Am Ende wird nichts zurückgenommen.** Ein früherer Stand blendete die neue
   Nachricht wieder aus, damit der Schleifenstoß unsichtbar wird. Das sah aus,
   als lösche sich eine abgeschickte Nachricht von selbst. Eine Schleife darf
-  springen, eine Nachricht darf nicht verschwinden.
+  springen.
 
-Kein Text und keine Uhrzeit ist für die Animation erfunden worden. Getippt wird
-`VERLAUF[3].text`, also genau die Nachricht, die im Werkzeug an dieser Stelle
-steht.
+### Zur Länge
 
-Nachgeprüft mit `ffprobe`: H.264 High, `yuv420p`, 1080 × 1350, 30 fps, 240
-Bilder, Dauer exakt 8,000000 s, stumme AAC-Spur, `moov` am Dateianfang, 1,5 MB.
+Instagram nimmt je Carousel-Element **3 bis 60 Sekunden** an. Sechs liegt weit
+von beiden Grenzen weg; die Länge richtet sich also allein nach dem Ablauf.
+Vier Schritte — anfassen, wählen, aufklappen, bestätigen — brauchen etwa so
+lange. Eine kurze Schleife wiederholt sich außerdem öfter, während jemand liest.
+Eine Zwischenfassung lief acht Sekunden, weil dort zusätzlich eine Nachricht
+getippt wurde; das fällt mit dem richtigen Weg weg.
+
+Die Symbole im Menü sind unsere Strichsymbole. Im Werkzeug steht bei
+„Reagieren" ein Emoji; ein Emoji zwischen sechs Strichsymbolen bricht die
+Bildsprache, und die Slides tragen durchgehend Feather-Symbole.
+
+Nachgeprüft mit `ffprobe`: H.264 High, `yuv420p`, 1080 × 1350, 30 fps, 180
+Bilder, Dauer exakt 6,000000 s, stumme AAC-Spur, `moov` am Dateianfang, 1,1 MB.