Tickets: Arbeitsblatt-Zeilen (.ws), Kennzahlen, Dringend-Schalter und Weitere Tickets im neuen Look

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

src/components/WorksheetSummary.jsx

@@ -1,25 +1,17 @@
-import { needsTimeEntry } from '../lib/ticketForm'
-import { worksheetMinutes } from '../lib/support'
+import { Stat } from './ui'
+import { worksheetSums } from '../lib/worksheetView'
+import { stepLabel } from '../lib/timeSteps'
 
-const formatTime = (minutes) => {
-  const hours = Math.floor(minutes / 60)
-  const mins = minutes % 60
-  return hours > 0 ? `${hours}h ${mins}min` : `${mins}min`
-}
-
-// Eine Zeile ueber der Arbeitsblatt-Liste: Arbeitszeit (inkl. Unterstuetzung), Anzahl, offene Git-Zeiten
+// Kennzahlen ueber der Arbeitsblatt-Liste: Arbeitszeit (inkl. Unterstuetzung), davon Abo-Stunden, offene Git-Zeiten
 export default function WorksheetSummary({ worksheets }) {
   if (!worksheets || worksheets.length === 0) return null
-  const minutes = worksheets
-    .filter((ws) => !ws.isComment)
-    .reduce((sum, ws) => sum + worksheetMinutes(ws), 0)
-  const open = worksheets.filter(needsTimeEntry).length
+  const { totalMinutes, aboMinutes, openCount } = worksheetSums(worksheets)
 
   return (
-    <div className="worksheet-summary">
-      <span>Arbeitszeit gesamt <strong>{formatTime(minutes)}</strong></span>
-      <span>{worksheets.length} {worksheets.length === 1 ? 'Arbeitsblatt' : 'Arbeitsblätter'}</span>
-      {open > 0 && <span className="open">{open} {open === 1 ? 'Zeit offen' : 'Zeiten offen'}</span>}
+    <div className="stats">
+      <Stat label="Arbeitszeit gesamt" value={stepLabel(totalMinutes)} />
+      <Stat label="Davon Abo-Stunden" value={stepLabel(aboMinutes)} />
+      <Stat label="Zeiten offen" value={openCount} tone={openCount > 0 ? 'warn' : ''} />
     </div>
   )
 }