Unterstützung: Anzeige in Arbeitsblatt-Liste und Gesamtzeit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/components/WorksheetList.jsx

@@ -2,7 +2,7 @@ import { useState } from 'react'
 import { FaClock, FaUser, FaExchangeAlt, FaComment, FaChevronDown, FaChevronUp, FaPen, FaCheck, FaHandsHelping } from 'react-icons/fa'
 import { serviceTypeLabel, needsTimeEntry, worksheetTone } from '../lib/ticketForm'
 import { statusLabel } from '../lib/ticketStatus'
-import { parseSupporters } from '../lib/support'
+import { parseSupporters, supportMinutes, firstName } from '../lib/support'
 
 // Kopffarbe je Zustand (worksheetTone): orange = Git-Zeit fehlt, gruen = Git-Zeit eingetragen
 const TONES = {
@@ -76,6 +76,7 @@ export default function WorksheetList({ worksheets, totalTime, loading, onToggle
           const isGit = ws.serviceType === 'GIT'
           const tone = worksheetTone(ws)
           const colors = TONES[tone]
+          const supporters = ws.isComment ? [] : parseSupporters(ws.supporters)
           
           return (
             <div key={ws.$id} className="timeline-item mb-4" style={{
@@ -134,6 +135,11 @@ export default function WorksheetList({ worksheets, totalTime, loading, onToggle
                           <FaCheck className="me-1" /> Zeit eingetragen
                         </span>
                       )}
+                      {supporters.length > 0 && (
+                        <span className="badge ms-2" title="Weitere Personen haben unterstützt" style={headerBadgeStyle}>
+                          +{supporters.length} Unterstützung
+                        </span>
+                      )}
                       {ws.countsToPlan && !ws.isComment && (
                         <span className="badge ms-2" title="Wird vom Stundenguthaben des Wartungs-Abos abgezogen" style={{ ...headerBadgeStyle, background: '#9d3dfe' }}>
                           Abo-Stunden
@@ -255,6 +261,17 @@ export default function WorksheetList({ worksheets, totalTime, loading, onToggle
                       </div>
                     </div>
 
+                    {/* Unterstuetzung: je Person die Haelfte der Arbeitszeit, aufgerundet auf 15 Minuten */}
+                    {supporters.length > 0 && (
+                      <div className="mb-3 worksheet-supporters">
+                        {supporters.map((sup) => (
+                          <div key={sup.employeeId} style={{ fontSize: '0.9rem', color: 'var(--text-muted)' }}>
+                            ↳ Unterstützung {firstName(sup.name)} · {sup.task} · {formatTime(supportMinutes(ws.totalTime))}
+                          </div>
+                        ))}
+                      </div>
+                    )}
+
                     {/* Service Type */}
                     <div className="mb-3">
                       <span className="badge px-3 py-2" style={{