Merge pull request 'Release v26.04.16.1 — Silero VAD voice detection' (#26) from dev into main

Use VadHandler from the vad package (Silero VAD v5 ONNX) for speech
detection instead of amplitude thresholds. VAD runs its own PCM
stream while the file recorder captures AAC-LC for Whisper. Grace
period starts on speech-start, auto-stop on speech-end after grace.
No-speech guard shows error on manual stop without detected speech.

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

lib/app.dart

@@ -159,20 +159,20 @@ final routerProvider = Provider<GoRouter>((ref) {
             path: Routes.conversations,
             builder: (_, _) => const ConversationsTabScreen(),
           ),
+          GoRoute(
+            path: Routes.projects,
+            builder: (_, _) => const ProjectsScreen(),
+          ),
+          GoRoute(
+            path: Routes.news,
+            builder: (_, _) => const NewsScreen(),
+          ),
+          GoRoute(
+            path: Routes.calendar,
+            builder: (_, _) => const CalendarScreen(),
+          ),
         ],
       ),
-      GoRoute(
-        path: Routes.projects,
-        builder: (_, _) => const ProjectsScreen(),
-      ),
-      GoRoute(
-        path: Routes.news,
-        builder: (_, _) => const NewsScreen(),
-      ),
-      GoRoute(
-        path: Routes.calendar,
-        builder: (_, _) => const CalendarScreen(),
-      ),
     ],
   );
 });
@@ -190,6 +190,9 @@ class _ShellState extends ConsumerState<_Shell> with WidgetsBindingObserver {
     Routes.briefing,
     Routes.knowledge,
     Routes.conversations,
+    Routes.projects,
+    Routes.news,
+    Routes.calendar,
   ];
 
   // Minimum gap between app-resume refreshes to avoid hammering the server.
@@ -255,6 +258,10 @@ class _ShellState extends ConsumerState<_Shell> with WidgetsBindingObserver {
         ref.read(knowledgeProvider.notifier).refresh();
       case 2:
         ref.read(conversationsProvider.notifier).refresh();
+      case 4:
+        ref.read(newsProvider.notifier).refresh();
+      case 5:
+        ref.read(calendarProvider.notifier).refresh();
     }
   }
 
@@ -271,11 +278,6 @@ class _ShellState extends ConsumerState<_Shell> with WidgetsBindingObserver {
     for (var i = 0; i < _tabs.length; i++) {
       if (location.startsWith(_tabs[i])) return i;
     }
-    if (location.startsWith(Routes.projects) ||
-        location.startsWith(Routes.news) ||
-        location.startsWith(Routes.calendar)) {
-      return 3;
-    }
     return 0;
   }
 
@@ -394,7 +396,7 @@ class _ShellState extends ConsumerState<_Shell> with WidgetsBindingObserver {
     final index = _tabIndex(location);
 
     // Refresh the incoming tab's data when switching between shell tabs.
-    if (_prevTabIndex != null && _prevTabIndex != index && index < 3) {
+    if (_prevTabIndex != null && _prevTabIndex != index) {
       WidgetsBinding.instance.addPostFrameCallback((_) => _refreshTab(index));
     }
     _prevTabIndex = index;
@@ -413,13 +415,7 @@ class _ShellState extends ConsumerState<_Shell> with WidgetsBindingObserver {
                   children: [
                     NavigationRail(
                       selectedIndex: index,
-                      onDestinationSelected: (i) {
-                        if (i == 3) {
-                          _showMoreSheet(context);
-                        } else {
-                          context.go(_tabs[i]);
-                        }
-                      },
+                      onDestinationSelected: (i) => context.go(_tabs[i]),
                       labelType: NavigationRailLabelType.all,
                       destinations: const [
                         NavigationRailDestination(
@@ -438,9 +434,19 @@ class _ShellState extends ConsumerState<_Shell> with WidgetsBindingObserver {
                           label: Text('Chat'),
                         ),
                         NavigationRailDestination(
-                          icon: Icon(Icons.more_horiz_outlined),
-                          selectedIcon: Icon(Icons.more_horiz),
-                          label: Text('More'),
+                          icon: Icon(Icons.folder_outlined),
+                          selectedIcon: Icon(Icons.folder),
+                          label: Text('Projects'),
+                        ),
+                        NavigationRailDestination(
+                          icon: Icon(Icons.newspaper_outlined),
+                          selectedIcon: Icon(Icons.newspaper),
+                          label: Text('News'),
+                        ),
+                        NavigationRailDestination(
+                          icon: Icon(Icons.calendar_month_outlined),
+                          selectedIcon: Icon(Icons.calendar_month),
+                          label: Text('Calendar'),
                         ),
                       ],
                     ),
@@ -469,7 +475,7 @@ class _ShellState extends ConsumerState<_Shell> with WidgetsBindingObserver {
         ],
       ),
       bottomNavigationBar: NavigationBar(
-        selectedIndex: index,
+        selectedIndex: index >= 3 ? 3 : index,
         onDestinationSelected: (i) {
           if (i == 3) {
             _showMoreSheet(context);

lib/data/models/knowledge_item.dart

@@ -52,7 +52,7 @@ class KnowledgeItem {
         id: json['id'] as int,
         noteType: json['note_type'] as String? ?? 'note',
         title: json['title'] as String? ?? '',
-        body: json['body'] as String? ?? '',
+        body: (json['snippet'] ?? json['body']) as String? ?? '',
         tags: (json['tags'] as List<dynamic>?)
                 ?.map((e) => e as String)
                 .toList() ??

lib/providers/voice_provider.dart

@@ -8,6 +8,7 @@ import 'package:just_audio/just_audio.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:permission_handler/permission_handler.dart';
 import 'package:record/record.dart';
+import 'package:vad/vad.dart';
 
 import 'api_client_provider.dart';
 
@@ -98,25 +99,13 @@ class VoiceNotifier extends Notifier<VoiceState> {
   AudioPlayer? _player;
   StreamSubscription<Amplitude>? _amplitudeSubscription;
 
-  // Recording / silence detection
-  //
-  // Silence threshold is dynamic: we track the session peak dBFS and treat
-  // "silent" as "current level is at least _dropFromPeakDb below peak."
-  // This auto-calibrates to whatever mic + room the user is on rather than
-  // assuming a fixed ambient level. Until the peak climbs above
-  // _dynamicArmDb we fall back to a conservative static threshold so a
-  // quiet room doesn't spin forever. A grace period at the start of the
-  // recording gives the user time to begin speaking before silence checks
-  // arm.
-  int _recordingStartMs = 0;
-  int _silenceMs = 0;
-  double _peakDb = -100.0;
-  static const _fallbackThresholdDb = -35.0;
-  static const _dropFromPeakDb = 15.0;
-  static const _dynamicArmDb = -20.0;
-  static const _graceMs = 1500;
-  static const _silenceDurationMs = 2000;
-  static const _minRecordingMs = 300;
+  // VAD-based speech detection
+  VadHandler? _vadHandler;
+  StreamSubscription<void>? _vadSpeechStartSub;
+  StreamSubscription<List<double>>? _vadSpeechEndSub;
+  bool _speechDetected = false;
+  int _speechStartMs = 0;
+  static const _vadGraceMs = 1500;
 
   // Voice mode callbacks
   Future<void> Function(String transcript)? _onTranscript;
@@ -164,6 +153,9 @@ class VoiceNotifier extends Notifier<VoiceState> {
     required void Function(String message) onError,
   }) async {
     if (state.voiceModeActive) {
+      if (state.mode == VoiceMode.recording && !_speechDetected) {
+        onError('No speech detected');
+      }
       exitVoiceMode();
       return;
     }
@@ -211,12 +203,14 @@ class VoiceNotifier extends Notifier<VoiceState> {
     _amplitudeSubscription?.cancel();
     _amplitudeSubscription = null;
     _recorder?.stop();
+    _stopVad();
     _player?.stop();
     _ttsQueue.clear();
     _ttsPlaying = false;
     _sentenceBuffer = '';
     _lastSeenLength = 0;
     _streamComplete = false;
+    _speechDetected = false;
     _onTranscript = null;
     _onError = null;
     state = const VoiceState();
@@ -248,9 +242,8 @@ class VoiceNotifier extends Notifier<VoiceState> {
   Future<void> _startListening() async {
     if (!state.voiceModeActive) return;
 
-    _silenceMs = 0;
-    _peakDb = -100.0;
-    _recordingStartMs = DateTime.now().millisecondsSinceEpoch;
+    _speechDetected = false;
+    _speechStartMs = 0;
     state = state.copyWith(mode: VoiceMode.recording);
 
     final dir = _tempDir ?? await getTemporaryDirectory();
@@ -258,9 +251,6 @@ class VoiceNotifier extends Notifier<VoiceState> {
         '${dir.path}/voice_rec_${DateTime.now().millisecondsSinceEpoch}.m4a';
 
     try {
-      // Recreate the recorder each session — the record package can leave
-      // the native AudioRecord in a bad state after stop/error cycles,
-      // and a stale instance is the most common cause of "could not start".
       _recorder?.dispose();
       _recorder = AudioRecorder();
 
@@ -279,52 +269,52 @@ class VoiceNotifier extends Notifier<VoiceState> {
       _amplitudeSubscription = _recorder!
           .onAmplitudeChanged(const Duration(milliseconds: 200))
           .listen(_onAmplitude);
+
+      // VAD for speech detection — uses its own AudioRecorder internally
+      await _stopVad();
+      _vadHandler = VadHandler.create();
+      _vadSpeechStartSub = _vadHandler!.onSpeechStart.listen((_) {
+        if (!_speechDetected) {
+          _speechDetected = true;
+          _speechStartMs = DateTime.now().millisecondsSinceEpoch;
+        }
+      });
+      _vadSpeechEndSub = _vadHandler!.onSpeechEnd.listen((_) {
+        if (!state.voiceModeActive) return;
+        final now = DateTime.now().millisecondsSinceEpoch;
+        final sinceStart = _speechStartMs > 0 ? now - _speechStartMs : 0;
+        if (_speechDetected && sinceStart >= _vadGraceMs) {
+          _amplitudeSubscription?.cancel();
+          _amplitudeSubscription = null;
+          _stopVad();
+          _handleSilence();
+        }
+      });
+      await _vadHandler!.startListening(model: 'v5');
     } catch (e) {
       _onError?.call('Microphone error: $e');
       exitVoiceMode();
     }
   }
 
+  Future<void> _stopVad() async {
+    await _vadSpeechStartSub?.cancel();
+    _vadSpeechStartSub = null;
+    await _vadSpeechEndSub?.cancel();
+    _vadSpeechEndSub = null;
+    if (_vadHandler != null) {
+      await _vadHandler!.dispose();
+      _vadHandler = null;
+    }
+  }
+
   void _onAmplitude(Amplitude event) {
     if (!state.voiceModeActive) return;
-
     final db = event.current;
-    final validDb = !(db.isNaN || db.isInfinite);
-
-    // Normalize dB to 0..1 for the pulse animation. -60dB is dead-quiet,
-    // 0dB is peak; we clamp and bias so the button visibly breathes even
-    // on soft speech without exploding on loud input.
-    if (validDb) {
-      final norm = ((db + 60.0) / 60.0).clamp(0.0, 1.0);
-      if ((norm - state.amplitude).abs() > 0.02) {
-        state = state.copyWith(amplitude: norm);
-      }
-      if (db > _peakDb) _peakDb = db;
-    }
-
-    final elapsed =
-        DateTime.now().millisecondsSinceEpoch - _recordingStartMs;
-    // Grace period at the start — let the user begin speaking before we
-    // start silence-counting. Also suppresses any false triggers while
-    // the native recorder is still warming up.
-    if (elapsed < _graceMs) return;
-    if (elapsed < _minRecordingMs) return;
-
-    // Dynamic threshold once we've seen real speech; static fallback
-    // before that so a dead-silent session doesn't spin forever.
-    final threshold =
-        _peakDb > _dynamicArmDb ? _peakDb - _dropFromPeakDb : _fallbackThresholdDb;
-    final isSilent = !validDb || db < threshold;
-
-    if (isSilent) {
-      _silenceMs += 200;
-      if (_silenceMs >= _silenceDurationMs) {
-        _amplitudeSubscription?.cancel();
-        _amplitudeSubscription = null;
-        _handleSilence();
-      }
-    } else {
-      _silenceMs = 0;
+    if (db.isNaN || db.isInfinite) return;
+    final norm = ((db + 60.0) / 60.0).clamp(0.0, 1.0);
+    if ((norm - state.amplitude).abs() > 0.02) {
+      state = state.copyWith(amplitude: norm);
     }
   }
 

lib/screens/briefing/briefing_screen.dart

@@ -266,7 +266,8 @@ class _BriefingScreenState extends ConsumerState<BriefingScreen>
           ),
         ),
         data: (conv) {
-          return Column(
+          final isWide = MediaQuery.of(context).size.width >= 600;
+          Widget body = Column(
             children: [
               Expanded(
                 child: RefreshIndicator(
@@ -392,6 +393,15 @@ class _BriefingScreenState extends ConsumerState<BriefingScreen>
               ),
             ],
           );
+          if (isWide) {
+            body = Center(
+              child: ConstrainedBox(
+                constraints: const BoxConstraints(maxWidth: 700),
+                child: body,
+              ),
+            );
+          }
+          return body;
         },
       ),
     );

lib/screens/chat/conversations_tab_screen.dart

@@ -4,30 +4,79 @@ import 'package:go_router/go_router.dart';
 
 import '../../core/constants.dart';
 import '../../providers/chat_provider.dart';
+import 'chat_screen.dart';
 
-class ConversationsTabScreen extends ConsumerWidget {
+class ConversationsTabScreen extends ConsumerStatefulWidget {
   const ConversationsTabScreen({super.key});
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) {
+  ConsumerState<ConversationsTabScreen> createState() =>
+      _ConversationsTabScreenState();
+}
+
+class _ConversationsTabScreenState
+    extends ConsumerState<ConversationsTabScreen> {
+  int? _selectedConvId;
+
+  Future<void> _createConversation() async {
+    final conv =
+        await ref.read(conversationsProvider.notifier).create('');
+    if (!mounted) return;
+    final isWide = MediaQuery.of(context).size.width >= 600;
+    if (isWide) {
+      setState(() => _selectedConvId = conv.id);
+    } else {
+      context.push(Routes.chat.replaceFirst(':id', '${conv.id}'));
+    }
+  }
+
+  void _openConversation(int id) {
+    final isWide = MediaQuery.of(context).size.width >= 600;
+    if (isWide) {
+      setState(() => _selectedConvId = id);
+    } else {
+      context.push(Routes.chat.replaceFirst(':id', '$id'));
+    }
+  }
+
+  Future<void> _confirmDelete(int id, String title) async {
+    final ok = await showDialog<bool>(
+      context: context,
+      builder: (dialogContext) => AlertDialog(
+        title: const Text('Delete conversation?'),
+        content: Text('"$title" will be permanently deleted.'),
+        actions: [
+          TextButton(
+              onPressed: () => Navigator.pop(dialogContext, false),
+              child: const Text('Cancel')),
+          FilledButton(
+              onPressed: () => Navigator.pop(dialogContext, true),
+              child: const Text('Delete')),
+        ],
+      ),
+    );
+    if (ok == true) {
+      await ref.read(conversationsProvider.notifier).delete(id);
+      if (_selectedConvId == id) {
+        setState(() => _selectedConvId = null);
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final isWide = MediaQuery.of(context).size.width >= 600;
     final theme = Theme.of(context);
     final convsAsync = ref.watch(conversationsProvider);
 
-    return Scaffold(
+    final listPanel = Scaffold(
       appBar: AppBar(
         title: Text('Chat', style: theme.textTheme.titleLarge),
         actions: [
           IconButton(
             icon: const Icon(Icons.add),
             tooltip: 'New conversation',
-            onPressed: () async {
-              final conv = await ref
-                  .read(conversationsProvider.notifier)
-                  .create('');
-              if (context.mounted) {
-                context.push(Routes.chat.replaceFirst(':id', '${conv.id}'));
-              }
-            },
+            onPressed: _createConversation,
           ),
         ],
       ),
@@ -49,26 +98,20 @@ class ConversationsTabScreen extends ConsumerWidget {
                   FilledButton.icon(
                     icon: const Icon(Icons.add),
                     label: const Text('Start a conversation'),
-                    onPressed: () async {
-                      final conv = await ref
-                          .read(conversationsProvider.notifier)
-                          .create('');
-                      if (context.mounted) {
-                        context.push(
-                            Routes.chat.replaceFirst(':id', '${conv.id}'));
-                      }
-                    },
+                    onPressed: _createConversation,
                   ),
                 ],
               ),
             );
           }
           return RefreshIndicator(
-            onRefresh: () => ref.read(conversationsProvider.notifier).refresh(),
+            onRefresh: () =>
+                ref.read(conversationsProvider.notifier).refresh(),
             child: ListView.builder(
               itemCount: convs.length,
               itemBuilder: (ctx, i) {
                 final c = convs[i];
+                final selected = isWide && c.id == _selectedConvId;
                 return ListTile(
                   leading: const Icon(Icons.chat_bubble_outline),
                   title: Text(
@@ -79,13 +122,12 @@ class ConversationsTabScreen extends ConsumerWidget {
                     _relativeTime(c.updatedAt),
                     style: theme.textTheme.labelSmall,
                   ),
+                  selected: selected,
                   trailing: IconButton(
                     icon: const Icon(Icons.delete_outline),
-                    onPressed: () =>
-                        _confirmDelete(context, ref, c.id, c.title),
+                    onPressed: () => _confirmDelete(c.id, c.title),
                   ),
-                  onTap: () =>
-                      ctx.push(Routes.chat.replaceFirst(':id', '${c.id}')),
+                  onTap: () => _openConversation(c.id),
                 );
               },
             ),
@@ -93,28 +135,38 @@ class ConversationsTabScreen extends ConsumerWidget {
         },
       ),
     );
-  }
 
-  Future<void> _confirmDelete(
-      BuildContext context, WidgetRef ref, int id, String title) async {
-    final ok = await showDialog<bool>(
-      context: context,
-      builder: (dialogContext) => AlertDialog(
-        title: const Text('Delete conversation?'),
-        content: Text('"$title" will be permanently deleted.'),
-        actions: [
-          TextButton(
-              onPressed: () => Navigator.pop(dialogContext, false),
-              child: const Text('Cancel')),
-          FilledButton(
-              onPressed: () => Navigator.pop(dialogContext, true),
-              child: const Text('Delete')),
-        ],
-      ),
+    if (!isWide) return listPanel;
+
+    return Row(
+      children: [
+        SizedBox(
+          width: 320,
+          child: listPanel,
+        ),
+        const VerticalDivider(width: 1),
+        Expanded(
+          child: _selectedConvId != null
+              ? ChatScreen(
+                  key: ValueKey(_selectedConvId),
+                  conversationId: _selectedConvId!,
+                )
+              : Center(
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Icon(Icons.chat_bubble_outline,
+                          size: 48,
+                          color: theme.colorScheme.onSurfaceVariant),
+                      const SizedBox(height: 16),
+                      Text('Select a conversation',
+                          style: theme.textTheme.titleMedium),
+                    ],
+                  ),
+                ),
+        ),
+      ],
     );
-    if (ok == true) {
-      await ref.read(conversationsProvider.notifier).delete(id);
-    }
   }
 }
 

lib/screens/knowledge/knowledge_screen.dart

@@ -186,18 +186,57 @@ class _KnowledgeScreenState extends ConsumerState<KnowledgeScreen>
     }
     return RefreshIndicator(
       onRefresh: () => ref.read(knowledgeProvider.notifier).refresh(),
-      child: ListView.separated(
-        controller: _scrollController,
-        itemCount: items.length + (state.isLoadingBatch ? 1 : 0),
-        separatorBuilder: (_, _) => const Divider(height: 1),
-        itemBuilder: (_, i) {
-          if (i >= items.length) {
-            return const Padding(
-              padding: EdgeInsets.all(16),
-              child: Center(child: CircularProgressIndicator()),
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          final cols = constraints.maxWidth >= 900
+              ? 3
+              : constraints.maxWidth >= 600
+                  ? 2
+                  : 1;
+          if (cols == 1) {
+            return ListView.separated(
+              controller: _scrollController,
+              itemCount: items.length + (state.isLoadingBatch ? 1 : 0),
+              separatorBuilder: (_, _) => const Divider(height: 1),
+              itemBuilder: (_, i) {
+                if (i >= items.length) {
+                  return const Padding(
+                    padding: EdgeInsets.all(16),
+                    child: Center(child: CircularProgressIndicator()),
+                  );
+                }
+                return KnowledgeItemCard(item: items[i]);
+              },
             );
           }
-          return KnowledgeItemCard(item: items[i]);
+          return CustomScrollView(
+            controller: _scrollController,
+            slivers: [
+              SliverPadding(
+                padding: const EdgeInsets.all(8),
+                sliver: SliverGrid(
+                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                    crossAxisCount: cols,
+                    crossAxisSpacing: 8,
+                    mainAxisSpacing: 8,
+                    childAspectRatio: 1.8,
+                  ),
+                  delegate: SliverChildBuilderDelegate(
+                    (_, i) {
+                      if (i >= items.length) {
+                        return const Center(
+                            child: CircularProgressIndicator());
+                      }
+                      return KnowledgeItemCard(item: items[i])
+                          .buildGridCard(context);
+                    },
+                    childCount:
+                        items.length + (state.isLoadingBatch ? 1 : 0),
+                  ),
+                ),
+              ),
+            ],
+          );
         },
       ),
     );

lib/screens/news/news_screen.dart

@@ -50,6 +50,34 @@ class _NewsScreenState extends ConsumerState<NewsScreen> {
     }
   }
 
+  Widget _buildNewsItem(NewsState news, int i, {int cols = 1}) {
+    if (i >= news.items.length) {
+      if (!news.hasMore) return const SizedBox.shrink();
+      return Padding(
+        padding: const EdgeInsets.symmetric(vertical: 8),
+        child: Center(
+          child: news.loadingMore
+              ? const CircularProgressIndicator()
+              : FilledButton.tonal(
+                  onPressed: _loadMore,
+                  child: const Text('Load more'),
+                ),
+        ),
+      );
+    }
+    final item = news.items[i];
+    return NewsCard(
+      item: RssItemMeta.fromNewsItem(item),
+      reaction: news.reactions[item.id],
+      snippetMaxLines: cols > 1 ? 5 : 2,
+      onReaction: (itemId, reaction) =>
+          ref.read(newsProvider.notifier).toggleReaction(itemId, reaction),
+      onDiscuss: _openingChat.contains(item.id)
+          ? null
+          : () => _handleDiscuss(item.id),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final newsAsync = ref.watch(newsProvider);
@@ -98,38 +126,59 @@ class _NewsScreenState extends ConsumerState<NewsScreen> {
             Expanded(
               child: RefreshIndicator(
                 onRefresh: () => ref.read(newsProvider.notifier).refresh(),
-                child: ListView.builder(
-                padding:
-                    const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
-                itemCount: news.items.length + 1,
-                itemBuilder: (_, i) {
-                  if (i == news.items.length) {
-                    if (!news.hasMore) return const SizedBox.shrink();
-                    return Padding(
-                      padding: const EdgeInsets.symmetric(vertical: 8),
-                      child: Center(
-                        child: news.loadingMore
-                            ? const CircularProgressIndicator()
-                            : FilledButton.tonal(
-                                onPressed: _loadMore,
-                                child: const Text('Load more'),
+                child: LayoutBuilder(
+                  builder: (context, constraints) {
+                    final cols = constraints.maxWidth >= 900
+                        ? 3
+                        : constraints.maxWidth >= 600
+                            ? 2
+                            : 1;
+                    if (cols == 1) {
+                      return ListView.builder(
+                        padding: const EdgeInsets.symmetric(
+                            horizontal: 8, vertical: 8),
+                        itemCount: news.items.length + 1,
+                        itemBuilder: (_, i) =>
+                            _buildNewsItem(news, i),
+                      );
+                    }
+                    return CustomScrollView(
+                      slivers: [
+                        SliverPadding(
+                          padding: const EdgeInsets.all(8),
+                          sliver: SliverGrid(
+                            gridDelegate:
+                                SliverGridDelegateWithFixedCrossAxisCount(
+                              crossAxisCount: cols,
+                              crossAxisSpacing: 8,
+                              mainAxisSpacing: 8,
+                              childAspectRatio: 1.6,
+                            ),
+                            delegate: SliverChildBuilderDelegate(
+                              (_, i) => _buildNewsItem(news, i, cols: cols),
+                              childCount: news.items.length,
+                            ),
+                          ),
+                        ),
+                        if (news.hasMore)
+                          SliverToBoxAdapter(
+                            child: Padding(
+                              padding:
+                                  const EdgeInsets.symmetric(vertical: 12),
+                              child: Center(
+                                child: news.loadingMore
+                                    ? const CircularProgressIndicator()
+                                    : FilledButton.tonal(
+                                        onPressed: _loadMore,
+                                        child: const Text('Load more'),
+                                      ),
                               ),
-                      ),
+                            ),
+                          ),
+                      ],
                     );
-                  }
-                  final item = news.items[i];
-                  return NewsCard(
-                    item: RssItemMeta.fromNewsItem(item),
-                    reaction: news.reactions[item.id],
-                    onReaction: (itemId, reaction) => ref
-                        .read(newsProvider.notifier)
-                        .toggleReaction(itemId, reaction),
-                    onDiscuss: _openingChat.contains(item.id)
-                        ? null
-                        : () => _handleDiscuss(item.id),
-                  );
-                },
-              ),
+                  },
+                ),
               ),
             ),
           ],

lib/widgets/knowledge_item_card.dart

@@ -27,12 +27,24 @@ class KnowledgeItemCard extends StatelessWidget {
 
   String? get _subtitle {
     if (item.noteType == 'task') {
+      if (item.body.trim().isNotEmpty) {
+        final preview = item.body.trim().replaceAll('\n', ' ');
+        return preview.length > 200 ? '${preview.substring(0, 200)}…' : preview;
+      }
       if (item.dueDate != null) return 'Due ${item.dueDate}';
       return item.status;
     }
     if (item.body.trim().isEmpty) return null;
     final preview = item.body.trim().replaceAll('\n', ' ');
-    return preview.length > 120 ? '${preview.substring(0, 120)}…' : preview;
+    return preview.length > 200 ? '${preview.substring(0, 200)}…' : preview;
+  }
+
+  void _onTap(BuildContext context) {
+    if (item.noteType == 'task') {
+      context.push('/tasks/${item.id}/edit');
+    } else {
+      context.push('/notes/${item.id}');
+    }
   }
 
   @override
@@ -53,13 +65,64 @@ class KnowledgeItemCard extends StatelessWidget {
             )
           : null,
       trailing: item.tags.isNotEmpty ? _TagChips(tags: item.tags) : null,
-      onTap: () {
-        if (item.noteType == 'task') {
-          context.push('/tasks/${item.id}/edit');
-        } else {
-          context.push('/notes/${item.id}');
-        }
-      },
+      onTap: () => _onTap(context),
+    );
+  }
+
+  Widget buildGridCard(BuildContext context) {
+    final scheme = Theme.of(context).colorScheme;
+    final textTheme = Theme.of(context).textTheme;
+    return Card(
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(10),
+        side: BorderSide(color: scheme.outlineVariant),
+      ),
+      child: InkWell(
+        borderRadius: BorderRadius.circular(10),
+        onTap: () => _onTap(context),
+        child: Padding(
+          padding: const EdgeInsets.all(12),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  Icon(_icon, size: 18, color: _statusColor(context)),
+                  const SizedBox(width: 8),
+                  Expanded(
+                    child: Text(
+                      item.title.isEmpty ? '(untitled)' : item.title,
+                      maxLines: 2,
+                      overflow: TextOverflow.ellipsis,
+                      style: textTheme.titleSmall
+                          ?.copyWith(fontWeight: FontWeight.w600),
+                    ),
+                  ),
+                ],
+              ),
+              if (_subtitle != null) ...[
+                const SizedBox(height: 8),
+                Expanded(
+                  child: Text(
+                    _subtitle!,
+                    overflow: TextOverflow.ellipsis,
+                    maxLines: 4,
+                    style: textTheme.bodySmall?.copyWith(
+                      color: scheme.onSurfaceVariant,
+                      height: 1.4,
+                    ),
+                  ),
+                ),
+              ],
+              if (item.tags.isNotEmpty) ...[
+                const Spacer(),
+                _TagChips(tags: item.tags),
+              ],
+            ],
+          ),
+        ),
+      ),
     );
   }
 }

lib/widgets/news_card.dart

@@ -54,6 +54,7 @@ class NewsCard extends StatelessWidget {
   final String? reaction; // 'up' | 'down' | null
   final void Function(int itemId, String reaction) onReaction;
   final VoidCallback? onDiscuss;
+  final int snippetMaxLines;
 
   const NewsCard({
     super.key,
@@ -61,6 +62,7 @@ class NewsCard extends StatelessWidget {
     required this.reaction,
     required this.onReaction,
     this.onDiscuss,
+    this.snippetMaxLines = 2,
   });
 
   Future<void> _openUrl() async {
@@ -135,7 +137,7 @@ class NewsCard extends StatelessWidget {
               const SizedBox(height: 4),
               Text(
                 item.snippet,
-                maxLines: 2,
+                maxLines: snippetMaxLines,
                 overflow: TextOverflow.ellipsis,
                 style: textTheme.bodySmall?.copyWith(
                   color: scheme.onSurfaceVariant,

pubspec.lock

@@ -804,10 +804,10 @@ packages:
     dependency: "direct main"
     description:
       name: record
-      sha256: "2e3d56d196abcd69f1046339b75e5f3855b2406fc087e5991f6703f188aa03a6"
+      sha256: d5b6b334f3ab02460db6544e08583c942dbf23e3504bf1e14fd4cbe3d9409277
       url: "https://pub.dev"
     source: hosted
-    version: "5.2.1"
+    version: "6.2.0"
   record_android:
     dependency: transitive
     description:
@@ -816,22 +816,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.5.1"
-  record_darwin:
+  record_ios:
     dependency: transitive
     description:
-      name: record_darwin
-      sha256: e487eccb19d82a9a39cd0126945cfc47b9986e0df211734e2788c95e3f63c82c
+      name: record_ios
+      sha256: "8df7c136131bd05efc19256af29b2ba6ccc000ccc2c80d4b6b6d7a8d21a3b5a9"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.2"
+    version: "1.2.0"
   record_linux:
-    dependency: "direct overridden"
+    dependency: transitive
     description:
       name: record_linux
       sha256: c31a35cc158cd666fc6395f7f56fc054f31685571684be6b97670a27649ce5c7
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  record_macos:
+    dependency: transitive
+    description:
+      name: record_macos
+      sha256: "084902e63fc9c0c224c29203d6c75f0bdf9b6a40536c9d916393c8f4c4256488"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.1"
   record_platform_interface:
     dependency: transitive
     description:
@@ -1165,6 +1173,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.5.3"
+  vad:
+    dependency: "direct main"
+    description:
+      name: vad
+      sha256: ef6c8b12c5af7a6a519ff5684f074b8a2ac00c434705f544af379ea77bccd258
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.0.7+1"
   vector_math:
     dependency: transitive
     description:

pubspec.yaml

@@ -28,13 +28,11 @@ dependencies:
   google_fonts: ^8.0.2
   flutter_timezone: ^5.0.2
   url_launcher: ^6.3.1
-  record: ^5.0.0
+  record: ^6.2.0
+  vad: ^0.0.7
   just_audio: ^0.9.39
   table_calendar: ^3.1.2
 
-dependency_overrides:
-  record_linux: ^1.3.0
-
 dev_dependencies:
   flutter_test:
     sdk: flutter