refactor: implement SlideDrawer for enhanced chat page navigation

- Introduced SlideDrawer to replace the traditional drawer, providing a smoother and more interactive user experience.
- Updated ChatPage to utilize SlideDrawer, allowing for customizable drawer behavior and improved responsiveness.
- Refactored the app bar and navigation logic to accommodate the new slide drawer, enhancing overall layout and usability.
- Removed deprecated imports and streamlined the code for better maintainability.

lib/features/chat/views/chat_page.dart

@@ -8,6 +8,8 @@ import 'package:flutter/cupertino.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'dart:io' show Platform;
+import '../../../shared/widgets/slide_drawer.dart';
+import '../../navigation/widgets/chats_drawer.dart';
 import 'dart:async';
 import '../../../core/providers/app_providers.dart';
 import '../providers/chat_providers.dart';
@@ -21,14 +23,12 @@ import '../widgets/user_message_bubble.dart';
 import '../widgets/assistant_message_widget.dart' as assistant;
 import '../widgets/streaming_title_text.dart';
 import '../widgets/file_attachment_widget.dart';
-// import '../widgets/voice_input_sheet.dart'; // deprecated: replaced by inline voice input
 import '../services/voice_input_service.dart';
 import '../services/file_attachment_service.dart';
 import 'voice_call_page.dart';
 import 'package:path/path.dart' as path;
 import '../../../shared/services/tasks/task_queue.dart';
 import '../../tools/providers/tools_providers.dart';
-import '../../navigation/widgets/chats_drawer.dart';
 import '../../../core/models/chat_message.dart';
 import '../../../core/models/model.dart';
 import '../../../shared/widgets/loading_states.dart';
@@ -43,7 +43,6 @@ import '../../../shared/widgets/modal_safe_area.dart';
 import '../../../core/services/settings_service.dart';
 import '../../../shared/utils/conversation_context_menu.dart';
 import '../../../shared/widgets/model_avatar.dart';
-// Removed unused PlatformUtils import
 import '../../../core/services/platform_service.dart' as ps;
 import 'package:flutter/gestures.dart' show DragStartBehavior;
 
@@ -1164,27 +1163,33 @@ class _ChatPageState extends ConsumerState<ChatPage> {
             }
           }
         },
-        child: Scaffold(
+        child: Builder(
-          backgroundColor: context.conduitTheme.surfaceBackground,
+          builder: (outerCtx) {
-          // Left navigation drawer with draggable edge open (native, finger-following)
+            final size = MediaQuery.of(outerCtx).size;
-          drawerEnableOpenDragGesture: true,
+            final isTablet = size.shortestSide >= 600;
-          drawerDragStartBehavior: DragStartBehavior.down,
+            final maxFraction = isTablet ? 0.42 : 0.84;
-          drawerEdgeDragWidth: MediaQuery.of(context).size.width * 0.5,
+            final edgeFraction = isTablet ? 0.36 : 0.50; // large phone edge
-          drawerScrimColor: context.colorTokens.overlayStrong,
+            final scrim = Platform.isIOS
-          drawer: Drawer(
+                ? context.colorTokens.overlayMedium
-            width: (MediaQuery.of(context).size.width * 0.80).clamp(
+                : context.colorTokens.overlayStrong;
-              280.0,
+
-              420.0,
+            return SlideDrawer(
-            ),
+              maxFraction: maxFraction,
-            backgroundColor: context.conduitTheme.surfaceBackground,
+              edgeFraction: edgeFraction,
-            child: SafeArea(
+              settleFraction: 0.06, // even gentler settle for instant open feel
+              scrimColor: scrim,
+              drawer: SafeArea(
                 top: true,
                 bottom: true,
                 left: false,
                 right: false,
                 child: const ChatsDrawer(),
               ),
-          ),
+              child: Scaffold(
+                backgroundColor: context.conduitTheme.surfaceBackground,
+                // Replace Scaffold drawer with a tunable slide drawer for gentler snap behavior.
+                drawerEnableOpenDragGesture: false,
+                drawerDragStartBehavior: DragStartBehavior.down,
                 appBar: AppBar(
                   backgroundColor: context.conduitTheme.surfaceBackground,
                   elevation: Elevation.none,
@@ -1209,8 +1214,8 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                             ),
                             child: IconButton(
                               onPressed: () {
-                          // Open left drawer instead of bottom sheet
+                                // Open slide drawer
-                          Scaffold.of(ctx).openDrawer();
+                                SlideDrawer.of(ctx)?.open();
                               },
                               icon: Icon(
                                 Platform.isIOS
@@ -1238,7 +1243,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                             if (modelsAsync.isLoading) {
                               // If still loading, wait for it to complete
                               try {
-                          final models = await ref.read(modelsProvider.future);
+                                final models = await ref.read(
+                                  modelsProvider.future,
+                                );
                                 // Check mounted and use context immediately together
                                 if (!mounted) return;
                                 // ignore: use_build_context_synchronously
@@ -1252,12 +1259,18 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                               }
                             } else if (modelsAsync.hasValue) {
                               // If we have data, show immediately (no async gap)
-                        _showModelDropdown(context, ref, modelsAsync.value!);
+                              _showModelDropdown(
+                                context,
+                                ref,
+                                modelsAsync.value!,
+                              );
                             } else if (modelsAsync.hasError) {
                               // If there's an error, try to refresh and load
                               try {
                                 ref.invalidate(modelsProvider);
-                          final models = await ref.read(modelsProvider.future);
+                                final models = await ref.read(
+                                  modelsProvider.future,
+                                );
                                 // Check mounted and use context immediately together
                                 if (!mounted) return;
                                 // ignore: use_build_context_synchronously
@@ -1272,7 +1285,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                             }
                           },
                           onLongPress: () {
-                      final conversation = ref.read(activeConversationProvider);
+                            final conversation = ref.read(
+                              activeConversationProvider,
+                            );
                             if (conversation == null) return;
                             showConversationContextMenu(
                               context: context,
@@ -1297,7 +1312,8 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                         children: [
                                           StreamingTitleText(
                                             title: displayConversationTitle,
-                                      style: AppTypography.headlineSmallStyle
+                                            style: AppTypography
+                                                .headlineSmallStyle
                                                 .copyWith(
                                                   color: context
                                                       .conduitTheme
@@ -1341,8 +1357,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                               AppBorderRadius.badge,
                                             ),
                                             border: Border.all(
-                                        color:
+                                              color: context
-                                            context.conduitTheme.dividerColor,
+                                                  .conduitTheme
+                                                  .dividerColor,
                                               width: BorderWidth.thin,
                                             ),
                                           ),
@@ -1350,7 +1367,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                             Platform.isIOS
                                                 ? CupertinoIcons.chevron_down
                                                 : Icons.keyboard_arrow_down,
-                                      color: context.conduitTheme.iconSecondary,
+                                            color: context
+                                                .conduitTheme
+                                                .iconSecondary,
                                             size: IconSize.small,
                                           ),
                                         ),
@@ -1379,7 +1398,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                             AppBorderRadius.badge,
                                           ),
                                           border: Border.all(
-                                      color: context.conduitTheme.dividerColor,
+                                            color: context
+                                                .conduitTheme
+                                                .dividerColor,
                                             width: BorderWidth.thin,
                                           ),
                                         ),
@@ -1387,7 +1408,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                           Platform.isIOS
                                               ? CupertinoIcons.chevron_down
                                               : Icons.keyboard_arrow_down,
-                                    color: context.conduitTheme.iconSecondary,
+                                          color: context
+                                              .conduitTheme
+                                              .iconSecondary,
                                           size: IconSize.small,
                                         ),
                                       ),
@@ -1407,9 +1430,8 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                       vertical: 1.0,
                                     ),
                                     decoration: BoxDecoration(
-                                color: context.conduitTheme.success.withValues(
+                                      color: context.conduitTheme.success
-                                  alpha: 0.1,
+                                          .withValues(alpha: 0.1),
-                                ),
                                       borderRadius: BorderRadius.circular(
                                         AppBorderRadius.badge,
                                       ),
@@ -1421,7 +1443,8 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                     ),
                                     child: Text(
                                       'REVIEWER MODE',
-                                style: AppTypography.captionStyle.copyWith(
+                                      style: AppTypography.captionStyle
+                                          .copyWith(
                                             color: context.conduitTheme.success,
                                             fontWeight: FontWeight.w600,
                                             fontSize: 9,
@@ -1435,7 +1458,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                   actions: [
                     if (!_isSelectionMode) ...[
                       Padding(
-                  padding: const EdgeInsets.only(right: Spacing.inputPadding),
+                        padding: const EdgeInsets.only(
+                          right: Spacing.inputPadding,
+                        ),
                         child: IconButton(
                           icon: Icon(
                             Platform.isIOS
@@ -1478,12 +1503,18 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                               onRefresh: () async {
                                 // Reload active conversation messages from server
                                 final api = ref.read(apiServiceProvider);
-                          final active = ref.read(activeConversationProvider);
+                                final active = ref.read(
+                                  activeConversationProvider,
+                                );
                                 if (api != null && active != null) {
                                   try {
-                              final full = await api.getConversation(active.id);
+                                    final full = await api.getConversation(
+                                      active.id,
+                                    );
                                     ref
-                                  .read(activeConversationProvider.notifier)
+                                        .read(
+                                          activeConversationProvider.notifier,
+                                        )
                                         .set(full);
                                   } catch (e) {
                                     DebugLogger.log(
@@ -1583,7 +1614,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                   canScroll &&
                                   ref.watch(chatMessagesProvider).isNotEmpty)
                               ? Center(
-                            key: const ValueKey('scroll_to_bottom_visible'),
+                                  key: const ValueKey(
+                                    'scroll_to_bottom_visible',
+                                  ),
                                   child: ClipRRect(
                                     borderRadius: BorderRadius.circular(
                                       AppBorderRadius.floatingButton,
@@ -1602,7 +1635,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                         borderRadius: BorderRadius.circular(
                                           AppBorderRadius.floatingButton,
                                         ),
-                                  boxShadow: ConduitShadows.button(context),
+                                        boxShadow: ConduitShadows.button(
+                                          context,
+                                        ),
                                       ),
                                       child: SizedBox(
                                         width: TouchTarget.button,
@@ -1615,7 +1650,9 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                                                 ? CupertinoIcons.arrow_down
                                                 : Icons.keyboard_arrow_down,
                                             size: IconSize.lg,
-                                      color: context.conduitTheme.iconPrimary
+                                            color: context
+                                                .conduitTheme
+                                                .iconPrimary
                                                 .withValues(alpha: 0.9),
                                           ),
                                         ),
@@ -1632,7 +1669,10 @@ class _ChatPageState extends ConsumerState<ChatPage> {
                     ],
                   ),
                 ),
-        ), // Scaffold
+              ), // Scaffold inside SlideDrawer
+            );
+          },
+        ),
       ), // PopScope
     ); // ErrorBoundary
   }

lib/shared/widgets/slide_drawer.dart

@@ -0,0 +1,234 @@
+import 'package:flutter/material.dart';
+import 'dart:ui' as ui;
+import '../../shared/theme/theme_extensions.dart';
+
+class SlideDrawer extends StatefulWidget {
+  final Widget child;
+  final Widget drawer;
+  final double maxFraction; // 0..1 of screen width
+  final double edgeFraction; // 0..1 active edge width for open gesture
+  final double settleFraction; // threshold to settle open on release
+  final Duration duration;
+  final Curve curve;
+  final Color? scrimColor;
+  // When true, opening the drawer pushes the content to the right
+  // instead of overlaying above it.
+  final bool pushContent;
+  // Max scale reduction for pushed content at full open (e.g., 0.02 => 98%).
+  final double contentScaleDelta;
+  // Max blur sigma applied to pushed content at full open.
+  final double contentBlurSigma;
+
+  const SlideDrawer({
+    super.key,
+    required this.child,
+    required this.drawer,
+    this.maxFraction = 0.84,
+    this.edgeFraction = 0.5,
+    this.settleFraction = 0.12,
+    this.duration = const Duration(milliseconds: 180),
+    this.curve = Curves.fastOutSlowIn,
+    this.scrimColor,
+    this.pushContent = true,
+    this.contentScaleDelta = 0.02,
+    this.contentBlurSigma = 2.0,
+  });
+
+  static SlideDrawerState? of(BuildContext context) =>
+      context.findAncestorStateOfType<SlideDrawerState>();
+
+  @override
+  State<SlideDrawer> createState() => SlideDrawerState();
+}
+
+class SlideDrawerState extends State<SlideDrawer>
+    with SingleTickerProviderStateMixin {
+  late final AnimationController _controller = AnimationController(
+    vsync: this,
+    duration: widget.duration,
+    value: 0.0,
+  );
+
+  double get _panelWidth =>
+      (MediaQuery.of(context).size.width * widget.maxFraction).clamp(
+        280.0,
+        520.0,
+      );
+
+  double get _edgeWidth =>
+      MediaQuery.of(context).size.width * widget.edgeFraction;
+
+  bool get isOpen => _controller.value == 1.0;
+
+  Future<void> _animateTo(double target, {double velocity = 0.0}) async {
+    final current = _controller.value;
+    final distance = (current - target).abs().clamp(0.0, 1.0);
+    // Smooth, distance-based duration so snaps don't feel abrupt.
+    final baseMs = widget.duration.inMilliseconds;
+    final normSpeed = (velocity.abs() / (_panelWidth + 0.001)).clamp(0.0, 4.0);
+    // Higher velocity => shorter duration.
+    final ms = (baseMs * distance / (1.0 + 1.5 * normSpeed))
+        .clamp(90, baseMs)
+        .round();
+    final curve = target > current
+        ? (normSpeed > 0.5 ? Curves.linearToEaseOut : Curves.easeOutCubic)
+        : (normSpeed > 0.5 ? Curves.easeInToLinear : Curves.easeInCubic);
+    await _controller.animateTo(
+      target,
+      duration: Duration(milliseconds: ms),
+      curve: curve,
+    );
+  }
+
+  void open({double velocity = 0.0}) => _animateTo(1.0, velocity: velocity);
+  void close({double velocity = 0.0}) => _animateTo(0.0, velocity: velocity);
+  void toggle() => isOpen ? close() : open();
+
+  double _startValue = 0.0;
+
+  void _onDragStart(DragStartDetails d) {
+    _startValue = _controller.value;
+  }
+
+  void _onDragUpdate(DragUpdateDetails d) {
+    final delta = d.primaryDelta ?? 0.0;
+    final next = (_startValue + delta / _panelWidth).clamp(0.0, 1.0);
+    _controller.value = next;
+    _startValue = next;
+  }
+
+  void _onDragEnd(DragEndDetails d) {
+    final vx = d.primaryVelocity ?? 0.0;
+    final vMag = vx.abs();
+    // Fling assistance first.
+    if (vMag > 300.0) {
+      if (vx > 0) {
+        open(velocity: vMag);
+      } else {
+        close(velocity: vMag);
+      }
+      return;
+    }
+    // Gentle settle threshold (less aggressive snap-back).
+    if (_controller.value >= widget.settleFraction) {
+      open(velocity: vMag);
+    } else {
+      close(velocity: vMag);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = context.conduitTheme;
+    final scrim = widget.scrimColor ?? context.colorTokens.overlayStrong;
+
+    return Stack(
+      children: [
+        // Content (optionally pushed by the drawer)
+        Positioned.fill(
+          child: AnimatedBuilder(
+            animation: _controller,
+            builder: (context, _) {
+              final t = _controller.value;
+              final dx = (widget.pushContent ? _panelWidth * t : 0.0)
+                  .roundToDouble(); // snap to pixel to avoid jitter
+              final scale =
+                  1.0 -
+                  (widget.pushContent
+                      ? (widget.contentScaleDelta.clamp(0.0, 0.2) * t)
+                      : 0.0);
+              final blurSigma =
+                  (widget.pushContent
+                          ? (widget.contentBlurSigma.clamp(0.0, 8.0) * t)
+                          : 0.0)
+                      .toDouble();
+              Widget content = widget.child;
+              if (blurSigma > 0.0) {
+                content = ImageFiltered(
+                  imageFilter: ui.ImageFilter.blur(
+                    sigmaX: blurSigma,
+                    sigmaY: blurSigma,
+                  ),
+                  child: content,
+                );
+              }
+              content = Transform.scale(
+                scale: scale,
+                alignment: Alignment.centerLeft,
+                child: content,
+              );
+              content = Transform.translate(
+                offset: Offset(dx, 0),
+                child: content,
+              );
+              return content;
+            },
+          ),
+        ),
+
+        // Edge gesture region to open
+        Positioned(
+          left: 0,
+          top: 0,
+          bottom: 0,
+          width: _edgeWidth,
+          child: GestureDetector(
+            behavior: HitTestBehavior.translucent,
+            onHorizontalDragStart: _onDragStart,
+            onHorizontalDragUpdate: _onDragUpdate,
+            onHorizontalDragEnd: _onDragEnd,
+          ),
+        ),
+
+        // Scrim + panel when animating or open
+        AnimatedBuilder(
+          animation: _controller,
+          builder: (context, _) {
+            final t = _controller.value;
+            final ignoring = t == 0.0;
+            return IgnorePointer(
+              ignoring: ignoring,
+              child: Stack(
+                children: [
+                  // Scrim
+                  Positioned.fill(
+                    child: GestureDetector(
+                      behavior: HitTestBehavior.opaque,
+                      onTap: close,
+                      onHorizontalDragStart: _onDragStart,
+                      onHorizontalDragUpdate: _onDragUpdate,
+                      onHorizontalDragEnd: _onDragEnd,
+                      child: ColoredBox(
+                        color: scrim.withValues(alpha: 0.6 * t),
+                      ),
+                    ),
+                  ),
+                  // Panel (capture horizontal drags to close)
+                  Positioned(
+                    left: -_panelWidth * (1.0 - t),
+                    top: 0,
+                    bottom: 0,
+                    width: _panelWidth,
+                    child: GestureDetector(
+                      behavior: HitTestBehavior.translucent,
+                      onHorizontalDragStart: _onDragStart,
+                      onHorizontalDragUpdate: _onDragUpdate,
+                      onHorizontalDragEnd: _onDragEnd,
+                      child: RepaintBoundary(
+                        child: Material(
+                          color: theme.surfaceBackground,
+                          elevation: 8,
+                          child: widget.drawer,
+                        ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            );
+          },
+        ),
+      ],
+    );
+  }
+}