neoagent 2.4.1-beta.9 → 2.4.1

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

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 
 import '../../main.dart';
+import '../../src/theme/palette.dart';
 import 'onboarding_chrome.dart';
 
 class OnboardingMessagingStep extends StatefulWidget {
@@ -29,7 +30,6 @@ class _OnboardingMessagingStepState extends State<OnboardingMessagingStep> {
         : messagingPlatforms;
     final width = MediaQuery.sizeOf(context).width;
     final useGrid = width >= 700;
-    final columns = width >= 1050 ? 3 : (useGrid ? 2 : 1);
 
     return OnboardingScaffold(
       step: 2,
@@ -79,11 +79,11 @@ class _OnboardingMessagingStepState extends State<OnboardingMessagingStep> {
       ),
       child: useGrid
           ? GridView.builder(
-              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-                crossAxisCount: columns,
+              gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
+                maxCrossAxisExtent: 360,
                 crossAxisSpacing: 14,
                 mainAxisSpacing: 14,
-                childAspectRatio: width >= 1050 ? 1.5 : 1.35,
+                mainAxisExtent: 160,
               ),
               itemCount: platforms.length,
               itemBuilder: (context, index) {
@@ -133,6 +133,7 @@ class _MessagingPlatformCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final p = paletteOf(context);
     final iconSize = compact ? 24.0 : 30.0;
     final shellSize = compact ? 48.0 : 58.0;
     return OnboardingOptionCard(
@@ -172,10 +173,10 @@ class _MessagingPlatformCard extends StatelessWidget {
                   platform.label,
                   maxLines: 1,
                   overflow: TextOverflow.ellipsis,
-                  style: const TextStyle(
-                    color: Colors.white,
-                    fontSize: 18,
-                    fontWeight: FontWeight.w800,
+                  style: TextStyle(
+                    color: p.textPrimary,
+                    fontSize: 16,
+                    fontWeight: FontWeight.w700,
                   ),
                 ),
                 const SizedBox(height: 4),
@@ -184,9 +185,9 @@ class _MessagingPlatformCard extends StatelessWidget {
                   maxLines: 2,
                   overflow: TextOverflow.ellipsis,
                   style: TextStyle(
-                    color: Colors.white.withValues(alpha: 0.68),
+                    color: p.textMuted,
                     fontSize: 13,
-                    height: 1.35,
+                    height: 1.4,
                   ),
                 ),
               ],
@@ -213,17 +214,17 @@ class _MessagingPlatformCard extends StatelessWidget {
                     children: <Widget>[
                       Text(
                         platform.label,
-                        style: const TextStyle(
-                          color: Colors.white,
-                          fontSize: 20,
-                          fontWeight: FontWeight.w800,
+                        style: TextStyle(
+                          color: p.textPrimary,
+                          fontSize: 18,
+                          fontWeight: FontWeight.w700,
                         ),
                       ),
                       const SizedBox(height: 5),
                       Text(
                         platform.subtitle,
                         style: TextStyle(
-                          color: Colors.white.withValues(alpha: 0.68),
+                          color: p.textMuted,
                           fontSize: 14,
                           height: 1.45,
                         ),
@@ -255,6 +256,7 @@ class _SelectionIcon extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final p = paletteOf(context);
     return AnimatedSwitcher(
       duration: const Duration(milliseconds: 220),
       child: selected
@@ -267,7 +269,7 @@ class _SelectionIcon extends StatelessWidget {
           : Icon(
               Icons.add_circle_outline_rounded,
               key: ValueKey<String>('idle-$id'),
-              color: Colors.white.withValues(alpha: 0.26),
+              color: p.textMuted.withValues(alpha: 0.5),
               size: 28,
             ),
     );

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

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 
 import '../../main.dart';
+import '../../src/theme/palette.dart';
 import 'onboarding_chrome.dart';
 
 class OnboardingModelStep extends StatefulWidget {
@@ -76,14 +77,13 @@ class _OnboardingModelStepState extends State<OnboardingModelStep> {
   Widget build(BuildContext context) {
     final width = MediaQuery.sizeOf(context).width;
     final useGrid = width >= 720;
-    final columns = width >= 1150 ? 3 : (useGrid ? 2 : 1);
 
     return OnboardingScaffold(
       step: 3,
       totalSteps: 4,
       eyebrow: 'INTELLIGENCE',
       title: 'Choose your\ndefault model.',
-      description: 'Pick the model NeoOS should use by default.',
+      description: 'Pick the model NeoAgent should use by default.',
       footer: Row(
         mainAxisAlignment: MainAxisAlignment.end,
         children: <Widget>[
@@ -100,7 +100,7 @@ class _OnboardingModelStepState extends State<OnboardingModelStep> {
                 'No available models found.\nYou can configure providers later in Settings.',
                 textAlign: TextAlign.center,
                 style: TextStyle(
-                  color: Colors.white.withValues(alpha: 0.6),
+                  color: paletteOf(context).textMuted,
                   fontSize: 16,
                   height: 1.5,
                 ),
@@ -108,11 +108,11 @@ class _OnboardingModelStepState extends State<OnboardingModelStep> {
             )
           : useGrid
           ? GridView.builder(
-              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-                crossAxisCount: columns,
+              gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
+                maxCrossAxisExtent: 380,
                 crossAxisSpacing: 14,
                 mainAxisSpacing: 14,
-                childAspectRatio: width >= 1150 ? 1.38 : 1.18,
+                mainAxisExtent: 214,
               ),
               itemCount: _models.length,
               itemBuilder: (context, index) {
@@ -193,6 +193,7 @@ class _ModelChoiceCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final p = paletteOf(context);
     final shellSize = compact ? 48.0 : 58.0;
     final iconSize = compact ? 24.0 : 30.0;
     final titleSize = compact ? 17.0 : 20.0;
@@ -231,7 +232,7 @@ class _ModelChoiceCard extends StatelessWidget {
                           : Icon(
                               Icons.radio_button_unchecked_rounded,
                               key: ValueKey<String>('idle-${model.id}'),
-                              color: Colors.white.withValues(alpha: 0.25),
+                              color: p.textMuted.withValues(alpha: 0.5),
                               size: 28,
                             ),
                     ),
@@ -243,9 +244,9 @@ class _ModelChoiceCard extends StatelessWidget {
                   maxLines: 1,
                   overflow: TextOverflow.ellipsis,
                   style: TextStyle(
-                    color: Colors.white,
+                    color: p.textPrimary,
                     fontSize: titleSize,
-                    fontWeight: FontWeight.w800,
+                    fontWeight: FontWeight.w700,
                   ),
                 ),
                 const SizedBox(height: 6),
@@ -255,7 +256,7 @@ class _ModelChoiceCard extends StatelessWidget {
                     vertical: 5,
                   ),
                   decoration: BoxDecoration(
-                    color: Colors.white.withValues(alpha: 0.08),
+                    color: p.bgSecondary,
                     borderRadius: BorderRadius.circular(999),
                   ),
                   child: Text(
@@ -263,7 +264,7 @@ class _ModelChoiceCard extends StatelessWidget {
                     maxLines: 1,
                     overflow: TextOverflow.ellipsis,
                     style: TextStyle(
-                      color: Colors.white.withValues(alpha: 0.72),
+                      color: p.textMuted,
                       fontSize: 11,
                       fontWeight: FontWeight.w700,
                     ),
@@ -275,7 +276,7 @@ class _ModelChoiceCard extends StatelessWidget {
                   maxLines: 3,
                   overflow: TextOverflow.ellipsis,
                   style: TextStyle(
-                    color: Colors.white.withValues(alpha: 0.68),
+                    color: p.textMuted,
                     fontSize: purposeSize,
                     height: 1.35,
                   ),
@@ -306,9 +307,9 @@ class _ModelChoiceCard extends StatelessWidget {
                           Text(
                             model.label,
                             style: TextStyle(
-                              color: Colors.white,
+                              color: p.textPrimary,
                               fontSize: titleSize,
-                              fontWeight: FontWeight.w800,
+                              fontWeight: FontWeight.w700,
                             ),
                           ),
                           Container(
@@ -317,13 +318,13 @@ class _ModelChoiceCard extends StatelessWidget {
                               vertical: 5,
                             ),
                             decoration: BoxDecoration(
-                              color: Colors.white.withValues(alpha: 0.08),
+                              color: p.bgSecondary,
                               borderRadius: BorderRadius.circular(999),
                             ),
                             child: Text(
                               model.provider,
                               style: TextStyle(
-                                color: Colors.white.withValues(alpha: 0.72),
+                                color: p.textMuted,
                                 fontSize: 12,
                                 fontWeight: FontWeight.w700,
                               ),
@@ -335,7 +336,7 @@ class _ModelChoiceCard extends StatelessWidget {
                       Text(
                         model.purpose,
                         style: TextStyle(
-                          color: Colors.white.withValues(alpha: 0.68),
+                          color: p.textMuted,
                           fontSize: purposeSize,
                           height: 1.45,
                         ),
@@ -355,7 +356,7 @@ class _ModelChoiceCard extends StatelessWidget {
                       : Icon(
                           Icons.radio_button_unchecked_rounded,
                           key: ValueKey<String>('idle-${model.id}'),
-                          color: Colors.white.withValues(alpha: 0.25),
+                          color: p.textMuted.withValues(alpha: 0.5),
                           size: 28,
                         ),
                 ),

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

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
 import '../../main.dart';
+import '../../src/theme/palette.dart';
 import 'onboarding_video_step.dart';
 import 'onboarding_welcome_step.dart';
+import 'onboarding_companion_step.dart';
 import 'onboarding_messaging_step.dart';
 import 'onboarding_model_step.dart';
 
@@ -37,7 +39,7 @@ class _OnboardingShellState extends State<OnboardingShell> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: Colors.black, // Deep black for video and transitions
+      backgroundColor: paletteOf(context).bgPrimary,
       body: PageView(
         controller: _pageController,
         physics:
@@ -45,6 +47,10 @@ class _OnboardingShellState extends State<OnboardingShell> {
         children: <Widget>[
           OnboardingVideoStep(onComplete: _nextStep),
           OnboardingWelcomeStep(onNext: _nextStep),
+          OnboardingCompanionStep(
+            onNext: _nextStep,
+            controller: widget.controller,
+          ),
           OnboardingMessagingStep(
             onNext: _nextStep,
             controller: widget.controller,
@@ -55,3 +61,4 @@ class _OnboardingShellState extends State<OnboardingShell> {
     );
   }
 }
+

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

@@ -5,6 +5,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:video_player/video_player.dart';
 
+import '../../src/theme/palette.dart';
 import 'onboarding_chrome.dart';
 
 class OnboardingVideoStep extends StatefulWidget {
@@ -75,26 +76,27 @@ class _OnboardingVideoStepState extends State<OnboardingVideoStep> {
     final orientation = MediaQuery.orientationOf(context);
 
     if (_hasError) {
+      final p = paletteOf(context);
       return Scaffold(
-        backgroundColor: Colors.black,
+        backgroundColor: p.bgPrimary,
         body: Center(
           child: Padding(
             padding: const EdgeInsets.all(32),
             child: Column(
               mainAxisSize: MainAxisSize.min,
               children: <Widget>[
-                const Icon(
+                Icon(
                   Icons.play_circle_outline_rounded,
-                  color: Colors.white70,
+                  color: p.accent,
                   size: 56,
                 ),
                 const SizedBox(height: 18),
-                const Text(
+                Text(
                   'Continue to setup',
                   style: TextStyle(
-                    color: Colors.white,
+                    color: p.textPrimary,
                     fontSize: 26,
-                    fontWeight: FontWeight.w800,
+                    fontWeight: FontWeight.w700,
                   ),
                 ),
                 const SizedBox(height: 12),
@@ -102,7 +104,7 @@ class _OnboardingVideoStepState extends State<OnboardingVideoStep> {
                   'The intro is not available on this device.',
                   textAlign: TextAlign.center,
                   style: TextStyle(
-                    color: Colors.white.withValues(alpha: 0.68),
+                    color: p.textMuted,
                     fontSize: 15,
                     height: 1.5,
                   ),
@@ -135,7 +137,7 @@ class _OnboardingVideoStepState extends State<OnboardingVideoStep> {
     }
 
     return Scaffold(
-      backgroundColor: Colors.black,
+      backgroundColor: portrait ? paletteOf(context).bgPrimary : Colors.black,
       body: portrait
           ? const _RotatePrompt()
           : Stack(
@@ -183,21 +185,22 @@ class _RotatePrompt extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final p = paletteOf(context);
     return Center(
       child: Padding(
         padding: const EdgeInsets.all(32),
         child: Column(
           mainAxisSize: MainAxisSize.min,
           children: <Widget>[
-            const Icon(Icons.screen_rotation, color: Colors.white, size: 54),
+            Icon(Icons.screen_rotation, color: p.accent, size: 54),
             const SizedBox(height: 18),
-            const Text(
+            Text(
               'Rotate to continue',
               textAlign: TextAlign.center,
               style: TextStyle(
-                color: Colors.white,
+                color: p.textPrimary,
                 fontSize: 24,
-                fontWeight: FontWeight.w800,
+                fontWeight: FontWeight.w700,
               ),
             ),
             const SizedBox(height: 10),
@@ -205,7 +208,7 @@ class _RotatePrompt extends StatelessWidget {
               'This intro is designed for full-screen landscape playback.',
               textAlign: TextAlign.center,
               style: TextStyle(
-                color: Colors.white.withValues(alpha: 0.7),
+                color: p.textMuted,
                 fontSize: 15,
                 height: 1.5,
               ),

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 {
@@ -11,10 +12,10 @@ class OnboardingWelcomeStep extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return OnboardingScaffold(
-      step: 1,
+      step: 0,
       totalSteps: 4,
       eyebrow: 'WELCOME',
-      title: 'Welcome to\nNeoOS',
+      title: 'Welcome to\nNeoAgent',
       description: 'Your assistant layer for capture, context, and action.',
       footer: Row(
         mainAxisAlignment: MainAxisAlignment.end,
@@ -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 NeoOS 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.dart

@@ -39,6 +39,7 @@ import 'src/messaging_access_summary.dart';
 import 'src/oauth_launcher.dart';
 import 'src/recording_bridge.dart';
 import 'src/recording_payloads.dart';
+import 'src/security/password_strength.dart';
 import 'src/stream_renderer.dart';
 import 'src/theme/palette.dart';
 import 'src/web_app_update_monitor.dart';
@@ -65,6 +66,7 @@ part 'main_recordings.dart';
 part 'main_chat.dart';
 part 'main_account_settings.dart';
 part 'main_settings.dart';
+part 'main_model_picker.dart';
 part 'main_operations.dart';
 part 'main_admin.dart';
 part 'main_unified.dart';

package/flutter_app/lib/main_account_settings.dart

@@ -28,38 +28,14 @@ _PasswordStrengthInfo _passwordStrengthInfo({
       color: _borderLight,
     );
   }
-  final lower = RegExp(r'[a-z]').hasMatch(value);
-  final upper = RegExp(r'[A-Z]').hasMatch(value);
-  final digits = RegExp(r'[0-9]').hasMatch(value);
-  final symbols = RegExp(r'[^A-Za-z0-9]').hasMatch(value);
-  final variety = <bool>[
-    lower,
-    upper,
-    digits,
-    symbols,
-  ].where((item) => item).length;
-  final normalized = value.toLowerCase();
-  final userHints = <String>{
-    username.trim().toLowerCase(),
-    email.trim().toLowerCase(),
-    email.trim().toLowerCase().split('@').first,
-  }.where((item) => item.length >= 3);
-  final containsUserInfo = userHints.any(normalized.contains);
-  final obviousPattern =
-      RegExp(r'(.)\1\1').hasMatch(value) ||
-      normalized.contains('password') ||
-      normalized.contains('1234') ||
-      normalized.contains('qwerty');
-
-  var score = 0;
-  if (value.length >= 8) score += 1;
-  if (value.length >= 12) score += 1;
-  if (variety >= 3) score += 1;
-  if (variety == 4 || value.length >= 16) score += 1;
-  if (containsUserInfo || obviousPattern) score -= 1;
-  score = score.clamp(0, 4);
+  final evaluation = evaluatePasswordStrength(
+    password: password,
+    username: username,
+    email: email,
+  );
+  final score = evaluation.score;
 
-  if (value.length < 8) {
+  if (!evaluation.hasMinimumLength) {
     return _PasswordStrengthInfo(
       score: 1,
       label: 'Weak',
@@ -67,7 +43,7 @@ _PasswordStrengthInfo _passwordStrengthInfo({
       color: _danger,
     );
   }
-  if (containsUserInfo) {
+  if (evaluation.containsUserInfo) {
     return _PasswordStrengthInfo(
       score: 2,
       label: 'Fair',
@@ -75,7 +51,7 @@ _PasswordStrengthInfo _passwordStrengthInfo({
       color: _warning,
     );
   }
-  if (obviousPattern) {
+  if (evaluation.obviousPattern) {
     return _PasswordStrengthInfo(
       score: 2,
       label: 'Fair',
@@ -1197,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

@@ -429,6 +429,8 @@ class McpPanel extends StatelessWidget {
                             label: server.status,
                             color: server.status == 'running'
                                 ? _success
+                                : server.hasError
+                                ? _danger
                                 : _textSecondary,
                           ),
                         ],
@@ -437,7 +439,7 @@ class McpPanel extends StatelessWidget {
                       Text(
                         server.command,
                         style: TextStyle(
-                          fontFamily: GoogleFonts.jetBrainsMono().fontFamily,
+                          fontFamily: GoogleFonts.geistMono().fontFamily,
                           color: _textSecondary,
                         ),
                       ),
@@ -465,6 +467,17 @@ class McpPanel extends StatelessWidget {
                           ),
                         ],
                       ),
+                      if (server.hasError) ...<Widget>[
+                        const SizedBox(height: 12),
+                        _InlineError(message: server.error!),
+                        if (server.retryLabel.isNotEmpty) ...<Widget>[
+                          const SizedBox(height: 8),
+                          Text(
+                            server.retryLabel,
+                            style: TextStyle(color: _textSecondary),
+                          ),
+                        ],
+                      ],
                       const SizedBox(height: 14),
                       Wrap(
                         spacing: 10,