neoagent 2.4.1-beta.43 → 2.4.1-beta.45

package/flutter_app/lib/main_shared.dart

@@ -639,6 +639,53 @@ class _PageTitle extends StatelessWidget {
   }
 }
 
+IconData _runPhaseIcon(String phase) {
+  switch (phase.toLowerCase()) {
+    case 'thinking':
+      return Icons.psychology_outlined;
+    case 'analyzing':
+      return Icons.analytics_outlined;
+    case 'planning':
+      return Icons.list_alt_outlined;
+    case 'verifying':
+      return Icons.fact_check_outlined;
+    case 'streaming':
+    case 'responding':
+      return Icons.chat_outlined;
+    case 'awaiting approval':
+      return Icons.lock_clock_outlined;
+    case 'incorporating steering':
+      return Icons.tune_outlined;
+    case 'completed':
+      return Icons.check_circle_outline_rounded;
+    case 'stopped':
+    case 'stopping':
+      return Icons.stop_circle_outlined;
+    default:
+      return Icons.sync_outlined;
+  }
+}
+
+Color _runPhaseColor(String phase) {
+  switch (phase.toLowerCase()) {
+    case 'thinking':
+    case 'analyzing':
+    case 'planning':
+      return _info;
+    case 'verifying':
+      return _accentAlt;
+    case 'awaiting approval':
+      return _warning;
+    case 'completed':
+      return _success;
+    case 'stopped':
+    case 'stopping':
+      return _textSecondary;
+    default:
+      return _accent;
+  }
+}
+
 class _RunStatusPanel extends StatelessWidget {
   const _RunStatusPanel({required this.run, required this.tools});
 
@@ -650,6 +697,9 @@ class _RunStatusPanel extends StatelessWidget {
     final runningCount = tools.where((tool) => tool.status == 'running').length;
     final helperCount = tools.where((tool) => tool.isHelperRelated).length;
     final webCount = tools.where((tool) => tool.isWebRelated).length;
+    final phase = run?.phase ?? '';
+    final phaseColor = _runPhaseColor(phase);
+    final isDeepRun = (run?.iteration ?? 0) >= 8;
 
     return Card(
       child: Padding(
@@ -659,6 +709,30 @@ class _RunStatusPanel extends StatelessWidget {
           children: <Widget>[
             Row(
               children: <Widget>[
+                if (phase.isNotEmpty) ...<Widget>[
+                  _PulseHalo(
+                    color: phaseColor,
+                    animate: phase.toLowerCase() != 'completed' &&
+                        phase.toLowerCase() != 'stopped',
+                    child: Container(
+                      width: 30,
+                      height: 30,
+                      decoration: BoxDecoration(
+                        color: phaseColor.withValues(alpha: 0.14),
+                        shape: BoxShape.circle,
+                        border: Border.all(
+                          color: phaseColor.withValues(alpha: 0.28),
+                        ),
+                      ),
+                      child: Icon(
+                        _runPhaseIcon(phase),
+                        size: 16,
+                        color: phaseColor,
+                      ),
+                    ),
+                  ),
+                  const SizedBox(width: 12),
+                ],
                 Expanded(
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
@@ -670,7 +744,7 @@ class _RunStatusPanel extends StatelessWidget {
                           fontWeight: FontWeight.w700,
                         ),
                       ),
-                      const SizedBox(height: 6),
+                      const SizedBox(height: 4),
                       Text(
                         run == null
                             ? 'Waiting for run events...'
@@ -679,7 +753,12 @@ class _RunStatusPanel extends StatelessWidget {
                                 if (run!.pendingSteeringCount > 0)
                                   '${run!.pendingSteeringCount} steering ${run!.pendingSteeringCount == 1 ? 'update' : 'updates'} queued',
                               ].join(' · '),
-                        style: TextStyle(color: _textSecondary),
+                        style: TextStyle(
+                          color: phase.isNotEmpty
+                              ? phaseColor.withValues(alpha: 0.8)
+                              : _textSecondary,
+                          fontSize: 12.5,
+                        ),
                       ),
                     ],
                   ),
@@ -714,6 +793,12 @@ class _RunStatusPanel extends StatelessWidget {
                       label: '$helperCount helpers',
                       icon: Icons.account_tree_outlined,
                     ),
+                  if (isDeepRun)
+                    _MetaPill(
+                      label: 'deep run · step ${run!.iteration}',
+                      icon: Icons.warning_amber_outlined,
+                      color: _warning,
+                    ),
                 ],
               ),
               const SizedBox(height: 14),
@@ -1479,10 +1564,15 @@ class _EmptyState extends StatelessWidget {
 }
 
 class _ChatBubble extends StatelessWidget {
-  const _ChatBubble({required this.entry, this.onLoadRunDetail});
+  const _ChatBubble({
+    required this.entry,
+    this.onLoadRunDetail,
+    this.onSendMessage,
+  });
 
   final ChatEntry entry;
   final Future<RunDetailSnapshot> Function(String runId)? onLoadRunDetail;
+  final void Function(String)? onSendMessage;
 
   @override
   Widget build(BuildContext context) {
@@ -1604,6 +1694,15 @@ class _ChatBubble extends StatelessWidget {
                         onLoadRunDetail: onLoadRunDetail,
                       ),
                     ],
+                    if (!isUser &&
+                        entry.richPayload != null &&
+                        onSendMessage != null) ...<Widget>[
+                      const SizedBox(height: 12),
+                      _QuickReplyBar(
+                        payload: entry.richPayload!,
+                        onSelected: onSendMessage!,
+                      ),
+                    ],
                     const SizedBox(height: 10),
                     Text(
                       entry.createdAtLabel,
@@ -3757,6 +3856,42 @@ String _summarizeToolResult(dynamic raw) {
   return text.length > 140 ? '${text.substring(0, 140)}…' : text;
 }
 
+class _QuickReplyBar extends StatelessWidget {
+  const _QuickReplyBar({required this.payload, required this.onSelected});
+
+  final ChatRichPayload payload;
+  final void Function(String value) onSelected;
+
+  @override
+  Widget build(BuildContext context) {
+    return Wrap(
+      spacing: 8,
+      runSpacing: 8,
+      children: payload.options.map((option) {
+        return GestureDetector(
+          onTap: () => onSelected(option.value),
+          child: Container(
+            padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
+            decoration: BoxDecoration(
+              color: _accentMuted,
+              borderRadius: BorderRadius.circular(999),
+              border: Border.all(color: _accent.withValues(alpha: 0.4)),
+            ),
+            child: Text(
+              option.label,
+              style: TextStyle(
+                fontSize: 13,
+                color: _accent,
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+          ),
+        );
+      }).toList(growable: false),
+    );
+  }
+}
+
 String _titleCase(String value) {
   final normalized = value.trim();
   if (normalized.isEmpty) {

package/flutter_app/lib/main_unified.dart

@@ -2,7 +2,7 @@ part of 'main.dart';
 
 enum _ToolsPageTab { integrations, mcp, skills }
 
-enum _RunsPageTab { runs, logs }
+enum _RunsPageTab { runs }
 
 enum _SettingsWorkspaceSection { app, account, security }
 
@@ -126,76 +126,7 @@ class RunsAndLogsPanel extends StatefulWidget {
   State<RunsAndLogsPanel> createState() => _RunsAndLogsPanelState();
 }
 
-class _RunsAndLogsPanelState extends State<RunsAndLogsPanel>
-    with SingleTickerProviderStateMixin {
-  late final TabController _tabController;
-  bool _syncingFromController = false;
-
-  @override
-  void initState() {
-    super.initState();
-    _tabController = TabController(
-      length: _RunsPageTab.values.length,
-      vsync: this,
-      initialIndex: _tabForSection(widget.controller.selectedSection).index,
-    )..addListener(_handleTabChanged);
-  }
-
-  @override
-  void didUpdateWidget(covariant RunsAndLogsPanel oldWidget) {
-    super.didUpdateWidget(oldWidget);
-    final selectedSection = widget.controller.selectedSection;
-    if (selectedSection != oldWidget.controller.selectedSection &&
-        (selectedSection == AppSection.runs ||
-            selectedSection == AppSection.logs)) {
-      final targetIndex = _tabForSection(selectedSection).index;
-      if (_tabController.index != targetIndex) {
-        _syncingFromController = true;
-        _tabController.index = targetIndex;
-        _syncingFromController = false;
-      }
-    }
-  }
-
-  @override
-  void dispose() {
-    _tabController.removeListener(_handleTabChanged);
-    _tabController.dispose();
-    super.dispose();
-  }
-
-  void _handleTabChanged() {
-    if (_syncingFromController || _tabController.indexIsChanging) {
-      return;
-    }
-    _selectSectionForTabIndex(_tabController.index);
-  }
-
-  void _selectSectionForTabIndex(int index) {
-    final section = _sectionForTab(_RunsPageTab.values[index]);
-    if (widget.controller.selectedSection != section) {
-      widget.controller.setSelectedSection(section);
-    }
-  }
-
-  _RunsPageTab _tabForSection(AppSection section) {
-    switch (section) {
-      case AppSection.logs:
-        return _RunsPageTab.logs;
-      default:
-        return _RunsPageTab.runs;
-    }
-  }
-
-  AppSection _sectionForTab(_RunsPageTab tab) {
-    switch (tab) {
-      case _RunsPageTab.logs:
-        return AppSection.logs;
-      case _RunsPageTab.runs:
-        return AppSection.runs;
-    }
-  }
-
+class _RunsAndLogsPanelState extends State<RunsAndLogsPanel> {
   @override
   Widget build(BuildContext context) {
     final controller = widget.controller;
@@ -204,38 +135,12 @@ class _RunsAndLogsPanelState extends State<RunsAndLogsPanel>
       child: Column(
         children: <Widget>[
           const _PageTitle(
-            title: 'Runs & Logs',
-            subtitle:
-                'Inspect execution history, failures, tool traces, and diagnostics from one workspace.',
-          ),
-          const SizedBox(height: 12),
-          Container(
-            decoration: BoxDecoration(
-              color: _bgSecondary,
-              borderRadius: BorderRadius.circular(14),
-              border: Border.all(color: _border),
-            ),
-            child: TabBar(
-              controller: _tabController,
-              dividerColor: _border,
-              indicatorSize: TabBarIndicatorSize.tab,
-              labelStyle: const TextStyle(fontWeight: FontWeight.w700),
-              onTap: _selectSectionForTabIndex,
-              tabs: <Widget>[
-                Tab(text: 'Runs (${controller.recentRuns.length})'),
-                Tab(text: 'Logs (${controller.logs.length})'),
-              ],
-            ),
+            title: 'Runs',
+            subtitle: 'Inspect execution history, failures, and tool traces.',
           ),
           const SizedBox(height: 12),
           Expanded(
-            child: TabBarView(
-              controller: _tabController,
-              children: <Widget>[
-                RunsPanel(controller: controller, embedded: true),
-                LogsPanel(controller: controller, embedded: true),
-              ],
-            ),
+            child: RunsPanel(controller: controller, embedded: true),
           ),
         ],
       ),

package/lib/manager.js

@@ -222,6 +222,14 @@ function removeEnvValue(key) {
   return true;
 }
 
+function readAdminCredentials() {
+  const env = Object.fromEntries(parseEnv(readEnvFileRaw()).entries());
+  return {
+    username: env.ADMIN_USERNAME || 'admin',
+    password: env.ADMIN_PASSWORD || '(not set — run `neoagent setup`)',
+  };
+}
+
 function maskEnvValue(key, value) {
   if (!/(KEY|TOKEN|SECRET|PASSWORD)/i.test(key)) return value;
   const text = String(value || '');
@@ -768,6 +776,11 @@ async function cmdSetup() {
     origins ? `ALLOWED_ORIGINS=${origins}` : ''
   ].filter(Boolean);
 
+  const adminUsername = current.ADMIN_USERNAME || 'admin';
+  const adminPassword = current.ADMIN_PASSWORD || crypto.randomBytes(16).toString('hex');
+  lines.push(`ADMIN_USERNAME=${adminUsername}`);
+  lines.push(`ADMIN_PASSWORD=${adminPassword}`);
+
   fs.writeFileSync(ENV_FILE, `${lines.join('\n')}\n`, { mode: 0o600 });
   logOk(`Wrote ${ENV_FILE}`);
 }
@@ -1590,6 +1603,12 @@ async function cmdInstall() {
   printInstallActionItems();
   heading('Ready');
   logInfo(`Open http://localhost:${port} or run \`neoagent status\` for a health check.`);
+  const adminCreds = readAdminCredentials();
+  heading('Admin Dashboard');
+  logOk(`URL:      http://localhost:${port}/admin`);
+  logInfo(`Username: ${adminCreds.username}`);
+  logInfo(`Password: ${adminCreds.password}`);
+  logWarn('Save these credentials — stored in .env and shown again with `neoagent admin`');
 }
 
 function cmdStart() {
@@ -1965,6 +1984,10 @@ function printHelp() {
   row('login grok-oauth',    'Authenticate Grok (xAI OAuth)');
   console.log('');
 
+  cliSection('Admin');
+  row('admin',               'Show admin dashboard URL and credentials');
+  console.log('');
+
   cliSection('Maintenance');
   row('migrate',             'Migrate from another agent installation');
   row('migrate dry-run',     'Preview what would be migrated');
@@ -2021,6 +2044,15 @@ async function runCLI(argv) {
     case 'login':
       await cmdLogin(argv.slice(1));
       break;
+    case 'admin': {
+      cliBanner('Admin Dashboard', 'credentials');
+      const adminCreds = readAdminCredentials();
+      const port = loadEnvPort();
+      logOk(`URL:      http://localhost:${port}/admin`);
+      logInfo(`Username: ${adminCreds.username}`);
+      logInfo(`Password: ${adminCreds.password}`);
+      break;
+    }
     case 'version':
     case '--version':
     case '-V':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neoagent",
-  "version": "2.4.1-beta.43",
+  "version": "2.4.1-beta.45",
   "description": "Proactive personal AI agent with no limits",
   "license": "AGPL-3.0-only",
   "main": "server/index.js",

package/runtime/paths.js

@@ -246,5 +246,7 @@ module.exports = {
   ensureRuntimeDirs,
   ensureSecureRuntimeEnv,
   getDefaultVmBaseImageUrl,
-  migrateLegacyRuntime
+  migrateLegacyRuntime,
+  upsertEnvValue,
+  readEnvFileRaw,
 };

package/server/admin/admin.css

@@ -0,0 +1,268 @@
+/* NeoAgent Admin — shared design tokens and base styles */
+
+*, *::before, *::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+/* ── Tokens (NeoAgent dark palette) ─────────────────────────────────────── */
+:root {
+  --bg:            #0e1511;
+  --bg-sidebar:    #0a0f0c;
+  --bg-card:       #171f1a;
+  --bg-secondary:  #252d28;
+  --bg-input:      #0a0f0c;
+  --border:        rgba(224, 240, 224, 0.10);
+  --border-light:  rgba(224, 240, 224, 0.17);
+
+  --accent:        #e1b052;
+  --accent-hover:  #eac272;
+  --accent-alt:    #84ba87;
+  --accent-muted:  rgba(225, 176, 82, 0.16);
+
+  --text:          #ecefe5;
+  --text-secondary:#aeb7a6;
+  --text-muted:    #7e8877;
+
+  --success:       #74c07c;
+  --warning:       #d9a24b;
+  --danger:        #de8a78;
+  --info:          #6fb0a4;
+
+  --sidebar-w:     220px;
+  --radius:        10px;
+  --radius-sm:     7px;
+
+  --font-sans:     'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-mono:     'Geist Mono', 'JetBrains Mono', 'Fira Code', 'Menlo', monospace;
+}
+
+/* ── Base ────────────────────────────────────────────────────────────────── */
+html, body {
+  height: 100%;
+}
+
+body {
+  background: var(--bg);
+  color: var(--text);
+  font-family: var(--font-sans);
+  font-size: 14px;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* ── Brand mark ──────────────────────────────────────────────────────────── */
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  text-decoration: none;
+  color: inherit;
+}
+
+.brand-mark {
+  width: 28px;
+  height: 28px;
+  border-radius: 8px;
+  flex-shrink: 0;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.brand-mark img {
+  width: 28px;
+  height: 28px;
+  display: block;
+}
+
+.brand-name {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--text);
+  line-height: 1.1;
+  letter-spacing: -0.2px;
+}
+
+.brand-sub {
+  font-size: 11px;
+  color: var(--text-muted);
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+}
+
+/* ── Forms ───────────────────────────────────────────────────────────────── */
+label {
+  display: block;
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  margin-bottom: 7px;
+}
+
+input[type="text"],
+input[type="password"],
+select {
+  width: 100%;
+  background: var(--bg-input);
+  border: 1px solid var(--border-light);
+  border-radius: var(--radius-sm);
+  padding: 10px 14px;
+  color: var(--text);
+  font-family: var(--font-sans);
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.15s;
+  -webkit-appearance: none;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+select:focus {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--accent-muted);
+}
+
+.field {
+  margin-bottom: 20px;
+}
+
+/* ── Buttons ─────────────────────────────────────────────────────────────── */
+button,
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  padding: 8px 16px;
+  border-radius: var(--radius-sm);
+  border: none;
+  cursor: pointer;
+  font-family: var(--font-sans);
+  font-size: 13px;
+  font-weight: 600;
+  transition: background 0.15s, opacity 0.15s, box-shadow 0.15s;
+  white-space: nowrap;
+}
+
+button:disabled,
+.btn:disabled {
+  opacity: 0.4;
+  cursor: default;
+  pointer-events: none;
+}
+
+.btn-primary {
+  background: var(--accent);
+  color: var(--bg);
+}
+
+.btn-primary:hover:not(:disabled) {
+  background: var(--accent-hover);
+  box-shadow: 0 2px 12px rgba(225, 176, 82, 0.22);
+}
+
+.btn-ghost {
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+  border: 1px solid var(--border-light);
+}
+
+.btn-ghost:hover:not(:disabled) {
+  color: var(--text);
+  background: rgba(224, 240, 224, 0.07);
+}
+
+.btn-danger {
+  background: rgba(222, 138, 120, 0.12);
+  color: var(--danger);
+  border: 1px solid rgba(222, 138, 120, 0.20);
+}
+
+.btn-danger:hover:not(:disabled) {
+  background: rgba(222, 138, 120, 0.20);
+}
+
+/* ── Card ────────────────────────────────────────────────────────────────── */
+.card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 20px;
+  margin-bottom: 16px;
+}
+
+.card-title {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--text-muted);
+  margin-bottom: 14px;
+}
+
+/* ── Badges ──────────────────────────────────────────────────────────────── */
+.badge {
+  display: inline-block;
+  padding: 2px 9px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+}
+
+.badge-ok      { background: rgba(116,192,124,0.15); color: var(--success); }
+.badge-warn    { background: rgba(217,162,75,0.15);  color: var(--warning); }
+.badge-err     { background: rgba(222,138,120,0.15); color: var(--danger); }
+.badge-idle    { background: rgba(126,136,119,0.15); color: var(--text-muted); }
+.badge-running { background: var(--accent-muted);    color: var(--accent); }
+
+/* ── Spinner ─────────────────────────────────────────────────────────────── */
+@keyframes spin { to { transform: rotate(360deg); } }
+
+.spinner {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  border: 2px solid var(--border-light);
+  border-top-color: var(--accent);
+  border-radius: 50%;
+  animation: spin 0.65s linear infinite;
+  flex-shrink: 0;
+}
+
+/* ── Empty state ─────────────────────────────────────────────────────────── */
+.empty {
+  padding: 28px;
+  text-align: center;
+  color: var(--text-muted);
+  font-size: 13px;
+}
+
+/* ── Alert ───────────────────────────────────────────────────────────────── */
+.alert {
+  border-radius: var(--radius-sm);
+  padding: 10px 14px;
+  font-size: 13px;
+  display: none;
+}
+
+.alert.visible { display: block; }
+
+.alert-error {
+  background: rgba(222, 138, 120, 0.10);
+  border: 1px solid rgba(222, 138, 120, 0.25);
+  color: var(--danger);
+}
+
+.alert-success {
+  background: rgba(116, 192, 124, 0.10);
+  border: 1px solid rgba(116, 192, 124, 0.25);
+  color: var(--success);
+}