neoagent 2.4.1-beta.10 → 2.4.1-beta.12

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

@@ -1,5 +1,8 @@
+import 'dart:convert';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
+import 'package:http/http.dart' as http;
 import 'package:url_launcher/url_launcher.dart';
 
 import '../../main.dart';
@@ -21,6 +24,149 @@ class OnboardingCompanionStep extends StatefulWidget {
 
 class _OnboardingCompanionStepState extends State<OnboardingCompanionStep> {
   final Set<String> _clickedDownloads = <String>{};
+  String _selectedChannel = 'stable';
+  TargetPlatform _selectedDesktopPlatform = TargetPlatform.macOS;
+
+  bool _isLoadingReleases = false;
+  Map<String, Map<TargetPlatform, String>> _downloadUrls = {
+    'stable': <TargetPlatform, String>{},
+    'beta': <TargetPlatform, String>{},
+  };
+
+  @override
+  void initState() {
+    super.initState();
+    switch (defaultTargetPlatform) {
+      case TargetPlatform.windows:
+        _selectedDesktopPlatform = TargetPlatform.windows;
+        break;
+      case TargetPlatform.linux:
+        _selectedDesktopPlatform = TargetPlatform.linux;
+        break;
+      default:
+        _selectedDesktopPlatform = TargetPlatform.macOS;
+    }
+    _fetchReleases();
+  }
+
+  Future<void> _fetchReleases() async {
+    if (mounted) {
+      setState(() {
+        _isLoadingReleases = true;
+      });
+    }
+    try {
+      final response = await http.get(
+        Uri.parse('https://api.github.com/repos/NeoLabs-Systems/NeoAgent/releases'),
+        headers: const <String, String>{
+          'Accept': 'application/vnd.github.v3+json',
+        },
+      ).timeout(const Duration(seconds: 8));
+
+      if (response.statusCode == 200) {
+        final List<dynamic> releasesJson = jsonDecode(response.body) as List<dynamic>;
+        final urls = _parseReleases(releasesJson);
+        if (mounted) {
+          setState(() {
+            _downloadUrls = urls;
+            _isLoadingReleases = false;
+          });
+        }
+      } else {
+        throw Exception('Failed to load releases: status ${response.statusCode}');
+      }
+    } catch (e) {
+      debugPrint('Error fetching releases: $e');
+      if (mounted) {
+        setState(() {
+          _isLoadingReleases = false;
+        });
+      }
+    }
+  }
+
+  Map<String, Map<TargetPlatform, String>> _parseReleases(List<dynamic> releases) {
+    final Map<String, Map<TargetPlatform, String>> result = {
+      'stable': <TargetPlatform, String>{},
+      'beta': <TargetPlatform, String>{},
+    };
+
+    dynamic latestStable;
+    dynamic latestBeta;
+
+    for (final release in releases) {
+      if (release is! Map<String, dynamic>) continue;
+      final bool isPrerelease = release['prerelease'] == true;
+      final String tagName = (release['tag_name'] ?? '').toString();
+      final bool isBetaTag = tagName.contains('-beta');
+
+      if ((isPrerelease || isBetaTag) && latestBeta == null) {
+        latestBeta = release;
+      } else if (!isPrerelease && !isBetaTag && latestStable == null) {
+        latestStable = release;
+      }
+
+      if (latestStable != null && latestBeta != null) {
+        break;
+      }
+    }
+
+    latestStable ??= latestBeta;
+    latestBeta ??= latestStable;
+
+    if (latestStable != null) {
+      result['stable'] = _extractUrlsFromRelease(latestStable);
+    }
+    if (latestBeta != null) {
+      result['beta'] = _extractUrlsFromRelease(latestBeta);
+    }
+
+    return result;
+  }
+
+  Map<TargetPlatform, String> _extractUrlsFromRelease(dynamic release) {
+    final Map<TargetPlatform, String> urls = <TargetPlatform, String>{};
+    if (release is! Map<String, dynamic>) return urls;
+    final List<dynamic> assets = release['assets'] as List<dynamic>? ?? const <dynamic>[];
+
+    for (final asset in assets) {
+      if (asset is! Map<String, dynamic>) continue;
+      final String name = (asset['name'] ?? '').toString().toLowerCase();
+      final String downloadUrl = (asset['browser_download_url'] ?? '').toString();
+
+      if (name.endsWith('.dmg')) {
+        urls[TargetPlatform.macOS] = downloadUrl;
+      } else if (name.endsWith('.exe') && name.contains('setup')) {
+        urls[TargetPlatform.windows] = downloadUrl;
+      } else if (name.endsWith('.exe')) {
+        urls.putIfAbsent(TargetPlatform.windows, () => downloadUrl);
+      } else if (name.endsWith('.deb')) {
+        urls[TargetPlatform.linux] = downloadUrl;
+      } else if (name.endsWith('.apk') && !name.contains('-launcher')) {
+        urls[TargetPlatform.android] = downloadUrl;
+      }
+    }
+    return urls;
+  }
+
+  String _getFallbackUrl(String channel, TargetPlatform platform) {
+    final String tag = channel == 'beta' ? 'v2.4.1-beta.9' : 'v2.4.0';
+    final String ver = channel == 'beta' ? '2.4.1-beta.9' : '2.4.0';
+    final String debVer = ver.replaceAll('-', '~');
+
+    switch (platform) {
+      case TargetPlatform.macOS:
+        return 'https://github.com/NeoLabs-Systems/NeoAgent/releases/download/$tag/neoagent-macos-$ver.dmg';
+      case TargetPlatform.windows:
+        return 'https://github.com/NeoLabs-Systems/NeoAgent/releases/download/$tag/neoagent-windows-x64-setup-$ver.exe';
+      case TargetPlatform.linux:
+        return 'https://github.com/NeoLabs-Systems/NeoAgent/releases/download/$tag/neoagent-linux-amd64-$debVer.deb';
+      case TargetPlatform.android:
+        return 'https://github.com/NeoLabs-Systems/NeoAgent/releases/download/$tag/neoagent-android-$ver.apk';
+      default:
+        return 'https://github.com/NeoLabs-Systems/NeoAgent/releases/tag/$tag';
+    }
+  }
 
   Future<void> _launchUrl(String urlString) async {
     final url = Uri.parse(urlString);
@@ -29,6 +175,75 @@ class _OnboardingCompanionStepState extends State<OnboardingCompanionStep> {
     }
   }
 
+  String _getFileExtensionForPlatform(TargetPlatform platform) {
+    switch (platform) {
+      case TargetPlatform.macOS:
+        return '.dmg';
+      case TargetPlatform.windows:
+        return '.exe';
+      case TargetPlatform.linux:
+        return '.deb';
+      default:
+        return '';
+    }
+  }
+
+  Widget _buildChannelSelector() {
+    return Container(
+      padding: const EdgeInsets.all(4),
+      decoration: BoxDecoration(
+        color: Colors.white.withValues(alpha: 0.05),
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: Colors.white.withValues(alpha: 0.08)),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: <Widget>[
+          _buildChannelButton('stable', 'Stable Release'),
+          _buildChannelButton('beta', 'Beta Release'),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildChannelButton(String channel, String label) {
+    final isSelected = _selectedChannel == channel;
+    return Material(
+      color: Colors.transparent,
+      child: InkWell(
+        onTap: () {
+          setState(() {
+            _selectedChannel = channel;
+          });
+        },
+        borderRadius: BorderRadius.circular(12),
+        child: AnimatedContainer(
+          duration: const Duration(milliseconds: 200),
+          padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+          decoration: BoxDecoration(
+            color: isSelected
+                ? Theme.of(context).colorScheme.primary.withValues(alpha: 0.16)
+                : Colors.transparent,
+            borderRadius: BorderRadius.circular(12),
+            border: Border.all(
+              color: isSelected
+                  ? Theme.of(context).colorScheme.primary.withValues(alpha: 0.6)
+                  : Colors.transparent,
+            ),
+          ),
+          child: Text(
+            label,
+            style: TextStyle(
+              color: isSelected ? Colors.white : Colors.white.withValues(alpha: 0.6),
+              fontSize: 14,
+              fontWeight: FontWeight.w700,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final width = MediaQuery.sizeOf(context).width;
@@ -62,10 +277,14 @@ class _OnboardingCompanionStepState extends State<OnboardingCompanionStep> {
             icon: Icons.laptop_mac_rounded,
             accentColor: desktopConnected ? const Color(0xFF10A37F) : const Color(0xFF8A5CF5),
             connected: desktopConnected,
-            buttonText: desktopConnected ? 'Desktop Connected' : 'Get Desktop App',
+            buttonText: desktopConnected
+                ? 'Desktop Connected'
+                : 'Download for ${_selectedDesktopPlatform.name.toUpperCase()} (${_getFileExtensionForPlatform(_selectedDesktopPlatform)})',
             onTap: () async {
               setState(() => _clickedDownloads.add('desktop'));
-              await _launchUrl('https://github.com/NeoLabs-Systems/NeoAgent/releases');
+              final url = _downloadUrls[_selectedChannel]?[_selectedDesktopPlatform] ??
+                  _getFallbackUrl(_selectedChannel, _selectedDesktopPlatform);
+              await _launchUrl(url);
             },
           ),
           _CompanionItemData(
@@ -78,7 +297,9 @@ class _OnboardingCompanionStepState extends State<OnboardingCompanionStep> {
             buttonText: 'Download Android APK',
             onTap: () async {
               setState(() => _clickedDownloads.add('mobile'));
-              await _launchUrl('https://github.com/NeoLabs-Systems/NeoAgent/releases');
+              final url = _downloadUrls[_selectedChannel]?[TargetPlatform.android] ??
+                  _getFallbackUrl(_selectedChannel, TargetPlatform.android);
+              await _launchUrl(url);
             },
           ),
         ];
@@ -103,42 +324,79 @@ class _OnboardingCompanionStepState extends State<OnboardingCompanionStep> {
               ),
             ],
           ),
-          child: useGrid
-              ? GridView.builder(
-                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-                    crossAxisCount: columns,
-                    crossAxisSpacing: 14,
-                    mainAxisSpacing: 14,
-                    childAspectRatio: width >= 1050 ? 1.42 : 1.25,
-                  ),
-                  itemCount: items.length,
-                  itemBuilder: (context, index) {
-                    final item = items[index];
-                    return _CompanionCard(
-                          item: item,
-                          compact: true,
-                          isClicked: _clickedDownloads.contains(item.id),
-                        )
-                        .animate()
-                        .fadeIn(duration: 420.ms, delay: (180 + (index * 80)).ms)
-                        .slideY(begin: 0.16, end: 0);
-                  },
-                )
-              : ListView.separated(
-                  itemCount: items.length,
-                  separatorBuilder: (_, __) => const SizedBox(height: 14),
-                  itemBuilder: (context, index) {
-                    final item = items[index];
-                    return _CompanionCard(
-                          item: item,
-                          compact: false,
-                          isClicked: _clickedDownloads.contains(item.id),
-                        )
-                        .animate()
-                        .fadeIn(duration: 420.ms, delay: (180 + (index * 80)).ms)
-                        .slideY(begin: 0.16, end: 0);
-                  },
-                ),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  _buildChannelSelector(),
+                  if (_isLoadingReleases) ...[
+                    const SizedBox(width: 12),
+                    const SizedBox(
+                      width: 14,
+                      height: 14,
+                      child: CircularProgressIndicator(
+                        strokeWidth: 2,
+                        valueColor: AlwaysStoppedAnimation<Color>(Colors.white54),
+                      ),
+                    ),
+                  ],
+                ],
+              ),
+              const SizedBox(height: 20),
+              Expanded(
+                child: useGrid
+                    ? GridView.builder(
+                        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                          crossAxisCount: columns,
+                          crossAxisSpacing: 14,
+                          mainAxisSpacing: 14,
+                          childAspectRatio: width >= 1050 ? 1.42 : 1.25,
+                        ),
+                        itemCount: items.length,
+                        itemBuilder: (context, index) {
+                          final item = items[index];
+                          return _CompanionCard(
+                                item: item,
+                                compact: true,
+                                isClicked: _clickedDownloads.contains(item.id),
+                                selectedDesktopPlatform: _selectedDesktopPlatform,
+                                onDesktopPlatformChanged: (platform) {
+                                  setState(() {
+                                    _selectedDesktopPlatform = platform;
+                                  });
+                                },
+                              )
+                              .animate()
+                              .fadeIn(duration: 420.ms, delay: (180 + (index * 80)).ms)
+                              .slideY(begin: 0.16, end: 0);
+                        },
+                      )
+                    : ListView.separated(
+                        itemCount: items.length,
+                        separatorBuilder: (_, __) => const SizedBox(height: 14),
+                        itemBuilder: (context, index) {
+                          final item = items[index];
+                          return _CompanionCard(
+                                item: item,
+                                compact: false,
+                                isClicked: _clickedDownloads.contains(item.id),
+                                selectedDesktopPlatform: _selectedDesktopPlatform,
+                                onDesktopPlatformChanged: (platform) {
+                                  setState(() {
+                                    _selectedDesktopPlatform = platform;
+                                  });
+                                },
+                              )
+                              .animate()
+                              .fadeIn(duration: 420.ms, delay: (180 + (index * 80)).ms)
+                              .slideY(begin: 0.16, end: 0);
+                        },
+                      ),
+              ),
+            ],
+          ),
         );
       },
     );
@@ -172,11 +430,15 @@ class _CompanionCard extends StatelessWidget {
     required this.item,
     required this.compact,
     required this.isClicked,
+    required this.selectedDesktopPlatform,
+    required this.onDesktopPlatformChanged,
   });
 
   final _CompanionItemData item;
   final bool compact;
   final bool isClicked;
+  final TargetPlatform selectedDesktopPlatform;
+  final ValueChanged<TargetPlatform> onDesktopPlatformChanged;
 
   @override
   Widget build(BuildContext context) {
@@ -231,6 +493,11 @@ class _CompanionCard extends StatelessWidget {
                 ),
               ),
               const SizedBox(height: 12),
+              if (item.id == 'desktop' && !item.connected)
+                _PlatformSelector(
+                  selectedPlatform: selectedDesktopPlatform,
+                  onPlatformChanged: onDesktopPlatformChanged,
+                ),
               _DownloadButton(item: item, isClicked: isClicked),
             ],
           )
@@ -274,6 +541,11 @@ class _CompanionCard extends StatelessWidget {
                       ),
                     ),
                     const SizedBox(height: 14),
+                    if (item.id == 'desktop' && !item.connected)
+                      _PlatformSelector(
+                        selectedPlatform: selectedDesktopPlatform,
+                        onPlatformChanged: onDesktopPlatformChanged,
+                      ),
                     _DownloadButton(item: item, isClicked: isClicked),
                   ],
                 ),
@@ -357,13 +629,13 @@ class _DownloadButton extends StatelessWidget {
     return Container(
       padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
       decoration: BoxDecoration(
-        color: isClicked 
-            ? Colors.white.withValues(alpha: 0.08) 
+        color: isClicked
+            ? Colors.white.withValues(alpha: 0.08)
             : item.accentColor.withValues(alpha: 0.12),
         borderRadius: BorderRadius.circular(12),
         border: Border.all(
-          color: isClicked 
-              ? Colors.white.withValues(alpha: 0.2) 
+          color: isClicked
+              ? Colors.white.withValues(alpha: 0.2)
               : item.accentColor.withValues(alpha: 0.25),
         ),
       ),
@@ -389,3 +661,61 @@ class _DownloadButton extends StatelessWidget {
     );
   }
 }
+
+class _PlatformSelector extends StatelessWidget {
+  const _PlatformSelector({
+    required this.selectedPlatform,
+    required this.onPlatformChanged,
+  });
+
+  final TargetPlatform selectedPlatform;
+  final ValueChanged<TargetPlatform> onPlatformChanged;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: const EdgeInsets.only(bottom: 12),
+      padding: const EdgeInsets.all(2),
+      decoration: BoxDecoration(
+        color: Colors.white.withValues(alpha: 0.04),
+        borderRadius: BorderRadius.circular(10),
+        border: Border.all(color: Colors.white.withValues(alpha: 0.06)),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: <Widget>[
+          _buildTab(TargetPlatform.macOS, 'macOS'),
+          _buildTab(TargetPlatform.windows, 'Windows'),
+          _buildTab(TargetPlatform.linux, 'Linux'),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildTab(TargetPlatform platform, String label) {
+    final isSelected = selectedPlatform == platform;
+    return Material(
+      color: Colors.transparent,
+      child: InkWell(
+        onTap: () => onPlatformChanged(platform),
+        borderRadius: BorderRadius.circular(8),
+        child: AnimatedContainer(
+          duration: const Duration(milliseconds: 180),
+          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
+          decoration: BoxDecoration(
+            color: isSelected ? Colors.white.withValues(alpha: 0.08) : Colors.transparent,
+            borderRadius: BorderRadius.circular(8),
+          ),
+          child: Text(
+            label,
+            style: TextStyle(
+              color: isSelected ? Colors.white : Colors.white.withValues(alpha: 0.5),
+              fontSize: 11,
+              fontWeight: FontWeight.w700,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

package/flutter_app/lib/main_devices.dart

@@ -706,8 +706,8 @@ class _DevicesPanelState extends State<DevicesPanel> {
                         onAction: _runQuickAction,
                       ),
                       if (kIsWeb) ...<Widget>[
-                        const SizedBox(height: 14),
-                        AndroidApkDropZone(
+                        const SizedBox(height: 12),
+                        _AndroidActionsBox(
                           enabled: _androidOnline,
                           busy: _isCurrentSurfaceBusy,
                           onInstall: ({required filename, required bytes}) {
@@ -1264,6 +1264,77 @@ class _AndroidNavDock extends StatelessWidget {
   }
 }
 
+/// Tiny pill shown in the top-right corner of the preview to indicate no audio.
+class _MutedBadge extends StatelessWidget {
+  const _MutedBadge();
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 4),
+      decoration: BoxDecoration(
+        color: Colors.black54,
+        borderRadius: BorderRadius.circular(8),
+      ),
+      child: const Icon(Icons.volume_off_rounded, size: 11, color: Colors.white),
+    );
+  }
+}
+
+/// Compact expandable actions box shown beneath the Android nav dock.
+/// Starts with APK install; more actions can be added as tiles.
+class _AndroidActionsBox extends StatelessWidget {
+  const _AndroidActionsBox({
+    required this.enabled,
+    required this.busy,
+    required this.onInstall,
+  });
+
+  final bool enabled;
+  final bool busy;
+  final AndroidApkInstallCallback onInstall;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
+      decoration: BoxDecoration(
+        color: _bgSecondary,
+        borderRadius: BorderRadius.circular(18),
+        border: Border.all(color: _borderLight),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisSize: MainAxisSize.min,
+        children: <Widget>[
+          Text(
+            'ACTIONS',
+            style: TextStyle(
+              fontSize: 10,
+              fontWeight: FontWeight.w700,
+              letterSpacing: 0.8,
+              color: _textSecondary,
+            ),
+          ),
+          const SizedBox(height: 8),
+          Wrap(
+            spacing: 8,
+            runSpacing: 8,
+            children: <Widget>[
+              AndroidApkTile(
+                enabled: enabled,
+                busy: busy,
+                onInstall: onInstall,
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
 class _SurfaceSwitcher extends StatelessWidget {
   const _SurfaceSwitcher({required this.surface, required this.onSelect});
 
@@ -1636,6 +1707,14 @@ class _InteractiveSurfacePreviewState
                                 ? null
                                 : (x, y) => widget.onHover?.call(Offset(x, y)),
                           ),
+                          const Positioned(
+                            top: 8,
+                            right: 8,
+                            child: Opacity(
+                              opacity: 0.45,
+                              child: _MutedBadge(),
+                            ),
+                          ),
                           Positioned(
                             left: 12,
                             right: 12,
@@ -1743,6 +1822,14 @@ class _InteractiveSurfacePreviewState
                               fit: BoxFit.contain,
                               gaplessPlayback: true,
                             ),
+                            const Positioned(
+                              top: 8,
+                              right: 8,
+                              child: Opacity(
+                                opacity: 0.45,
+                                child: _MutedBadge(),
+                              ),
+                            ),
                             Positioned(
                               left: 12,
                               right: 12,

package/flutter_app/lib/src/android_apk_drop_zone.dart

@@ -30,3 +30,27 @@ class AndroidApkDropZone extends StatelessWidget {
     );
   }
 }
+
+/// Compact tile variant — fits inside an actions row.
+class AndroidApkTile extends StatelessWidget {
+  const AndroidApkTile({
+    super.key,
+    required this.enabled,
+    required this.busy,
+    required this.onInstall,
+  });
+
+  final bool enabled;
+  final bool busy;
+  final AndroidApkInstallCallback onInstall;
+
+  @override
+  Widget build(BuildContext context) {
+    return buildAndroidApkTile(
+      context,
+      enabled: enabled,
+      busy: busy,
+      onInstall: onInstall,
+    );
+  }
+}

package/flutter_app/lib/src/android_apk_drop_zone_stub.dart

@@ -14,3 +14,16 @@ Widget buildAndroidApkDropZone(
 }) {
   return const SizedBox.shrink();
 }
+
+Widget buildAndroidApkTile(
+  BuildContext context, {
+  required bool enabled,
+  required bool busy,
+  required Future<void> Function({
+    required String filename,
+    required Uint8List bytes,
+  })
+  onInstall,
+}) {
+  return const SizedBox.shrink();
+}