💄 Optimized desktop experience

lib/screens/account/me/settings.dart

@@ -470,7 +470,7 @@ class AccountSettingsScreen extends HookConsumerWidget {
               ),
             ),
           ],
-        ).padding(horizontal: 16);
+        );
       } else {
         // Single column layout for narrow screens
         return Column(

lib/screens/account/me/settings_connections.dart

@@ -85,6 +85,7 @@ class AccountConnectionSheet extends HookConsumerWidget {
 
     return SheetScaffold(
       titleText: 'accountConnections'.tr(),
+      child: SingleChildScrollView(
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.stretch,
           children: [
@@ -132,6 +133,7 @@ class AccountConnectionSheet extends HookConsumerWidget {
             ),
           ],
         ),
+      ),
     );
   }
 }
@@ -213,6 +215,7 @@ class AccountConnectionNewSheet extends HookConsumerWidget {
 
     return SheetScaffold(
       titleText: 'accountConnectionAdd'.tr(),
+      child: SingleChildScrollView(
         child: Column(
           spacing: 16,
           crossAxisAlignment: CrossAxisAlignment.stretch,
@@ -233,7 +236,9 @@ class AccountConnectionNewSheet extends HookConsumerWidget {
                     return DropdownMenuItem<String>(
                       value: provider,
                       child: Row(
-                      children: [Text(getLocalizedProviderName(provider)).tr()],
+                        children: [
+                          Text(getLocalizedProviderName(provider)).tr(),
+                        ],
                       ),
                     );
                   }).toList(),
@@ -259,6 +264,7 @@ class AccountConnectionNewSheet extends HookConsumerWidget {
             ),
           ],
         ).padding(horizontal: 20, vertical: 24),
+      ),
     );
   }
 }

lib/screens/auth/oidc.native.dart

@@ -213,6 +213,7 @@ class _OidcScreenState extends ConsumerState<OidcScreen> {
                         }
                       },
                     ),
+                    const Gap(8),
                   ],
                 ),
               ),

lib/screens/creators/hub.dart

@@ -123,6 +123,7 @@ class CreatorHubScreen extends HookConsumerWidget {
     );
 
     return AppScaffold(
+      noBackground: false,
       appBar: AppBar(
         leading: !isWide ? const PageBackButton() : null,
         title: Text('creatorHub').tr(),

lib/screens/explore.dart

@@ -96,6 +96,7 @@ class ExploreScreen extends HookConsumerWidget {
               Tab(
                 child: Text(
                   'explore'.tr(),
+                  textAlign: TextAlign.center,
                   style: TextStyle(
                     color: Theme.of(context).appBarTheme.foregroundColor!,
                   ),
@@ -104,6 +105,7 @@ class ExploreScreen extends HookConsumerWidget {
               Tab(
                 child: Text(
                   'exploreFilterSubscriptions'.tr(),
+                  textAlign: TextAlign.center,
                   style: TextStyle(
                     color: Theme.of(context).appBarTheme.foregroundColor!,
                   ),
@@ -112,6 +114,7 @@ class ExploreScreen extends HookConsumerWidget {
               Tab(
                 child: Text(
                   'exploreFilterFriends'.tr(),
+                  textAlign: TextAlign.center,
                   style: TextStyle(
                     color: Theme.of(context).appBarTheme.foregroundColor!,
                   ),

lib/screens/posts/compose.dart

@@ -191,7 +191,8 @@ class PostComposeScreen extends HookConsumerWidget {
                     progress: progressMap[idx],
                     onRequestUpload:
                         () => ComposeLogic.uploadAttachment(ref, state, idx),
-                    onDelete: () => ComposeLogic.deleteAttachment(ref, state, idx),
+                    onDelete:
+                        () => ComposeLogic.deleteAttachment(ref, state, idx),
                     onMove: (delta) {
                       state.attachments.value = ComposeLogic.moveAttachment(
                         state.attachments.value,
@@ -209,12 +210,9 @@ class PostComposeScreen extends HookConsumerWidget {
 
     // Build UI
     return AppScaffold(
+      noBackground: false,
       appBar: AppBar(
         leading: const PageBackButton(),
-        title:
-            isWideScreen(context)
-                ? Text(originalPost != null ? 'editPost'.tr() : 'newPost'.tr())
-                : null,
         actions: [
           IconButton(
             icon: const Icon(Symbols.settings),
@@ -272,6 +270,8 @@ class PostComposeScreen extends HookConsumerWidget {
 
           // Main content area
           Expanded(
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxWidth: 480),
               child: Row(
                 spacing: 12,
                 crossAxisAlignment: CrossAxisAlignment.start,
@@ -342,7 +342,9 @@ class PostComposeScreen extends HookConsumerWidget {
                           ValueListenableBuilder<List<UniversalFile>>(
                             valueListenable: state.attachments,
                             builder: (context, attachments, _) {
-                            if (attachments.isEmpty) return const SizedBox.shrink();
+                              if (attachments.isEmpty) {
+                                return const SizedBox.shrink();
+                              }
                               return LayoutBuilder(
                                 builder: (context, constraints) {
                                   final isWide = isWideScreen(context);
@@ -359,6 +361,7 @@ class PostComposeScreen extends HookConsumerWidget {
                   ),
                 ],
               ).padding(horizontal: 16),
+            ).alignment(Alignment.topCenter),
           ),
 
           // Bottom toolbar
@@ -427,10 +430,7 @@ class PostComposeScreen extends HookConsumerWidget {
                 children: [
                   Row(
                     children: [
-                      Icon(
-                        Symbols.reply,
-                        size: 16,
-                      ),
+                      Icon(Symbols.reply, size: 16),
                       const Gap(4),
                       Text(
                         'postReplyingTo'.tr(),
@@ -452,10 +452,7 @@ class PostComposeScreen extends HookConsumerWidget {
                 children: [
                   Row(
                     children: [
-                      Icon(
-                        Symbols.forward,
-                        size: 16,
-                      ),
+                      Icon(Symbols.forward, size: 16),
                       const Gap(4),
                       Text(
                         'postForwardingTo'.tr(),
@@ -482,10 +479,7 @@ class PostComposeScreen extends HookConsumerWidget {
           children: [
             Row(
               children: [
-                Icon(
-                  Symbols.reply,
-                  size: 16,
-                ),
+                Icon(Symbols.reply, size: 16),
                 const Gap(4),
                 Text(
                   'postReplyingTo'.tr(),
@@ -510,10 +504,7 @@ class PostComposeScreen extends HookConsumerWidget {
           children: [
             Row(
               children: [
-                Icon(
-                  Symbols.forward,
-                  size: 16,
-                ),
+                Icon(Symbols.forward, size: 16),
                 const Gap(4),
                 Text(
                   'postForwardingTo'.tr(),
@@ -537,14 +528,18 @@ class PostComposeScreen extends HookConsumerWidget {
         showModalBottomSheet(
           context: context,
           isScrollControlled: true,
-          builder: (context) => DraggableScrollableSheet(
+          builder:
+              (context) => DraggableScrollableSheet(
                 initialChildSize: 0.7,
                 maxChildSize: 0.9,
                 minChildSize: 0.5,
-            builder: (context, scrollController) => Container(
+                builder:
+                    (context, scrollController) => Container(
                       decoration: BoxDecoration(
                         color: Theme.of(context).scaffoldBackgroundColor,
-                borderRadius: const BorderRadius.vertical(top: Radius.circular(16)),
+                        borderRadius: const BorderRadius.vertical(
+                          top: Radius.circular(16),
+                        ),
                       ),
                       child: Column(
                         children: [

lib/screens/settings.dart

@@ -525,7 +525,7 @@ class SettingsScreen extends HookConsumerWidget {
               ),
             ),
           ],
-        ).padding(horizontal: 16);
+        );
       } else {
         // Single column layout for narrow screens
         return Column(

lib/screens/tabs.dart

@@ -135,7 +135,7 @@ class TabbedFabLocation extends FloatingActionButtonLocation {
     final double fabX =
         scaffoldGeometry.scaffoldSize.width -
         scaffoldGeometry.floatingActionButtonSize.width -
-        16.0 -
+        16 -
         safeAreaPadding.right;
 
     // Use safe area bottom padding + navigation bar height (typically 80px)
@@ -144,7 +144,7 @@ class TabbedFabLocation extends FloatingActionButtonLocation {
         scaffoldGeometry.floatingActionButtonSize.height -
         scaffoldGeometry.bottomSheetSize.height -
         safeAreaPadding.bottom -
-        80.0 +
+        (isWideScreen(context) ? 24 : 80) +
         16;
 
     return Offset(fabX, fabY);

lib/widgets/post/post_item_creator.dart

@@ -88,14 +88,14 @@ class PostItemCreator extends HookConsumerWidget {
         );
       },
       child: Material(
-        color: backgroundColor,
+        color: Colors.transparent,
         borderRadius: BorderRadius.circular(12),
         elevation: 1,
         child: InkWell(
           borderRadius: BorderRadius.circular(12),
           onTap: () {
             if (isOpenable) {
-              context.router.push(PostDetailRoute(id: item.id));
+              context.router.pushPath('/posts/${item.id}');
             }
           },
           child: Padding(

macos/Podfile.lock

@@ -94,6 +94,9 @@ PODS:
     - flutter_webrtc
     - FlutterMacOS
     - WebRTC-SDK (= 125.6422.07)
+  - local_auth_darwin (0.0.1):
+    - Flutter
+    - FlutterMacOS
   - media_kit_libs_macos_video (1.0.4):
     - FlutterMacOS
   - media_kit_video (0.0.1):
@@ -173,6 +176,7 @@ DEPENDENCIES:
   - gal (from `Flutter/ephemeral/.symlinks/plugins/gal/darwin`)
   - irondash_engine_context (from `Flutter/ephemeral/.symlinks/plugins/irondash_engine_context/macos`)
   - livekit_client (from `Flutter/ephemeral/.symlinks/plugins/livekit_client/macos`)
+  - local_auth_darwin (from `Flutter/ephemeral/.symlinks/plugins/local_auth_darwin/darwin`)
   - media_kit_libs_macos_video (from `Flutter/ephemeral/.symlinks/plugins/media_kit_libs_macos_video/macos`)
   - media_kit_video (from `Flutter/ephemeral/.symlinks/plugins/media_kit_video/macos`)
   - package_info_plus (from `Flutter/ephemeral/.symlinks/plugins/package_info_plus/macos`)
@@ -239,6 +243,8 @@ EXTERNAL SOURCES:
     :path: Flutter/ephemeral/.symlinks/plugins/irondash_engine_context/macos
   livekit_client:
     :path: Flutter/ephemeral/.symlinks/plugins/livekit_client/macos
+  local_auth_darwin:
+    :path: Flutter/ephemeral/.symlinks/plugins/local_auth_darwin/darwin
   media_kit_libs_macos_video:
     :path: Flutter/ephemeral/.symlinks/plugins/media_kit_libs_macos_video/macos
   media_kit_video:
@@ -293,6 +299,7 @@ SPEC CHECKSUMS:
   GoogleUtilities: 00c88b9a86066ef77f0da2fab05f65d7768ed8e1
   irondash_engine_context: 893c7d96d20ce361d7e996f39d360c4c2f9869ba
   livekit_client: 6a35243df3da61750c98e266e02dedcf5d25c888
+  local_auth_darwin: 553ce4f9b16d3fdfeafce9cf042e7c9f77c1c391
   media_kit_libs_macos_video: 85a23e549b5f480e72cae3e5634b5514bc692f65
   media_kit_video: fa6564e3799a0a28bff39442334817088b7ca758
   nanopb: fad817b59e0457d11a5dfbde799381cd727c1275