neoagent 3.1.1-beta.2 → 3.1.1-beta.4

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,
                     ),
                   ),
                 ],

package/flutter_app/lib/src/backend_client.dart

@@ -524,6 +524,36 @@ class BackendClient {
     );
   }
 
+  Future<Map<String, dynamic>> fetchSocialReachStatus(String baseUrl) async {
+    return getMap(baseUrl, '/api/social-reach/status');
+  }
+
+  Future<Map<String, dynamic>> importSocialReachCookies(
+    String baseUrl,
+    String platform, {
+    String? tokenId,
+  }) async {
+    return postMap(
+      baseUrl,
+      '/api/social-reach/cookies/import',
+      <String, dynamic>{
+        'platform': platform,
+        if (tokenId != null && tokenId.trim().isNotEmpty)
+          'tokenId': tokenId.trim(),
+      },
+    );
+  }
+
+  Future<Map<String, dynamic>> clearSocialReachCookies(
+    String baseUrl,
+    String platform,
+  ) async {
+    return deleteMap(
+      baseUrl,
+      '/api/social-reach/cookies/${Uri.encodeComponent(platform)}',
+    );
+  }
+
   Future<Map<String, dynamic>> fetchUpdateStatus(String baseUrl) async {
     return getMap(baseUrl, '/api/settings/update/status');
   }
@@ -1660,6 +1690,26 @@ class BackendClient {
     return getList(baseUrl, _withAgentQuery('/api/tasks', agentId));
   }
 
+  Future<List<Map<String, dynamic>>> fetchTaskDeliveryTargets(
+    String baseUrl, {
+    String? query,
+    String? platform,
+    String? agentId,
+  }) async {
+    final params = <String>[
+      if (query != null && query.trim().isNotEmpty)
+        'q=${Uri.encodeQueryComponent(query.trim())}',
+      if (platform != null && platform.trim().isNotEmpty)
+        'platform=${Uri.encodeQueryComponent(platform.trim())}',
+      if (agentId != null && agentId.trim().isNotEmpty)
+        'agentId=${Uri.encodeQueryComponent(agentId.trim())}',
+    ];
+    final path = params.isEmpty
+        ? _withAgentQuery('/api/tasks/delivery-targets', agentId)
+        : '/api/tasks/delivery-targets?${params.join('&')}';
+    return getList(baseUrl, path);
+  }
+
   Future<Map<String, dynamic>> saveTask(
     String baseUrl, {
     int? id,

package/landing/index.html

@@ -887,6 +887,7 @@ p { margin: 0; text-wrap: pretty; }
       <a href="#features">Features</a>
       <a href="#channels">Channels</a>
       <a href="#how">How it works</a>
+      <a href="/status">Status</a>
     </nav>
     <div class="nav-right">
       <a class="signin" href="/app">Sign in</a>
@@ -899,6 +900,7 @@ p { margin: 0; text-wrap: pretty; }
     <a href="#features">Features</a>
     <a href="#channels">Channels</a>
     <a href="#how">How it works</a>
+    <a href="/status">Status</a>
   </div>
 </header>
 
@@ -1230,6 +1232,7 @@ p { margin: 0; text-wrap: pretty; }
         <a href="#features">Features</a>
         <a href="#channels">Channels</a>
         <a href="#how">How it works</a>
+        <a href="/status">Status</a>
         <a href="https://neolabs-systems.github.io/NeoAgent/">Documentation</a>
       </nav>
       <nav class="footer-legal">