xRangerDEandClaude Opus 4.7
885cbaa894
Final piece of the renderer-stats.ts extraction. The recording-size distribution histogram (6 buckets: <100MB ... >10GB) was rendering each bucket-row as a 5-inline-style template — same shape as the top-streamers list (margin row, flex meta header, two spans, bar track, bar fill). Extracted to a .stats-bucket-* family in styles.css: - .stats-bucket-row + .stats-bucket-row:last-child margin trim - .stats-bucket-meta + .stats-bucket-meta-sub for the flex label/ count header - .stats-bucket-bar-track + .stats-bucket-bar-fill for the horizontal bar (with width-transition so the bar fills animate on data refresh) That completes the Statistik tab pass — 26 inline styles -> 22 CSS class assignments + 4 truly-dynamic width/height percent overrides for the bar fills. Tabular numerics, hover states, and data refresh animations all flow from the central stylesheet now. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>