frontend: week-filter totals (distance/time/count) on Activities; colour HIIT & gym/no-GPS workouts red

frontend/src/pages/ActivitiesPage.jsx

@@ -44,6 +44,10 @@ export default function ActivitiesPage() {
 
   const clearDateFilter = () => navigate('/activities')
 
+  // Totals for the currently shown (date-filtered) list
+  const totalDistanceM = activities?.reduce((sum, a) => sum + (a.distance_m || 0), 0) || 0
+  const totalDurationS = activities?.reduce((sum, a) => sum + (a.duration_s || 0), 0) || 0
+
   return (
     <div className="p-4 md:p-6">
       <div className="flex items-center justify-between mb-4">
@@ -74,13 +78,20 @@ export default function ActivitiesPage() {
         </div>
       )}
 
-      {/* Date filter chip */}
+      {/* Date filter chip + week totals */}
       {fromParam && (
-        <div className="flex items-center gap-2 mb-4">
+        <div className="flex flex-wrap items-center gap-2 mb-4">
           <span className="text-xs bg-blue-600/20 text-blue-300 border border-blue-500/30 px-3 py-1 rounded-full">
             Week of {format(new Date(fromParam), 'MMM d, yyyy')}
           </span>
           <button onClick={clearDateFilter} className="text-xs text-gray-500 hover:text-gray-300 transition-colors">✕ Clear</button>
+          {activities?.length > 0 && (
+            <span className="text-xs text-gray-400 ml-1">
+              <span className="text-gray-200 font-medium">{formatDistance(totalDistanceM, unit)}</span> ·{' '}
+              <span className="text-gray-200 font-medium">{formatDuration(totalDurationS)}</span> ·{' '}
+              {activities.length} {activities.length === 1 ? 'activity' : 'activities'}
+            </span>
+          )}
         </div>
       )}