neoagent 3.1.1-beta.3 → 3.1.1-beta.4

package/extensions/chrome-browser/manifest.json

@@ -5,7 +5,7 @@
   "version_name": "2.4.1-beta.8",
   "description": "Connect this Chrome browser to NeoAgent for browser automation.",
   "minimum_chrome_version": "118",
-  "permissions": ["alarms", "debugger", "storage", "tabs"],
+  "permissions": ["alarms", "cookies", "debugger", "storage", "tabs"],
   "host_permissions": ["http://*/*", "https://*/*"],
   "icons": {
     "16": "icons/icon16.png",

package/extensions/chrome-browser/protocol.mjs

@@ -12,6 +12,7 @@ export const COMMANDS = Object.freeze({
   SCREENSHOT: 'screenshot',
   CLOSE: 'close',
   GET_PAGE_INFO: 'getPageInfo',
+  GET_COOKIES: 'getCookies',
 });
 
 function chromeCall(chromeApi, namespace, method, ...args) {
@@ -221,6 +222,41 @@ export function createBrowserProtocol(chromeApi) {
 
   async function run(command, payload = {}) {
     switch (command) {
+      case COMMANDS.GET_COOKIES: {
+        const domains = Array.isArray(payload.domains)
+          ? payload.domains.map((item) => String(item || '').replace(/^\./, '').toLowerCase()).filter(Boolean)
+          : [];
+        if (domains.length === 0) throw new Error('At least one cookie domain is required.');
+        const all = [];
+        for (const domain of domains) {
+          const cookies = await chromeCall(chromeApi, 'cookies', 'getAll', { domain });
+          all.push(...(Array.isArray(cookies) ? cookies : []));
+        }
+        const seen = new Set();
+        const filtered = all.filter((cookie) => {
+          const cookieDomain = String(cookie?.domain || '').replace(/^\./, '').toLowerCase();
+          const allowed = domains.some((domain) => cookieDomain === domain || cookieDomain.endsWith(`.${domain}`));
+          if (!allowed) return false;
+          const key = `${cookie.name}\n${cookie.domain}\n${cookie.path}`;
+          if (seen.has(key)) return false;
+          seen.add(key);
+          return true;
+        });
+        return {
+          platform: String(payload.platform || ''),
+          domains,
+          cookies: filtered.map((cookie) => ({
+            name: cookie.name,
+            value: cookie.value,
+            domain: cookie.domain,
+            path: cookie.path,
+            secure: cookie.secure === true,
+            httpOnly: cookie.httpOnly === true,
+            sameSite: cookie.sameSite || null,
+            expirationDate: cookie.expirationDate || null,
+          })),
+        };
+      }
       case COMMANDS.LAUNCH:
         await attach();
         return pageSnapshot({ screenshot: false });

package/flutter_app/lib/main_app_shell.dart

@@ -357,8 +357,9 @@ class _LocalInstallWidgetState extends State<_LocalInstallWidget> {
     if (!mounted) return;
     setState(() {
       _phase = exit == 0 ? _LocalInstallPhase.done : _LocalInstallPhase.failed;
-      if (exit != 0)
+      if (exit != 0) {
         _errorMsg = 'Installation failed (exit $exit). Check the log above.';
+      }
     });
   }
 
@@ -471,8 +472,9 @@ class _LocalInstallWidgetState extends State<_LocalInstallWidget> {
                     final proc = _proc;
                     proc?.kill(ProcessSignal.sigterm);
                     await proc?.exitCode;
-                    if (mounted)
+                    if (mounted) {
                       setState(() => _phase = _LocalInstallPhase.ready);
+                    }
                   },
                   child: const Text('Cancel'),
                 ),
@@ -1607,7 +1609,11 @@ class _HomeViewState extends State<HomeView> {
           titleSpacing: 0,
           leadingWidth: 44,
           centerTitle: false,
-          title: Text(controller.selectedSection.navigationTitle),
+          title: Text(
+            controller.selectedSection.navigationTitle,
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          ),
           titleTextStyle: Theme.of(
             context,
           ).textTheme.titleMedium?.copyWith(fontWeight: FontWeight.w700),

package/flutter_app/lib/main_controller.dart

@@ -182,6 +182,7 @@ class NeoAgentController extends ChangeNotifier {
   List<AiWidgetItem> widgets = const <AiWidgetItem>[];
   List<McpServerItem> mcpServers = const <McpServerItem>[];
   Map<String, dynamic> browserRuntime = const <String, dynamic>{};
+  Map<String, dynamic> socialReachStatus = const <String, dynamic>{};
   Map<String, dynamic> browserExtensionStatus = const <String, dynamic>{};
   List<Map<String, dynamic>> browserExtensionTokens =
       const <Map<String, dynamic>>[];
@@ -2316,6 +2317,9 @@ class NeoAgentController extends ChangeNotifier {
       final browserFuture = _backendClient
           .fetchBrowserStatus(backendUrl)
           .catchError((_) => const <String, dynamic>{});
+      final socialReachFuture = _backendClient
+          .fetchSocialReachStatus(backendUrl)
+          .catchError((_) => const <String, dynamic>{});
       final browserExtensionFuture = _backendClient
           .fetchBrowserExtensionStatus(backendUrl)
           .catchError((_) => const <String, dynamic>{});
@@ -2371,6 +2375,7 @@ class NeoAgentController extends ChangeNotifier {
       final mcpResponse = await mcpFuture;
       final recordingsResponse = await recordingsFuture;
       final browserResponse = await browserFuture;
+      final socialReachResponse = await socialReachFuture;
       final browserExtensionResponse = await browserExtensionFuture;
       final androidResponse = await androidFuture;
       final desktopResponse = await desktopFuture;
@@ -2468,6 +2473,7 @@ class NeoAgentController extends ChangeNotifier {
         RecordingSessionItem.fromJson,
       );
       browserRuntime = Map<String, dynamic>.from(browserResponse);
+      socialReachStatus = Map<String, dynamic>.from(socialReachResponse);
       browserExtensionStatus = Map<String, dynamic>.from(
         browserExtensionResponse,
       );
@@ -5892,6 +5898,32 @@ class NeoAgentController extends ChangeNotifier {
     }
   }
 
+  Future<Map<String, dynamic>> refreshSocialReachStatus() async {
+    final response = await _backendClient.fetchSocialReachStatus(backendUrl);
+    socialReachStatus = Map<String, dynamic>.from(response);
+    notifyListeners();
+    return socialReachStatus;
+  }
+
+  Future<Map<String, dynamic>> importSocialReachCookies(String platform) async {
+    final response = await _backendClient.importSocialReachCookies(
+      backendUrl,
+      platform,
+      tokenId: selectedBrowserExtensionTokenId,
+    );
+    await refreshSocialReachStatus();
+    return response;
+  }
+
+  Future<Map<String, dynamic>> clearSocialReachCookies(String platform) async {
+    final response = await _backendClient.clearSocialReachCookies(
+      backendUrl,
+      platform,
+    );
+    await refreshSocialReachStatus();
+    return response;
+  }
+
   Future<void> disconnectMessagingPlatform(String platform) async {
     final busyKey = '$platform:disconnect';
     if (_busyMessagingPlatformKeys.contains(busyKey)) {

package/flutter_app/lib/main_settings.dart

@@ -117,6 +117,22 @@ const _modelsSettingsSection = _SettingsSection('models', <String>[
   'smart selector',
 ]);
 
+const _socialReachSettingsSection = _SettingsSection('social reach', <String>[
+  'social',
+  'reach',
+  'web',
+  'rss',
+  'github',
+  'youtube',
+  'linkedin',
+  'xueqiu',
+  'twitter',
+  'reddit',
+  'instagram',
+  'facebook',
+  'cookies',
+]);
+
 const _voiceRecordingSettingsSection = _SettingsSection(
   'voice recording',
   <String>[
@@ -164,6 +180,7 @@ const _securitySettingsSection = _SettingsSection('security', <String>[
 const List<_SettingsSection> _settingsSearchSections = <_SettingsSection>[
   _overviewSettingsSection,
   _workspaceSettingsSection,
+  _socialReachSettingsSection,
   _modelsSettingsSection,
   _voiceRecordingSettingsSection,
   _desktopSettingsSection,
@@ -201,6 +218,9 @@ class _SettingsPanelState extends State<SettingsPanel> {
   Map<String, dynamic>? _extensionTestResult;
   bool _desktopTestRunning = false;
   Map<String, dynamic>? _desktopTestResult;
+  bool _socialReachRefreshing = false;
+  String? _socialReachBusyPlatform;
+  Map<String, dynamic>? _socialReachActionResult;
 
   @override
   void initState() {
@@ -399,6 +419,13 @@ class _SettingsPanelState extends State<SettingsPanel> {
             _buildWorkspaceSection(controller),
             const SizedBox(height: 16),
           ],
+          if (_matchesSettingsSection(
+            searchQuery,
+            _socialReachSettingsSection,
+          )) ...<Widget>[
+            _buildSocialReachSection(controller),
+            const SizedBox(height: 16),
+          ],
           if (_matchesSettingsSection(
             searchQuery,
             _modelsSettingsSection,
@@ -920,6 +947,278 @@ class _SettingsPanelState extends State<SettingsPanel> {
     );
   }
 
+  List<Map<String, dynamic>> _socialReachPlatforms(
+    NeoAgentController controller,
+  ) {
+    final raw = controller.socialReachStatus['platforms'];
+    if (raw is! List) return const <Map<String, dynamic>>[];
+    return raw
+        .whereType<Map>()
+        .map((item) => Map<String, dynamic>.from(item))
+        .toList();
+  }
+
+  Color _socialReachStatusColor(Map<String, dynamic> platform) {
+    final status = platform['status']?.toString().toLowerCase() ?? '';
+    if (platform['ready'] == true || status == 'ok') return _success;
+    if (status == 'warn') return _warning;
+    if (status == 'error') return _danger;
+    return _textSecondary;
+  }
+
+  Widget _buildSocialReachSection(NeoAgentController controller) {
+    final platforms = _socialReachPlatforms(controller);
+    final ready = platforms
+        .where((item) => item['ready'] == true || item['status'] == 'ok')
+        .length;
+    final unsupported = platforms
+        .where((item) => item['setupKind'] == 'unsupported_node_only')
+        .length;
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            Row(
+              children: <Widget>[
+                const Expanded(child: _SectionTitle('Social Reach')),
+                IconButton(
+                  tooltip: 'Refresh',
+                  onPressed: _socialReachRefreshing
+                      ? null
+                      : () async {
+                          setState(() {
+                            _socialReachRefreshing = true;
+                            _socialReachActionResult = null;
+                          });
+                          try {
+                            await controller.refreshSocialReachStatus();
+                          } catch (e) {
+                            if (mounted) {
+                              setState(
+                                () => _socialReachActionResult =
+                                    <String, dynamic>{'error': e.toString()},
+                              );
+                            }
+                          } finally {
+                            if (mounted) {
+                              setState(() => _socialReachRefreshing = false);
+                            }
+                          }
+                        },
+                  icon: _socialReachRefreshing
+                      ? const SizedBox.square(
+                          dimension: 18,
+                          child: CircularProgressIndicator(strokeWidth: 2),
+                        )
+                      : const Icon(Icons.refresh_rounded),
+                ),
+              ],
+            ),
+            const SizedBox(height: 10),
+            Text(
+              'Node-native web and social content access for agents.',
+              style: TextStyle(color: _textSecondary, height: 1.45),
+            ),
+            const SizedBox(height: 12),
+            Wrap(
+              spacing: 8,
+              runSpacing: 8,
+              children: <Widget>[
+                _MetaPill(
+                  icon: Icons.check_circle_outline,
+                  label: '$ready ready',
+                  color: _success,
+                ),
+                _MetaPill(
+                  icon: Icons.code_outlined,
+                  label: 'Node-only mode',
+                  color: _info,
+                ),
+                _MetaPill(
+                  icon: Icons.block_outlined,
+                  label: '$unsupported unavailable',
+                  color: _warning,
+                ),
+              ],
+            ),
+            if (_socialReachActionResult != null) ...<Widget>[
+              const SizedBox(height: 12),
+              Container(
+                width: double.infinity,
+                padding: const EdgeInsets.all(10),
+                decoration: BoxDecoration(
+                  color:
+                      (_socialReachActionResult!['error'] == null
+                              ? _success
+                              : _danger)
+                          .withValues(alpha: 0.10),
+                  borderRadius: BorderRadius.circular(8),
+                  border: Border.all(
+                    color:
+                        (_socialReachActionResult!['error'] == null
+                                ? _success
+                                : _danger)
+                            .withValues(alpha: 0.30),
+                  ),
+                ),
+                child: Text(
+                  _socialReachActionResult!['error']?.toString() ??
+                      'Social Reach updated.',
+                  style: TextStyle(
+                    color: _socialReachActionResult!['error'] == null
+                        ? _success
+                        : _danger,
+                  ),
+                ),
+              ),
+            ],
+            const SizedBox(height: 16),
+            if (platforms.isEmpty)
+              Text(
+                'Status is not loaded yet.',
+                style: TextStyle(color: _textSecondary),
+              )
+            else
+              ...platforms.map(
+                (platform) => Padding(
+                  padding: const EdgeInsets.only(bottom: 10),
+                  child: _buildSocialReachPlatformRow(controller, platform),
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSocialReachPlatformRow(
+    NeoAgentController controller,
+    Map<String, dynamic> platform,
+  ) {
+    final id = platform['platform']?.toString() ?? '';
+    final label = platform['label']?.toString() ?? id;
+    final setupKind = platform['setupKind']?.toString() ?? '';
+    final status = platform['status']?.toString() ?? 'off';
+    final message = platform['message']?.toString() ?? '';
+    final cookie = platform['cookie'] is Map
+        ? Map<String, dynamic>.from(platform['cookie'] as Map)
+        : const <String, dynamic>{};
+    final busy = _socialReachBusyPlatform == id;
+    final canImport = setupKind == 'cookies';
+    return Container(
+      padding: const EdgeInsets.all(14),
+      decoration: BoxDecoration(
+        color: _bgSecondary,
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: _border),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: <Widget>[
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              Expanded(
+                child: Text(
+                  label,
+                  style: TextStyle(
+                    color: _textPrimary,
+                    fontWeight: FontWeight.w800,
+                  ),
+                ),
+              ),
+              _StatusPill(
+                label: status,
+                color: _socialReachStatusColor(platform),
+              ),
+            ],
+          ),
+          const SizedBox(height: 6),
+          Text(message, style: TextStyle(color: _textSecondary, height: 1.35)),
+          if (cookie.isNotEmpty) ...<Widget>[
+            const SizedBox(height: 8),
+            Text(
+              cookie['configured'] == true
+                  ? '${cookie['count'] ?? 0} cookies imported'
+                  : 'Cookies not configured',
+              style: TextStyle(color: _textSecondary, fontSize: 12),
+            ),
+          ],
+          if (canImport) ...<Widget>[
+            const SizedBox(height: 10),
+            Wrap(
+              spacing: 8,
+              runSpacing: 8,
+              children: <Widget>[
+                FilledButton.icon(
+                  onPressed: busy
+                      ? null
+                      : () => _runSocialReachAction(
+                          controller,
+                          id,
+                          () => controller.importSocialReachCookies(id),
+                        ),
+                  icon: busy
+                      ? const SizedBox.square(
+                          dimension: 16,
+                          child: CircularProgressIndicator(
+                            strokeWidth: 2,
+                            color: Colors.white,
+                          ),
+                        )
+                      : const Icon(Icons.extension_outlined, size: 18),
+                  label: const Text('Import from extension'),
+                ),
+                OutlinedButton.icon(
+                  onPressed: busy
+                      ? null
+                      : () => _runSocialReachAction(
+                          controller,
+                          id,
+                          () => controller.clearSocialReachCookies(id),
+                        ),
+                  icon: const Icon(Icons.delete_outline, size: 18),
+                  label: const Text('Clear'),
+                ),
+              ],
+            ),
+          ],
+        ],
+      ),
+    );
+  }
+
+  Future<void> _runSocialReachAction(
+    NeoAgentController controller,
+    String platform,
+    Future<Map<String, dynamic>> Function() action,
+  ) async {
+    setState(() {
+      _socialReachBusyPlatform = platform;
+      _socialReachActionResult = null;
+    });
+    try {
+      final result = await action();
+      if (mounted) {
+        setState(() => _socialReachActionResult = result);
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(
+          () => _socialReachActionResult = <String, dynamic>{
+            'error': e.toString(),
+          },
+        );
+      }
+    } finally {
+      if (mounted) {
+        setState(() => _socialReachBusyPlatform = null);
+      }
+    }
+  }
+
   Widget _buildModelsSection({
     required BuildContext context,
     required NeoAgentController controller,
@@ -1075,11 +1374,12 @@ class _SettingsPanelState extends State<SettingsPanel> {
                     selectedIds: _enabledModels,
                   ),
                 );
-                if (result != null)
+                if (result != null) {
                   setState(() {
                     _enabledModels = result;
                     _hasUnsavedChanges = true;
                   });
+                }
               },
             ),
           ],

package/flutter_app/lib/main_shared.dart

@@ -588,7 +588,7 @@ class _PageTitle extends StatelessWidget {
   Widget build(BuildContext context) {
     final compact = MediaQuery.sizeOf(context).width < 760;
     final titleStyle = compact
-        ? _displayTitleStyle(26)
+        ? _displayTitleStyle(22)
         : _displayTitleStyle(32);
     final subtitleStyle = TextStyle(
       color: _textSecondary,
@@ -603,7 +603,12 @@ class _PageTitle extends StatelessWidget {
                 children: <Widget>[
                   Text('CONTROL SURFACE', style: _sectionEyebrowStyle()),
                   const SizedBox(height: 6),
-                  Text(title, style: titleStyle),
+                  Text(
+                    title,
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    style: titleStyle,
+                  ),
                   const SizedBox(height: 8),
                   ConstrainedBox(
                     constraints: const BoxConstraints(maxWidth: 720),

package/flutter_app/lib/main_timeline.dart

@@ -51,6 +51,67 @@ class _TimelinePanelState extends State<TimelinePanel> {
     return items.first;
   }
 
+  Future<void> _showMobileEventDetails(
+    List<TimelineEventItem> items,
+    TimelineEventItem initialEvent,
+  ) async {
+    _selectEvent(initialEvent);
+    var selectedIndex = items.indexWhere((item) => item.id == initialEvent.id);
+    if (selectedIndex < 0) {
+      selectedIndex = 0;
+    }
+
+    await showModalBottomSheet<void>(
+      context: context,
+      isScrollControlled: true,
+      useSafeArea: true,
+      backgroundColor: Colors.transparent,
+      builder: (context) {
+        return StatefulBuilder(
+          builder: (context, setSheetState) {
+            final selectedEvent = items[selectedIndex];
+            void selectOffset(int offset) {
+              final nextIndex = (selectedIndex + offset).clamp(
+                0,
+                items.length - 1,
+              );
+              if (nextIndex == selectedIndex) {
+                return;
+              }
+              setSheetState(() {
+                selectedIndex = nextIndex;
+              });
+              _selectEvent(items[nextIndex]);
+            }
+
+            return FractionallySizedBox(
+              heightFactor: 0.9,
+              child: Padding(
+                padding: const EdgeInsets.fromLTRB(12, 0, 12, 12),
+                child: _TimelineDetailPane(
+                  items: items,
+                  selectedEvent: selectedEvent,
+                  selectedIndex: selectedIndex,
+                  onSelectPrevious: selectedIndex > 0
+                      ? () => selectOffset(-1)
+                      : null,
+                  onSelectNext: selectedIndex < items.length - 1
+                      ? () => selectOffset(1)
+                      : null,
+                  onOpenRun: selectedEvent.runId.isNotEmpty
+                      ? () => unawaited(
+                          widget.controller.openRunDetails(selectedEvent.runId),
+                        )
+                      : null,
+                ),
+              ),
+            );
+          },
+        );
+      },
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final items = _sortedTimelineEvents(widget.controller.timelineItems);
@@ -87,10 +148,15 @@ class _TimelinePanelState extends State<TimelinePanel> {
                 : LayoutBuilder(
                     builder: (context, constraints) {
                       final isWide = constraints.maxWidth >= 1180;
+                      final isCompact = constraints.maxWidth < 760;
                       final feedPane = _TimelineFeedPane(
                         groups: groups,
                         selectedEventId: selectedEvent?.id,
-                        onSelectEvent: _selectEvent,
+                        onSelectEvent: isCompact
+                            ? (item) => unawaited(
+                                _showMobileEventDetails(items, item),
+                              )
+                            : _selectEvent,
                       );
                       final detailPane = _TimelineDetailPane(
                         items: items,
@@ -126,6 +192,10 @@ class _TimelinePanelState extends State<TimelinePanel> {
                         );
                       }
 
+                      if (isCompact) {
+                        return feedPane;
+                      }
+
                       return Column(
                         crossAxisAlignment: CrossAxisAlignment.stretch,
                         children: <Widget>[
@@ -156,13 +226,14 @@ class _TimelineHeroHeader extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final compact = MediaQuery.sizeOf(context).width < 760;
     final focusedDay =
         selectedEvent?.occurredAt ??
         (items.isEmpty ? null : items.first.occurredAt);
 
     return Container(
       width: double.infinity,
-      padding: const EdgeInsets.all(22),
+      padding: EdgeInsets.all(compact ? 16 : 22),
       decoration: BoxDecoration(
         gradient: LinearGradient(
           colors: <Color>[
@@ -172,7 +243,7 @@ class _TimelineHeroHeader extends StatelessWidget {
           begin: Alignment.topLeft,
           end: Alignment.bottomRight,
         ),
-        borderRadius: BorderRadius.circular(28),
+        borderRadius: BorderRadius.circular(compact ? 20 : 28),
         border: Border.all(color: _borderLight),
         boxShadow: <BoxShadow>[
           BoxShadow(
@@ -195,27 +266,27 @@ class _TimelineHeroHeader extends StatelessWidget {
                     'ACTIVITY FEED',
                     style: TextStyle(
                       color: _accentHover,
-                      fontSize: 13,
+                      fontSize: compact ? 11 : 13,
                       fontWeight: FontWeight.w700,
-                      letterSpacing: 4.2,
+                      letterSpacing: compact ? 2.4 : 4.2,
                     ),
                   ),
-                  const SizedBox(height: 14),
-                  const Text(
+                  SizedBox(height: compact ? 8 : 14),
+                  Text(
                     'Timeline',
                     style: TextStyle(
-                      fontSize: 40,
+                      fontSize: compact ? 28 : 40,
                       fontWeight: FontWeight.w800,
                       height: 1,
                     ),
                   ),
-                  const SizedBox(height: 14),
+                  SizedBox(height: compact ? 8 : 14),
                   Text(
                     'Emails, AI actions, recordings, tasks and run activity in one chronological feed.',
                     style: TextStyle(
                       color: _textSecondary,
-                      fontSize: 16.5,
-                      height: 1.35,
+                      fontSize: compact ? 13.5 : 16.5,
+                      height: compact ? 1.28 : 1.35,
                     ),
                   ),
                 ],