feat: add news ticker widget for scrolling headlines
Build and Push / release (push) Successful in 3s
Build and Push / build (push) Successful in 3m25s

- Add NewsTickerWidget with horizontal auto-scrolling at 40px/sec
- Add NewsData and NewsHeadline Freezed models
- Add news datasource fetching from /tools/news endpoint
- Add news provider with 30-minute auto-refresh
- Place ticker between Welcome card and System Stats on dashboard
- Show placeholder headlines when no data (italic, muted style)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Jeroen Schweitzer
2026-01-08 21:51:32 +01:00
co-authored by Claude Opus 4.5
parent a376482cd1
commit 4331555f84
10 changed files with 345 additions and 9 deletions
@@ -0,0 +1,27 @@
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:tatlock_ui/features/front_hall/data/datasources/news_datasource.dart';
import 'package:tatlock_ui/features/front_hall/data/models/news_model.dart';
part 'news_provider.g.dart';
/// Fetches news headlines from Core API.
///
/// Auto-invalidates to keep data fresh.
/// News data in Qdrant has TTL, so periodic refresh is reasonable.
@riverpod
Future<NewsData> news(Ref ref) async {
final datasource = ref.watch(newsDatasourceProvider);
return datasource.getNews();
}
/// Provides whether news data is available.
///
/// Used for conditional rendering of NewsTickerWidget.
@riverpod
bool hasNews(Ref ref) {
final asyncValue = ref.watch(newsProvider);
return asyncValue.maybeWhen(
data: (data) => data.headlines.isNotEmpty,
orElse: () => false,
);
}
@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:tatlock_ui/features/front_hall/data/models/system_stats_model.dart';
import 'package:tatlock_ui/features/front_hall/presentation/providers/environment_provider.dart';
import 'package:tatlock_ui/features/front_hall/presentation/providers/news_provider.dart';
import 'package:tatlock_ui/features/front_hall/presentation/providers/system_stats_provider.dart';
import 'package:tatlock_ui/shared/theme/stoplight_colors.dart';
import 'package:tatlock_ui/shared/widgets/forecast_widget.dart';
@@ -25,6 +26,7 @@ class DashboardContent extends ConsumerStatefulWidget {
class _DashboardContentState extends ConsumerState<DashboardContent> {
Timer? _systemStatsTimer;
Timer? _environmentTimer;
Timer? _newsTimer;
/// Tracks if we've logged the environment API user (log once per session)
static bool _hasLoggedEnvUser = false;
@@ -46,12 +48,18 @@ class _DashboardContentState extends ConsumerState<DashboardContent> {
const Duration(hours: 1),
(_) => ref.invalidate(environmentProvider),
);
// Refresh news every 30 minutes
_newsTimer = Timer.periodic(
const Duration(minutes: 30),
(_) => ref.invalidate(newsProvider),
);
}
@override
void dispose() {
_systemStatsTimer?.cancel();
_environmentTimer?.cancel();
_newsTimer?.cancel();
super.dispose();
}
@@ -60,6 +68,7 @@ class _DashboardContentState extends ConsumerState<DashboardContent> {
final colorScheme = Theme.of(context).colorScheme;
final systemStatsAsync = ref.watch(systemStatsProvider);
final environmentAsync = ref.watch(environmentProvider);
final newsAsync = ref.watch(newsProvider);
return ListView(
padding: const EdgeInsets.all(16),
@@ -100,6 +109,14 @@ class _DashboardContentState extends ConsumerState<DashboardContent> {
),
const SizedBox(height: 16),
// News Ticker - full width
newsAsync.when(
data: (newsData) => NewsTickerWidget(newsData: newsData),
loading: () => const NewsTickerWidget(),
error: (error, stack) => const NewsTickerWidget(),
),
const SizedBox(height: 16),
// System Stats - Gauges
_SectionHeader(title: 'System Stats', icon: Icons.monitor_heart),
const SizedBox(height: 8),