feat: integrate customizable smooth scroll duration and update contro…

lib/components/layout/device_bottom_bar.dart

@@ -3,15 +3,30 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:lucide_icons_flutter/lucide_icons.dart';
 
 import '../../core/theme/color_tokens.dart';
+import '../../core/utils/smooth_scroll_controller.dart';
 import '../../models/device_info.dart';
 import '../../server/providers/server_providers.dart';
 
 /// Bottom bar showing connected devices with glow animation on selected item.
-class DeviceBottomBar extends ConsumerWidget {
+class DeviceBottomBar extends ConsumerStatefulWidget {
   const DeviceBottomBar({super.key});
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) {
+  ConsumerState<DeviceBottomBar> createState() => _DeviceBottomBarState();
+}
+
+class _DeviceBottomBarState extends ConsumerState<DeviceBottomBar> {
+  final _scrollController = SmoothScrollController();
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final ref = this.ref;
     final devices = ref.watch(connectedDevicesProvider);
     final selectedId = ref.watch(selectedDeviceProvider);
     final isDark = Theme.of(context).brightness == Brightness.dark;
@@ -63,6 +78,7 @@ class DeviceBottomBar extends ConsumerWidget {
           // Device chips
           Expanded(
             child: ListView.separated(
+              controller: _scrollController,
               scrollDirection: Axis.horizontal,
               padding: const EdgeInsets.symmetric(horizontal: 2),
               itemCount: devices.length,

lib/components/layout/sidebar.dart

@@ -5,6 +5,7 @@ import 'package:lucide_icons_flutter/lucide_icons.dart';
 import '../../core/providers/tab_visibility_provider.dart';
 import '../../core/theme/color_tokens.dart';
 import '../../core/theme/theme_provider.dart';
+import '../../core/utils/smooth_scroll_controller.dart';
 import '../../server/providers/server_providers.dart';
 
 class SidebarItem {
@@ -82,7 +83,7 @@ final sidebarItems = [
   ),
 ];
 
-class Sidebar extends ConsumerWidget {
+class Sidebar extends ConsumerStatefulWidget {
   final int selectedIndex;
   final ValueChanged<int> onItemSelected;
 
@@ -93,7 +94,21 @@ class Sidebar extends ConsumerWidget {
   });
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) {
+  ConsumerState<Sidebar> createState() => _SidebarState();
+}
+
+class _SidebarState extends ConsumerState<Sidebar> {
+  final _scrollController = SmoothScrollController();
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final ref = this.ref;
     final theme = Theme.of(context);
     final isDark = theme.brightness == Brightness.dark;
     final devices = ref.watch(connectedDevicesProvider);
@@ -107,6 +122,8 @@ class Sidebar extends ConsumerWidget {
       );
     }
 
+    final selectedIndex = widget.selectedIndex;
+
     return Container(
       width: 68,
       decoration: BoxDecoration(
@@ -158,6 +175,7 @@ class Sidebar extends ConsumerWidget {
             child: Builder(builder: (context) {
               final enabledTabs = ref.watch(tabVisibilityProvider);
               return ListView.builder(
+                controller: _scrollController,
                 itemCount: sidebarItems.length,
                 padding: const EdgeInsets.symmetric(horizontal: 8),
                 itemBuilder: (context, index) {
@@ -170,7 +188,7 @@ class Sidebar extends ConsumerWidget {
                     label: item.label,
                     isSelected: isSelected,
                     isLocked: isLocked,
-                    onTap: () => onItemSelected(index),
+                    onTap: () => widget.onItemSelected(index),
                   );
                 },
               );

lib/components/text/text_component.dart

@@ -154,12 +154,20 @@ class _SelectableEllipsis extends StatelessWidget {
       painter.dispose();
 
       if (!didOverflow) {
+        // Text fits within [maxLines] — we pass `maxLines: null` here
+        // intentionally.  Flutter's SelectableText (backed by a multiline
+        // TextField) reserves vertical height for every line slot up to the
+        // maxLines limit even when the content is short, which creates
+        // unwanted whitespace in compact rows (e.g. network header values).
+        // Since the TextPainter check above already confirmed the text does
+        // NOT exceed the constraint, clamping is unnecessary and null
+        // lets the widget collapse to its natural single-line height.
         return SelectableText(data,
             style: style,
             strutStyle: strutStyle,
             textAlign: textAlign,
             textDirection: textDirection,
-            maxLines: maxLines,
+            maxLines: null,
             textWidthBasis: textWidthBasis,
             textHeightBehavior: textHeightBehavior,
             semanticsLabel: semanticsLabel,

lib/components/viewers/json_viewer.dart

@@ -12,8 +12,9 @@ import '../../core/theme/color_tokens.dart';
 import '../../core/utils/code_generator.dart';
 import '../../core/utils/toast_utils.dart';
 import '../../core/utils/code_highlighter.dart';
+import '../../core/utils/smooth_scroll_controller.dart';
 
-class JsonViewer extends StatelessWidget {
+class JsonViewer extends StatefulWidget {
   final dynamic data;
   final bool initiallyExpanded;
 
@@ -23,16 +24,31 @@ class JsonViewer extends StatelessWidget {
     this.initiallyExpanded = true,
   });
 
+  @override
+  State<JsonViewer> createState() => _JsonViewerState();
+}
+
+class _JsonViewerState extends State<JsonViewer> {
+  final _scrollController = SmoothScrollController();
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    super.dispose();
+  }
+
   String _formatAll() {
     try {
-      return const JsonEncoder.withIndent('  ').convert(data);
+      return const JsonEncoder.withIndent('  ').convert(widget.data);
     } catch (_) {
-      return data?.toString() ?? 'null';
+      return widget.data?.toString() ?? 'null';
     }
   }
 
   @override
   Widget build(BuildContext context) {
+    final data = widget.data;
+    final initiallyExpanded = widget.initiallyExpanded;
     if (data == null) {
       return Text('null', style: Theme.of(context).textTheme.labelMedium);
     }
@@ -56,6 +72,7 @@ class JsonViewer extends StatelessWidget {
         const SizedBox(height: 6),
         SelectionArea(
           child: SingleChildScrollView(
+            controller: _scrollController,
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
@@ -410,6 +427,13 @@ class _JsonPrettyViewerState extends State<JsonPrettyViewer> {
   bool? _lastIsDark;
   /// Per-line TextSpan cache — built lazily per visible line.
   final Map<int, List<TextSpan>> _lineSpanCache = {};
+  final _scrollController = SmoothScrollController();
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    super.dispose();
+  }
 
   @override
   void initState() {
@@ -605,6 +629,7 @@ class _JsonPrettyViewerState extends State<JsonPrettyViewer> {
                   builder: (context, constraints) {
                     final bounded = constraints.maxHeight.isFinite;
                     return ListView.builder(
+                      controller: _scrollController,
                       itemCount: lineCount,
                       shrinkWrap: !bounded,
                       physics: bounded

lib/core/theme/theme_provider.dart

@@ -124,6 +124,22 @@ final smoothScrollEnabledProvider =
   (ref) => SmoothScrollEnabledNotifier(),
 );
 
+/// How long the smooth scroll animation runs (in milliseconds).
+class SmoothScrollDurationNotifier extends StateNotifier<int> {
+  SmoothScrollDurationNotifier()
+      : super(AppPreferences().get<int>('smoothScrollDuration', 250) ?? 250);
+
+  void set(int v) {
+    state = v;
+    AppPreferences().set('smoothScrollDuration', v);
+  }
+}
+
+final smoothScrollDurationProvider =
+    StateNotifierProvider<SmoothScrollDurationNotifier, int>(
+  (ref) => SmoothScrollDurationNotifier(),
+);
+
 // ═══════════════════════════════════════════════════════════════════
 // Server start error (transient, not persisted)
 // ═══════════════════════════════════════════════════════════════════

lib/core/utils/log_message_summary.dart

@@ -0,0 +1,43 @@
+import 'dart:convert';
+
+/// Convert a raw log message into a one-line preview suitable for
+/// list-row titles and search-result previews.
+///
+/// Special handling for JSON objects/arrays so the user sees something
+/// like `Object {3 keys: foo, bar, baz}` instead of just `{` (the first
+/// character of the pretty-printed payload that the SDK sent over the
+/// wire, which the list-row `maxLines: 1` would otherwise truncate to).
+///
+/// Non-JSON messages are returned unchanged.
+String summarizeLogMessage(String message) {
+  final trimmed = message.trimLeft();
+  if (trimmed.isEmpty) return message;
+  if (trimmed[0] != '{' && trimmed[0] != '[') return message;
+
+  // Skip expensive JSON parsing for very large payloads — decoding a
+  // multi-MB log synchronously on the main thread can cause noticeable
+  // jank.  In practice a JSON preview is not useful for such payloads.
+  if (trimmed.length > 5000) return message;
+
+  // Try to parse as JSON — RN's `toStr` (and Flutter's `jsonEncode`) ship
+  // pretty-printed payloads, so we can't rely on a single line.
+  dynamic parsed;
+  try {
+    parsed = jsonDecode(trimmed);
+  } catch (_) {
+    return message; // not valid JSON — show the original text
+  }
+
+  if (parsed is Map) {
+    final keys = parsed.keys.cast<String>().toList();
+    if (keys.isEmpty) return 'Object {}';
+    final preview = keys.take(3).join(', ');
+    final more = keys.length > 3 ? ', …' : '';
+    return 'Object {${keys.length} key${keys.length == 1 ? '' : 's'}: $preview$more}';
+  }
+  if (parsed is List) {
+    if (parsed.isEmpty) return 'Array []';
+    return 'Array [${parsed.length}]';
+  }
+  return message;
+}

lib/core/utils/smooth_scroll_controller.dart

@@ -34,6 +34,7 @@ class SmoothScrollPosition extends ScrollPositionWithSingleContext {
     // Calculate target pixels starting from current target (if animating) or current position
     final double basePixels = _targetPixels ?? pixels;
     final double target = (basePixels + delta * 2.2).clamp(minScrollExtent, maxScrollExtent);
+    final durationMs = AppPreferences().get<int>('smoothScrollDuration', 250) ?? 250;
 
     if (target != pixels) {
       _targetPixels = target;
@@ -47,7 +48,7 @@ class SmoothScrollPosition extends ScrollPositionWithSingleContext {
       // in `beginActivity` always cleared `_targetPixels` mid-animation.
       animateTo(
         target,
-        duration: const Duration(milliseconds: 250),
+        duration: Duration(milliseconds: durationMs),
         curve: Curves.easeOutQuart,
       ).whenComplete(() {
         if (_targetPixels == target) {