             </thead>
             <tbody>
                 {@recent_usage_stats_rows()}
+                <tr><td colSpan=5></td></tr>
+                <tr>
+                    <th style={textAlign:'left'}>File activity</th>
+                    <td colSpan=4>total (and unique) opened or edited</td>
+                </tr>
+                {@render_filetype_stats_rows()}
             </tbody>
         </Table>
-
-    render_historical_metrics: ->
-        return  # disabled, due to being broken...
-        <li key='usage_metrics' style={li_style}>
-            <a target='_blank' href='https://cocalc.com/b97f6266-fe6f-4b40-bd88-9798994a04d1/raw/metrics/metrics.html'>
-                <Icon name='area-chart' fixedWidth />Historical system metrics
-            </a> &mdash; CPU usage, running projects and software instances, etc
-        </li>
 
     render_when_updated: ->
         if @props.time

                {@render_recent_usage_stats()}
                <Icon name='line-chart' fixedWidth />{' '}
                <a target='_blank' href='https://cocalc.com/7561f68d-3d97-4530-b97e-68af2fb4ed13/raw/stats.html'>
                More data...
                </a>
                <br/>
                {@render_historical_metrics()}
            </div>
        </Col>


        n = @props.projects_edited?[RECENT_TIMES_KEY.active]
        <ProgressBar now={Math.max(n / 3, 60 / 2)} label={"#{n} projects being edited"} />

    timespan_keys: ->
        ['last_hour', 'last_day', 'last_week', 'last_month']

    recent_usage_stats_rows: ->
        stats = [
            ['Modified projects', @props.projects_edited],
