Release v26.04.15.1 — Tablet landscape improvements

Shell: move Projects/News/Calendar into ShellRoute so the NavigationRail
persists across all screens. Show all 6 nav destinations on tablet
instead of 3+More overflow. Phone bottom nav unchanged.

Chat: master-detail layout on tablet — conversations list (320px) with
inline chat panel. Tapping a conversation updates state instead of
pushing a new route.

Knowledge: responsive grid (2 cols portrait, 3 cols landscape) with
card layout showing icon, title, body preview, and tags. Fix snippet
data — read json['snippet'] which the API actually sends. Bump snippet
length from 120 to 200 chars. Tasks now show description as snippet.

News: responsive grid with the same breakpoints. Larger snippet
(5 lines) in grid mode via snippetMaxLines parameter.

Briefing: centered reading column (maxWidth 700) on wide screens,
matching the web UI layout.

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);
@@ -653,6 +659,7 @@ class _QuickCaptureBarState extends ConsumerState<_QuickCaptureBar> {
                 VoiceMicButton(
                   mode: ref.watch(voiceProvider).mode,
                   voiceModeActive: ref.watch(voiceProvider).voiceModeActive,
+                  amplitude: ref.watch(voiceProvider).amplitude,
                   onTap: _toggleCaptureMic,
                 ),
                 IconButton(

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

@@ -59,22 +59,29 @@ class VoiceState {
   final VoiceMode mode;
   final bool voiceModeActive;
   final bool available;
+  /// Normalized mic amplitude 0.0–1.0 while recording. Drives the live
+  /// pulse on VoiceMicButton so the user has obvious feedback that audio
+  /// is actually being picked up.
+  final double amplitude;
 
   const VoiceState({
     this.mode = VoiceMode.idle,
     this.voiceModeActive = false,
     this.available = true,
+    this.amplitude = 0.0,
   });
 
   VoiceState copyWith({
     VoiceMode? mode,
     bool? voiceModeActive,
     bool? available,
+    double? amplitude,
   }) =>
       VoiceState(
         mode: mode ?? this.mode,
         voiceModeActive: voiceModeActive ?? this.voiceModeActive,
         available: available ?? this.available,
+        amplitude: amplitude ?? this.amplitude,
       );
 }
 
@@ -92,10 +99,23 @@ class VoiceNotifier extends Notifier<VoiceState> {
   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;
-  static const _silenceThresholdDb = -40.0;
-  static const _silenceDurationMs = 1500;
+  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;
 
   // Voice mode callbacks
@@ -229,6 +249,7 @@ class VoiceNotifier extends Notifier<VoiceState> {
     if (!state.voiceModeActive) return;
 
     _silenceMs = 0;
+    _peakDb = -100.0;
     _recordingStartMs = DateTime.now().millisecondsSinceEpoch;
     state = state.copyWith(mode: VoiceMode.recording);
 
@@ -267,14 +288,33 @@ class VoiceNotifier extends Notifier<VoiceState> {
   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;
 
-    final db = event.current;
-    // Guard against NaN / ±Infinity which can arrive on some Android devices
-    // when the recorder is initialising. Treat invalid readings as silence.
-    final isSilent = db.isNaN || db.isInfinite || db < _silenceThresholdDb;
+    // 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;

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(
@@ -376,6 +377,7 @@ class _BriefingScreenState extends ConsumerState<BriefingScreen>
                       VoiceMicButton(
                         mode: voiceState.mode,
                         voiceModeActive: voiceState.voiceModeActive,
+                        amplitude: voiceState.amplitude,
                         onTap: _toggleVoiceMode,
                       ),
                       const SizedBox(width: 6),
@@ -391,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/chat_screen.dart

@@ -267,6 +267,7 @@ class _ChatScreenState extends ConsumerState<ChatScreen>
                   VoiceMicButton(
                     mode: voiceState.mode,
                     voiceModeActive: voiceState.voiceModeActive,
+                    amplitude: voiceState.amplitude,
                     onTap: _toggleVoiceMode,
                   ),
                   const SizedBox(width: 6),

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,

lib/widgets/voice_mic_button.dart

@@ -5,51 +5,29 @@ import '../providers/voice_provider.dart';
 /// Animated mic button that reflects the current [VoiceMode].
 ///
 /// - idle: muted background, mic_none icon
-/// - recording: red with pulsing shadow ring
+/// - recording: red, pulses with live [amplitude] for real-time feedback
 /// - transcribing: indigo with spinner
 /// - playing: indigo with volume_up icon
-class VoiceMicButton extends StatefulWidget {
+class VoiceMicButton extends StatelessWidget {
   final VoiceMode mode;
   final bool voiceModeActive;
+  /// Live mic amplitude 0.0–1.0 while recording. Drives the button scale
+  /// and glow so the user has obvious feedback that audio is being picked
+  /// up. Ignored when not in [VoiceMode.recording].
+  final double amplitude;
   final VoidCallback? onTap;
 
   const VoiceMicButton({
     super.key,
     required this.mode,
     required this.voiceModeActive,
+    this.amplitude = 0.0,
     this.onTap,
   });
 
-  @override
-  State<VoiceMicButton> createState() => _VoiceMicButtonState();
-}
-
-class _VoiceMicButtonState extends State<VoiceMicButton>
-    with SingleTickerProviderStateMixin {
-  late AnimationController _pulseController;
-  late Animation<double> _pulseAnimation;
-
-  @override
-  void initState() {
-    super.initState();
-    _pulseController = AnimationController(
-      vsync: this,
-      duration: const Duration(milliseconds: 900),
-    )..repeat(reverse: true);
-    _pulseAnimation = Tween<double>(begin: 1.0, end: 1.25).animate(
-      CurvedAnimation(parent: _pulseController, curve: Curves.easeInOut),
-    );
-  }
-
-  @override
-  void dispose() {
-    _pulseController.dispose();
-    super.dispose();
-  }
-
   Color _bgColor(BuildContext context) {
     final cs = Theme.of(context).colorScheme;
-    return switch (widget.mode) {
+    return switch (mode) {
       VoiceMode.recording => const Color(0xFFEF4444),
       VoiceMode.transcribing || VoiceMode.playing => cs.primary,
       VoiceMode.idle => cs.surfaceContainerHighest,
@@ -58,11 +36,10 @@ class _VoiceMicButtonState extends State<VoiceMicButton>
 
   Widget _icon(BuildContext context) {
     final cs = Theme.of(context).colorScheme;
-    final iconColor = widget.mode == VoiceMode.idle
-        ? cs.onSurfaceVariant
-        : Colors.white;
+    final iconColor =
+        mode == VoiceMode.idle ? cs.onSurfaceVariant : Colors.white;
 
-    return switch (widget.mode) {
+    return switch (mode) {
       VoiceMode.transcribing => SizedBox(
           width: 18,
           height: 18,
@@ -78,14 +55,14 @@ class _VoiceMicButtonState extends State<VoiceMicButton>
 
   @override
   Widget build(BuildContext context) {
-    final isRecording = widget.mode == VoiceMode.recording;
+    final isRecording = mode == VoiceMode.recording;
 
     final button = Material(
       color: _bgColor(context),
       shape: const CircleBorder(),
       child: InkWell(
         customBorder: const CircleBorder(),
-        onTap: widget.onTap,
+        onTap: onTap,
         child: SizedBox(
           width: 40,
           height: 40,
@@ -96,22 +73,30 @@ class _VoiceMicButtonState extends State<VoiceMicButton>
 
     if (!isRecording) return button;
 
-    return AnimatedBuilder(
-      animation: _pulseAnimation,
-      builder: (_, child) => Container(
-        decoration: BoxDecoration(
-          shape: BoxShape.circle,
-          boxShadow: [
-            BoxShadow(
-              color: const Color(0xFFEF4444).withValues(alpha: 0.35),
-              blurRadius: 8 * _pulseAnimation.value,
-              spreadRadius: 2 * _pulseAnimation.value,
-            ),
-          ],
-        ),
-        child: child,
+    // Base pulse so silence still breathes (0.1 floor), scale + glow climb
+    // linearly with live amplitude.
+    final amp = amplitude.clamp(0.0, 1.0);
+    final pulse = 0.1 + amp * 0.9;
+
+    return AnimatedContainer(
+      duration: const Duration(milliseconds: 120),
+      curve: Curves.easeOut,
+      decoration: BoxDecoration(
+        shape: BoxShape.circle,
+        boxShadow: [
+          BoxShadow(
+            color: const Color(0xFFEF4444).withValues(alpha: 0.2 + pulse * 0.3),
+            blurRadius: 6 + pulse * 14,
+            spreadRadius: 1 + pulse * 5,
+          ),
+        ],
+      ),
+      child: AnimatedScale(
+        scale: 1.0 + pulse * 0.18,
+        duration: const Duration(milliseconds: 120),
+        curve: Curves.easeOut,
+        child: button,
       ),
-      child: button,
     );
   }
 }