neoagent 2.4.1-beta.30 → 2.4.1-beta.31

package/flutter_app/lib/features/onboarding/onboarding_welcome_step.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 
+import '../../src/theme/palette.dart';
 import 'onboarding_chrome.dart';
 
 class OnboardingWelcomeStep extends StatelessWidget {
@@ -29,17 +30,20 @@ class OnboardingWelcomeStep extends StatelessWidget {
               .slideY(begin: 0.2),
         ],
       ),
-      child: Align(
-        alignment: Alignment.topLeft,
-        child: Text(
-          'Set up your workspace in a few steps and start using NeoAgent immediately.',
-          style: TextStyle(
-            color: Colors.white.withValues(alpha: 0.72),
-            fontSize: 18,
-            height: 1.55,
-            fontWeight: FontWeight.w500,
-          ),
-        ).animate().fadeIn(duration: 600.ms, delay: 380.ms),
+      child: Builder(
+        builder: (context) {
+          final p = paletteOf(context);
+          return Align(
+            alignment: Alignment.topLeft,
+            child: Text(
+              'Set up your workspace in a few steps and start using NeoAgent immediately.',
+              style: Theme.of(context).textTheme.bodyLarge?.copyWith(
+                color: p.textSecondary,
+                height: 1.6,
+              ),
+            ).animate().fadeIn(duration: 600.ms, delay: 380.ms),
+          );
+        },
       ),
     );
   }

package/flutter_app/lib/main_account_settings.dart

@@ -1173,7 +1173,7 @@ class _QrLoginScannerDialogState extends State<_QrLoginScannerDialog> {
                   const SizedBox(height: 28),
                   Text(
                     'Scan a NeoAgent login QR',
-                    style: GoogleFonts.spaceGrotesk(
+                    style: GoogleFonts.geist(
                       fontSize: 28,
                       fontWeight: FontWeight.w700,
                       color: Colors.white,

package/flutter_app/lib/main_admin.dart

@@ -437,7 +437,7 @@ class McpPanel extends StatelessWidget {
                       Text(
                         server.command,
                         style: TextStyle(
-                          fontFamily: GoogleFonts.jetBrainsMono().fontFamily,
+                          fontFamily: GoogleFonts.geistMono().fontFamily,
                           color: _textSecondary,
                         ),
                       ),

package/flutter_app/lib/main_app_shell.dart

@@ -769,7 +769,7 @@ class _AuthViewState extends State<AuthView> {
                     Text(
                       'Scan with NeoAgent on your phone',
                       textAlign: titleAlignment,
-                      style: GoogleFonts.spaceGrotesk(
+                      style: GoogleFonts.geist(
                         fontSize: titleSize,
                         fontWeight: FontWeight.w700,
                         letterSpacing: compact ? -0.3 : -0.6,
@@ -1202,70 +1202,54 @@ class _HomeViewState extends State<HomeView> {
     final wide = MediaQuery.sizeOf(context).width >= 1080;
 
     if (wide) {
-      return _AmbientBackdrop(
+      return _ControlSurfaceBackdrop(
         child: Scaffold(
           backgroundColor: Colors.transparent,
-          body: SafeArea(
-            child: Padding(
-              padding: const EdgeInsets.all(14),
-              child: Row(
-                children: <Widget>[
-                  _Sidebar(
-                    controller: controller,
-                    expandedGroup: _expandedSidebarGroup,
-                    onToggleGroup: _toggleSidebarGroup,
-                  ),
-                  const SizedBox(width: 14),
-                  Expanded(
-                    child: _GlassSurface(
-                      borderRadius: BorderRadius.circular(32),
-                      blurSigma: 28,
-                      boxShadow: _softPanelShadow,
-                      overlayGradient: _panelGradient,
-                      fillColor: _glassFill,
-                      child: ClipRRect(
-                        borderRadius: BorderRadius.circular(32),
-                        child: AnimatedSwitcher(
-                          duration: const Duration(milliseconds: 320),
-                          switchInCurve: Curves.easeOutBack,
-                          switchOutCurve: Curves.easeInCubic,
-                          transitionBuilder: (child, animation) {
-                            final offset = Tween<Offset>(
-                              begin: const Offset(0.018, 0.026),
-                              end: Offset.zero,
-                            ).animate(animation);
-                            final scale = Tween<double>(
-                              begin: 0.992,
-                              end: 1,
-                            ).animate(animation);
-                            return ScaleTransition(
-                              scale: scale,
-                              alignment: Alignment.topCenter,
-                              child: FadeTransition(
-                                opacity: animation,
-                                child: SlideTransition(
-                                  position: offset,
-                                  child: child,
-                                ),
-                              ),
-                            );
-                          },
-                          child: KeyedSubtree(
-                            key: ValueKey<AppSection>(
-                              controller.selectedSection,
-                            ),
-                            child: _SectionBody(
-                              controller: controller,
-                              devicesPanelKey: _devicesPanelKey,
-                            ),
+          body: Row(
+            children: <Widget>[
+              _Sidebar(
+                controller: controller,
+                expandedGroup: _expandedSidebarGroup,
+                onToggleGroup: _toggleSidebarGroup,
+              ),
+              Expanded(
+                child: ClipRect(
+                  child: AnimatedSwitcher(
+                    duration: const Duration(milliseconds: 320),
+                    switchInCurve: Curves.easeOutBack,
+                    switchOutCurve: Curves.easeInCubic,
+                    transitionBuilder: (child, animation) {
+                      final offset = Tween<Offset>(
+                        begin: const Offset(0.018, 0.026),
+                        end: Offset.zero,
+                      ).animate(animation);
+                      final scale = Tween<double>(
+                        begin: 0.992,
+                        end: 1,
+                      ).animate(animation);
+                      return ScaleTransition(
+                        scale: scale,
+                        alignment: Alignment.topCenter,
+                        child: FadeTransition(
+                          opacity: animation,
+                          child: SlideTransition(
+                            position: offset,
+                            child: child,
                           ),
                         ),
+                      );
+                    },
+                    child: KeyedSubtree(
+                      key: ValueKey<AppSection>(controller.selectedSection),
+                      child: _SectionBody(
+                        controller: controller,
+                        devicesPanelKey: _devicesPanelKey,
                       ),
                     ),
                   ),
-                ],
+                ),
               ),
-            ),
+            ],
           ),
         ),
       );
@@ -1293,14 +1277,16 @@ class _HomeViewState extends State<HomeView> {
         body: SafeArea(
           child: Padding(
             padding: const EdgeInsets.fromLTRB(12, 0, 12, 10),
-            child: _GlassSurface(
-              borderRadius: BorderRadius.circular(26),
-              blurSigma: 24,
-              boxShadow: _softPanelShadow,
-              overlayGradient: _panelGradient,
-              fillColor: _glassFill,
+            child: Container(
+              decoration: BoxDecoration(
+                color: _bgPrimary,
+                borderRadius: BorderRadius.circular(22),
+                border: Border.all(color: _border),
+                boxShadow: _softPanelShadow,
+              ),
+              clipBehavior: Clip.antiAlias,
               child: ClipRRect(
-                borderRadius: BorderRadius.circular(26),
+                borderRadius: BorderRadius.circular(22),
                 child: AnimatedSwitcher(
                   duration: const Duration(milliseconds: 280),
                   switchInCurve: Curves.easeOutBack,
@@ -1436,55 +1422,58 @@ class _Sidebar extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return _GlassSurface(
-      width: 254,
-      borderRadius: BorderRadius.circular(30),
-      blurSigma: 26,
-      boxShadow: _softPanelShadow,
-      fillColor: _bgSecondary.withValues(alpha: 0.34),
-      overlayGradient: LinearGradient(
-        colors: <Color>[
-          _bgSecondary.withValues(alpha: 0.96),
-          _bgTertiary.withValues(alpha: 0.88),
-        ],
-        begin: Alignment.topCenter,
-        end: Alignment.bottomCenter,
+    return Container(
+      width: 268,
+      decoration: BoxDecoration(
+        color: _bgSecondary,
+        border: Border(right: BorderSide(color: _border)),
       ),
       child: Column(
         children: <Widget>[
-          Container(
-            padding: const EdgeInsets.fromLTRB(18, 20, 18, 18),
-            decoration: BoxDecoration(
-              border: Border(bottom: BorderSide(color: _border)),
-            ),
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
+          Padding(
+            padding: const EdgeInsets.fromLTRB(20, 18, 18, 12),
+            child: Row(
               children: <Widget>[
-                Row(
-                  children: <Widget>[
-                    Expanded(
-                      child: const _BrandLockup(
-                        logoSize: 34,
-                        titleFontSize: 18,
-                        direction: Axis.horizontal,
-                        spacing: 12,
-                        alignment: CrossAxisAlignment.start,
+                const _LogoBadge(size: 38),
+                const SizedBox(width: 11),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    mainAxisSize: MainAxisSize.min,
+                    children: <Widget>[
+                      Text(
+                        'NeoAgent',
+                        style: GoogleFonts.geist(
+                          fontSize: 17,
+                          fontWeight: FontWeight.w600,
+                          color: _textPrimary,
+                          letterSpacing: -0.3,
+                        ),
                       ),
-                    ),
-                  ],
+                      const SizedBox(height: 2),
+                      Text(
+                        'CONTROL SURFACE',
+                        style: GoogleFonts.geistMono(
+                          fontSize: 9.5,
+                          fontWeight: FontWeight.w600,
+                          color: _textMuted,
+                          letterSpacing: 1.8,
+                        ),
+                      ),
+                    ],
+                  ),
                 ),
               ],
             ),
           ),
-          if (controller.agentProfiles.isNotEmpty) ...<Widget>[
+          if (controller.agentProfiles.isNotEmpty)
             Padding(
-              padding: const EdgeInsets.fromLTRB(14, 12, 14, 12),
+              padding: const EdgeInsets.fromLTRB(14, 2, 14, 14),
               child: _AgentSwitcher(controller: controller),
             ),
-          ],
           Expanded(
             child: ListView(
-              padding: const EdgeInsets.all(8),
+              padding: const EdgeInsets.fromLTRB(12, 0, 12, 8),
               children: _buildSidebarItems(
                 controller,
                 onSelect: controller.setSelectedSection,
@@ -1494,40 +1483,42 @@ class _Sidebar extends StatelessWidget {
             ),
           ),
           Container(
-            padding: const EdgeInsets.all(10),
+            padding: const EdgeInsets.fromLTRB(16, 12, 12, 14),
             decoration: BoxDecoration(
               border: Border(top: BorderSide(color: _border)),
             ),
-            child: Column(
+            child: Row(
               children: <Widget>[
-                Row(
-                  children: <Widget>[
-                    Expanded(
-                      child: Text(
-                        controller.accountLabel,
-                        maxLines: 1,
-                        overflow: TextOverflow.ellipsis,
-                        style: TextStyle(
-                          color: _textSecondary,
-                          fontSize: 12,
-                          fontWeight: FontWeight.w600,
-                        ),
-                      ),
-                    ),
-                    const SizedBox(width: 8),
-                    _ProfileSettingsButton(
-                      controller: controller,
-                      onTap: () => controller.setSelectedSection(
-                        AppSection.accountSettings,
-                      ),
-                    ),
-                    const SizedBox(width: 8),
-                    _SidebarIconButton(
-                      tooltip: 'Logout',
-                      icon: Icons.logout,
-                      onTap: controller.logout,
+                _SidebarAccountAvatar(
+                  controller: controller,
+                  onTap: () =>
+                      controller.setSelectedSection(AppSection.accountSettings),
+                ),
+                const SizedBox(width: 10),
+                Expanded(
+                  child: Text(
+                    controller.accountLabel,
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    style: GoogleFonts.geist(
+                      color: _textSecondary,
+                      fontSize: 12.5,
+                      fontWeight: FontWeight.w500,
                     ),
-                  ],
+                  ),
+                ),
+                const SizedBox(width: 8),
+                _SidebarIconButton(
+                  tooltip: 'Settings',
+                  icon: Icons.settings_outlined,
+                  onTap: () =>
+                      controller.setSelectedSection(AppSection.accountSettings),
+                ),
+                const SizedBox(width: 2),
+                _SidebarIconButton(
+                  tooltip: 'Logout',
+                  icon: Icons.logout,
+                  onTap: controller.logout,
                 ),
               ],
             ),
@@ -1597,27 +1588,14 @@ class _AgentSwitcherState extends State<_AgentSwitcher> {
       menuChildren: <Widget>[
         SizedBox(
           width: 320,
-          child: _GlassSurface(
-            borderRadius: BorderRadius.circular(24),
-            blurSigma: 28,
-            fillColor: _bgCard.withValues(alpha: 0.9),
-            overlayGradient: LinearGradient(
-              colors: <Color>[
-                Colors.white.withValues(alpha: 0.1),
-                _bgSecondary.withValues(alpha: 0.92),
-                _bgPrimary.withValues(alpha: 0.94),
-              ],
-              begin: Alignment.topLeft,
-              end: Alignment.bottomRight,
+          child: Container(
+            decoration: BoxDecoration(
+              color: _bgCard,
+              borderRadius: BorderRadius.circular(18),
+              border: Border.all(color: _border),
+              boxShadow: _softPanelShadow,
             ),
-            boxShadow: <BoxShadow>[
-              ..._softPanelShadow,
-              BoxShadow(
-                color: Colors.black.withValues(alpha: 0.22),
-                blurRadius: 28,
-                offset: const Offset(0, 16),
-              ),
-            ],
+            clipBehavior: Clip.antiAlias,
             child: Padding(
               padding: const EdgeInsets.all(10),
               child: Column(
@@ -1645,37 +1623,27 @@ class _AgentSwitcherState extends State<_AgentSwitcher> {
           child: Tooltip(
             message: 'Switch agent',
             child: InkWell(
-              borderRadius: BorderRadius.circular(24),
+              borderRadius: BorderRadius.circular(14),
               onTap: _toggleMenu,
               child: AnimatedContainer(
                 duration: const Duration(milliseconds: 180),
                 curve: Curves.easeOutCubic,
-                padding: const EdgeInsets.fromLTRB(12, 9, 12, 9),
+                padding: const EdgeInsets.all(12),
                 decoration: BoxDecoration(
-                  borderRadius: BorderRadius.circular(24),
-                  gradient: LinearGradient(
-                    colors: <Color>[
-                      Colors.white.withValues(alpha: isMenuOpen ? 0.13 : 0.08),
-                      _accentMuted.withValues(alpha: isMenuOpen ? 0.24 : 0.14),
-                      _bgSecondary.withValues(alpha: isMenuOpen ? 0.92 : 0.84),
-                    ],
-                    begin: Alignment.topLeft,
-                    end: Alignment.bottomRight,
-                  ),
+                  borderRadius: BorderRadius.circular(14),
+                  color: _bgCard,
                   border: Border.all(
                     color: isMenuOpen
-                        ? _accent.withValues(alpha: 0.65)
+                        ? _accent.withValues(alpha: 0.45)
                         : _borderLight,
                   ),
-                  boxShadow: isMenuOpen
-                      ? <BoxShadow>[
-                          BoxShadow(
-                            color: _accent.withValues(alpha: 0.16),
-                            blurRadius: 24,
-                            offset: const Offset(0, 10),
-                          ),
-                        ]
-                      : null,
+                  boxShadow: <BoxShadow>[
+                    BoxShadow(
+                      color: Colors.black.withValues(alpha: 0.05),
+                      blurRadius: 8,
+                      offset: const Offset(0, 1),
+                    ),
+                  ],
                 ),
                 child: Row(
                   children: <Widget>[
@@ -1781,24 +1749,16 @@ class _AgentSwitcherMenuItem extends StatelessWidget {
       child: Tooltip(
         message: agent.displayName,
         child: InkWell(
-          borderRadius: BorderRadius.circular(18),
+          borderRadius: BorderRadius.circular(14),
           onTap: onTap,
           child: Ink(
             decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(18),
-              gradient: selected
-                  ? LinearGradient(
-                      colors: <Color>[
-                        _accent.withValues(alpha: 0.18),
-                        _accentMuted.withValues(alpha: 0.3),
-                      ],
-                      begin: Alignment.topLeft,
-                      end: Alignment.bottomRight,
-                    )
-                  : null,
-              color: selected ? null : Colors.white.withValues(alpha: 0.025),
+              borderRadius: BorderRadius.circular(14),
+              color: selected ? _accent.withValues(alpha: 0.10) : _bgSecondary,
               border: Border.all(
-                color: selected ? _accent.withValues(alpha: 0.5) : _borderLight,
+                color: selected
+                    ? _accent.withValues(alpha: 0.55)
+                    : _borderLight,
               ),
             ),
             child: Padding(
@@ -1900,12 +1860,12 @@ class _AgentGlyph extends StatelessWidget {
   Widget build(BuildContext context) {
     final baseColor = agent.isDefault ? _accent : _accentAlt;
     final initials = _agentInitials(agent.displayName);
-    final size = compact ? 42.0 : 44.0;
+    final size = compact ? 38.0 : 42.0;
     return Container(
       width: size,
       height: size,
       decoration: BoxDecoration(
-        shape: BoxShape.circle,
+        borderRadius: BorderRadius.circular(compact ? 11 : 12),
         gradient: LinearGradient(
           colors: <Color>[
             baseColor.withValues(alpha: selected ? 0.85 : 0.65),
@@ -1966,9 +1926,9 @@ class _AgentTag extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 4),
+      padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(999),
+        borderRadius: BorderRadius.circular(5),
         color: color.withValues(alpha: 0.14),
         border: Border.all(color: color.withValues(alpha: 0.3)),
       ),
@@ -1976,9 +1936,9 @@ class _AgentTag extends StatelessWidget {
         label,
         style: TextStyle(
           color: foreground,
-          fontSize: 9.5,
-          fontWeight: FontWeight.w800,
-          letterSpacing: 0.6,
+          fontSize: 9,
+          fontWeight: FontWeight.w600,
+          letterSpacing: 1,
         ),
       ),
     );
@@ -2061,6 +2021,45 @@ class _ProfileSettingsButton extends StatelessWidget {
   }
 }
 
+class _SidebarAccountAvatar extends StatelessWidget {
+  const _SidebarAccountAvatar({required this.controller, required this.onTap});
+
+  final NeoAgentController controller;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    final label = controller.accountLabel.trim();
+    final initial = label.isEmpty ? 'N' : label.characters.first.toUpperCase();
+    final active = controller.selectedSection == AppSection.accountSettings;
+    return Tooltip(
+      message: 'Account settings',
+      child: InkWell(
+        borderRadius: BorderRadius.circular(999),
+        onTap: onTap,
+        child: Container(
+          width: 30,
+          height: 30,
+          decoration: BoxDecoration(
+            shape: BoxShape.circle,
+            color: active ? _accentMuted : _bgCard,
+            border: Border.all(color: active ? _accent : _borderLight),
+          ),
+          alignment: Alignment.center,
+          child: Text(
+            initial,
+            style: TextStyle(
+              color: active ? _accentHover : _textPrimary,
+              fontWeight: FontWeight.w700,
+              fontSize: 11,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
 class _MobileDrawer extends StatelessWidget {
   const _MobileDrawer({
     required this.controller,