A1 + A11: Erklärungen (visuelle Projektions-Tooltips) und Defekt-Fixes

[TBum1404]

Setzt A1 (Erklärungen) und A11 (technische Defekte) gemeinsam um. Zwei gruppierte Commits.

A1 – Fachbegriffe und Optionen erklären

• Neue Komponente shared/projection-preview/: animierte Canvas-Vorschau je Projektionsmethode (portiert aus der ClaudeDesign-Vorlage „Projection Previews"). Baut/animiert nur die angefragte Methode und läuft nur, solange das Popup offen ist. Tempo 0.5.
• Step 4: Jede Projektionskarte und FastMap erhalten ein Hilfe-Icon mit Vorschau-Popup (Hover öffnet, Klick pinnt). FastMap-Badge „Primary" → „Always active".
• Step 4: Erklärtexte für Farbattribut (colorFeature) und Farbskala (colorScale) eingebunden; im Farbskala-Text steht, dass sie rein kosmetisch ist (nur Einfärbung, nicht Projektion/Daten — verifiziert).
• Step 3: Smart-Defaults-Erklärtext an der Spalten-Konfigurationskarte.
• Outlier-Tooltip kompakt um die zwei Prinzipien (IQR vs. Z-Score) und den Strenge-Hinweis ergänzt (erklärt, warum „Moderate"/„Relaxed" bei beiden auftauchen — deckt C-S3-04 ab).

A11 – Technische Defekte

• C-S4-04: Tooltip bleibt beim Hineinfahren offen (Grace-Period) — Voraussetzung, um Vorschau/Text zu lesen.
• Hilfe-Icon nicht mehr dauerhaft blau nach Klick (Farbe nur bei Hover / :focus-visible).
• Tooltip-Platzierung Step 3: gsap.from() (A14-Morph) hinterließ ein inline transform auf .detail-well, wodurch position:fixed-Tooltips relativ zur Welle statt zum Viewport rechneten; clearProps: 'transform' entfernt es nach der Animation.
• Keine horizontale Scrollbar mehr: Tooltips bis zur Positionsberechnung außerhalb des Sichtfelds geparkt, Clamping an clientWidth/Height; .detail-well overflow-x: hidden.
• .detail-card wächst mit dem Inhalt (flex: 1 0 auto) — kein Abschneiden langer Konfiguration mehr.

Bereits behoben/verifiziert (keine Änderung nötig): S-S3-03 (Tooltip-Z-Ebene), S-S4-02 (Rücksprung Step 4), P-S5-02/03 (über A3).

Manuelle Testschritte

1. Vorschau-Animation → Step 4, Hilfe-Icon einer Projektionskarte hovern → Popup mit laufender Animation + Caption; Maus ins Popup fahren → bleibt offen.
2. FastMap → Step 4, Icon am FastMap-Badge → Popup zeigt „Always active" + Animation.
3. Farb-Erklärungen → Step 4, Icons an COLOR ATTRIBUTE und COLOR SCALE → Tooltips; beide Dropdowns auf einer Linie.
4. Fokus-Zustand → Step 4/3, Icon anklicken, Maus wegbewegen → Icon wieder grau (nicht dauerhaft blau).
5. Outlier-Erklärung → Step 3, numerische Spalte, Icon an OUTLIERS → kompakter Tooltip zu IQR/Z-Score + Strenge-Hinweis.
6. Smart Defaults → Step 3, Spalte wählen, Icon in der Konfigurationskarte → Erklärtext.
7. Tooltip-Platzierung/Scrollbar → Step 3 (über den 2→3-Morph erreichen), alle (?) hovern → Tooltip erscheint am Icon (nicht in der Ecke), keine horizontale Scrollbar.
8. Kein Abschneiden → Step 3, Spalte mit vielen Optionen → Konfiguration scrollt sauber, nichts abgeschnitten.

[TBum1404]

ready to merge