neoagent 2.3.1-beta.11 → 2.3.1-beta.111

package/flutter_app/lib/main_spacing.dart

@@ -0,0 +1,33 @@
+part of 'main.dart';
+
+abstract class AppSpacing {
+  static const double xs = 8.0;
+  static const double sm = 12.0;
+  static const double md = 16.0;
+  static const double lg = 24.0;
+  static const double xl = 32.0;
+}
+
+abstract class AppBreakpoints {
+  static const double mobile = 480.0;
+  static const double tablet = 960.0;
+}
+
+/// Canonical border-radius scale. Use these instead of raw `circular()` values.
+///
+/// tag   → chips, code blocks, inline badges
+/// card  → secondary cards, list items, dialogs
+/// input → buttons, text fields (matches theme InputDecorationTheme)
+/// panel → major glass surfaces, primary cards (matches theme CardTheme)
+/// pill  → avatars, full-pill badges, status indicators
+abstract class AppRadius {
+  static const double tag   = 8.0;
+  static const double card  = 14.0;
+  static const double input = 18.0;
+  static const double panel = 28.0;
+  static const double pill  = 999.0;
+}
+
+/// Deep dark color used for QR code modules rendered on a white background.
+/// Matches the dark theme's primary background hue for brand consistency.
+const Color _qrDarkColor = Color(0xFF04111D);

package/flutter_app/lib/main_theme.dart

@@ -0,0 +1,276 @@
+part of 'main.dart';
+
+const NeoAgentPalette _darkPalette = darkPalette;
+const NeoAgentPalette _lightPalette = lightPalette;
+
+NeoAgentPalette get _palette =>
+    WidgetsBinding.instance.platformDispatcher.platformBrightness ==
+        Brightness.light
+    ? _lightPalette
+    : _darkPalette;
+
+Color get _bgPrimary => _palette.bgPrimary;
+Color get _bgSecondary => _palette.bgSecondary;
+Color get _bgTertiary => _palette.bgTertiary;
+Color get _bgCard => _palette.bgCard;
+Color get _textPrimary => _palette.textPrimary;
+Color get _textSecondary => _palette.textSecondary;
+Color get _textMuted => _palette.textMuted;
+const Color _brandAccent = Color(0xFF8F6D3E);
+const Color _brandAccentAlt = Color(0xFF2F7D6E);
+Color get _accent => _palette.accent;
+Color get _accentHover => _palette.accentHover;
+Color get _accentAlt => _palette.accentAlt;
+Color get _accentMuted => _palette.accentMuted;
+Color get _border => _palette.border;
+Color get _borderLight => _palette.borderLight;
+Color get _success => _palette.success;
+Color get _warning => _palette.warning;
+Color get _danger => _palette.danger;
+Color get _info => _palette.info;
+
+LinearGradient get _appBackgroundGradient => LinearGradient(
+  colors: <Color>[
+    _bgPrimary,
+    Color.lerp(_bgSecondary, _accentAlt, 0.08)!.withValues(alpha: 0.98),
+    Color.lerp(_bgPrimary, _accent, 0.05)!,
+  ],
+  stops: const <double>[0, 0.52, 1],
+  begin: const Alignment(-0.95, -1),
+  end: const Alignment(1, 0.92),
+);
+
+LinearGradient get _panelGradient => LinearGradient(
+  colors: <Color>[
+    Colors.white.withValues(alpha: 0.08),
+    _bgCard.withValues(alpha: 0.9),
+    _bgSecondary.withValues(alpha: 0.82),
+  ],
+  stops: const <double>[0, 0.18, 1],
+  begin: const Alignment(-0.85, -1),
+  end: const Alignment(1, 1),
+);
+
+List<BoxShadow> get _softPanelShadow => <BoxShadow>[
+  BoxShadow(
+    color: Colors.black.withValues(alpha: 0.22),
+    blurRadius: 52,
+    offset: const Offset(0, 22),
+  ),
+  BoxShadow(
+    color: _accent.withValues(alpha: 0.08),
+    blurRadius: 30,
+    offset: const Offset(0, 8),
+  ),
+];
+
+Color get _glassFill =>
+    _bgCard.withValues(alpha: _palette == _darkPalette ? 0.78 : 0.88);
+Color get _glassOverlay =>
+    Colors.white.withValues(alpha: _palette == _darkPalette ? 0.04 : 0.12);
+Color get _glassBorder =>
+    Colors.white.withValues(alpha: _palette == _darkPalette ? 0.12 : 0.26);
+Color get _glassHighlight =>
+    Colors.white.withValues(alpha: _palette == _darkPalette ? 0.1 : 0.18);
+
+LinearGradient get _liquidMetalGradient => LinearGradient(
+  colors: <Color>[
+    _glassOverlay,
+    Colors.white.withValues(alpha: 0.02),
+    _accentMuted.withValues(alpha: 0.16),
+  ],
+  stops: const <double>[0, 0.44, 1],
+  begin: const Alignment(-1, -1),
+  end: const Alignment(1, 1),
+);
+
+TextStyle _displayTitleStyle([double size = 28]) => TextStyle(
+  fontSize: size,
+  fontWeight: FontWeight.w700,
+  height: 1.08,
+  letterSpacing: -0.8,
+  color: _textPrimary,
+);
+
+/// Heavy hero text — use for prominent numeric/stat displays, empty-state
+/// headlines, and splash copy where w700 reads too light.
+TextStyle _heroTitleStyle([double size = 24]) => TextStyle(
+  fontSize: size,
+  fontWeight: FontWeight.w800,
+  height: 1.1,
+  letterSpacing: -1.0,
+  color: _textPrimary,
+);
+
+TextStyle _sectionEyebrowStyle() => TextStyle(
+  fontSize: 12,
+  fontWeight: FontWeight.w700,
+  letterSpacing: 1.0,
+  color: _accentHover,
+);
+
+ThemeData _buildNeoAgentTheme(NeoAgentPalette palette, Brightness brightness) {
+  final base = ThemeData(
+    useMaterial3: true,
+    colorScheme: ColorScheme.fromSeed(
+      seedColor: palette.accent,
+      brightness: brightness,
+    ),
+  );
+
+  return base.copyWith(
+    focusColor: palette.accent.withValues(alpha: 0.2),
+    scaffoldBackgroundColor: palette.bgPrimary,
+    colorScheme: base.colorScheme.copyWith(
+      primary: palette.accent,
+      secondary: palette.accentHover,
+      surface: palette.bgCard,
+      onSurface: palette.textPrimary,
+      error: palette.danger,
+    ),
+    textTheme: base.textTheme.apply(
+      bodyColor: palette.textPrimary,
+      displayColor: palette.textPrimary,
+    ),
+    cardTheme: CardThemeData(
+      color: palette.bgCard.withValues(
+        alpha: brightness == Brightness.dark ? 0.86 : 0.96,
+      ),
+      shadowColor: Colors.black.withValues(
+        alpha: brightness == Brightness.dark ? 0.24 : 0.12,
+      ),
+      surfaceTintColor: Colors.transparent,
+      elevation: brightness == Brightness.dark ? 8 : 3,
+      margin: EdgeInsets.zero,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(28),
+        side: BorderSide(
+          color: Colors.white.withValues(
+            alpha: brightness == Brightness.dark ? 0.08 : 0.22,
+          ),
+        ),
+      ),
+    ),
+    inputDecorationTheme: InputDecorationTheme(
+      filled: true,
+      fillColor: palette.bgSecondary.withValues(
+        alpha: brightness == Brightness.dark ? 0.82 : 0.84,
+      ),
+      border: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(18),
+        borderSide: BorderSide(color: palette.borderLight),
+      ),
+      enabledBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(18),
+        borderSide: BorderSide(color: palette.borderLight),
+      ),
+      focusedBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(18),
+        borderSide: BorderSide(color: palette.accentHover, width: 1.4),
+      ),
+      contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
+      labelStyle: TextStyle(
+        color: palette.textSecondary,
+        fontSize: 12,
+        fontWeight: FontWeight.w600,
+        letterSpacing: 0.15,
+      ),
+      hintStyle: TextStyle(color: palette.textMuted),
+    ),
+    dividerColor: palette.border,
+    iconTheme: IconThemeData(color: palette.textSecondary),
+    filledButtonTheme: FilledButtonThemeData(
+      style: FilledButton.styleFrom(
+        backgroundColor: palette.accent,
+        foregroundColor: brightness == Brightness.dark
+            ? palette.bgPrimary
+            : Colors.white,
+        disabledBackgroundColor: palette.bgTertiary,
+        disabledForegroundColor: palette.textMuted,
+        shadowColor: palette.accent.withValues(alpha: 0.3),
+        elevation: 0,
+        padding: const EdgeInsets.symmetric(horizontal: 18, vertical: 16),
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(18),
+          side: BorderSide(
+            color: Colors.white.withValues(
+              alpha: brightness == Brightness.dark ? 0.14 : 0.26,
+            ),
+          ),
+        ),
+        textStyle: const TextStyle(
+          fontSize: 15,
+          fontWeight: FontWeight.w700,
+          letterSpacing: -0.1,
+        ),
+      ),
+    ),
+    outlinedButtonTheme: OutlinedButtonThemeData(
+      style: OutlinedButton.styleFrom(
+        foregroundColor: palette.textPrimary,
+        side: BorderSide(
+          color: Colors.white.withValues(
+            alpha: brightness == Brightness.dark ? 0.12 : 0.26,
+          ),
+        ),
+        backgroundColor: palette.bgCard.withValues(
+          alpha: brightness == Brightness.dark ? 0.2 : 0.5,
+        ),
+        padding: const EdgeInsets.symmetric(horizontal: 18, vertical: 16),
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(18)),
+        textStyle: const TextStyle(fontSize: 15, fontWeight: FontWeight.w700),
+      ),
+    ),
+    pageTransitionsTheme: const PageTransitionsTheme(
+      builders: <TargetPlatform, PageTransitionsBuilder>{
+        TargetPlatform.android: FadeForwardsPageTransitionsBuilder(),
+        TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
+        TargetPlatform.macOS: CupertinoPageTransitionsBuilder(),
+        TargetPlatform.windows: FadeForwardsPageTransitionsBuilder(),
+        TargetPlatform.linux: FadeForwardsPageTransitionsBuilder(),
+      },
+    ),
+    textButtonTheme: TextButtonThemeData(
+      style: TextButton.styleFrom(
+        foregroundColor: palette.accentHover,
+        textStyle: const TextStyle(
+          fontSize: 14,
+          fontWeight: FontWeight.w700,
+          letterSpacing: -0.05,
+        ),
+      ),
+    ),
+    elevatedButtonTheme: ElevatedButtonThemeData(
+      style: ElevatedButton.styleFrom(
+        padding: const EdgeInsets.symmetric(
+          horizontal: AppSpacing.md,
+          vertical: AppSpacing.sm,
+        ),
+      ),
+    ),
+    appBarTheme: AppBarTheme(
+      backgroundColor: Colors.transparent,
+      surfaceTintColor: Colors.transparent,
+      foregroundColor: palette.textPrimary,
+      elevation: 0,
+      titleTextStyle: TextStyle(
+        color: palette.textPrimary,
+        fontSize: 18,
+        fontWeight: FontWeight.w600,
+        letterSpacing: -0.3,
+      ),
+    ),
+    dialogTheme: DialogThemeData(
+      backgroundColor: palette.bgCard.withValues(alpha: 0.96),
+      surfaceTintColor: Colors.transparent,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(24),
+        side: BorderSide(color: palette.borderLight),
+      ),
+    ),
+    snackBarTheme: SnackBarThemeData(
+      backgroundColor: palette.bgCard,
+      contentTextStyle: TextStyle(color: palette.textPrimary),
+    ),
+  );
+}

package/flutter_app/lib/main_unified.dart

@@ -0,0 +1,388 @@
+part of 'main.dart';
+
+enum _ToolsPageTab { integrations, mcp, skills }
+
+enum _RunsPageTab { runs, logs }
+
+enum _SettingsWorkspaceSection { app, account, security }
+
+class ToolsPanel extends StatefulWidget {
+  const ToolsPanel({super.key, required this.controller});
+
+  final NeoAgentController controller;
+
+  @override
+  State<ToolsPanel> createState() => _ToolsPanelState();
+}
+
+class _ToolsPanelState extends State<ToolsPanel>
+    with SingleTickerProviderStateMixin {
+  late final TabController _tabController;
+
+  @override
+  void initState() {
+    super.initState();
+    _tabController = TabController(
+      length: _ToolsPageTab.values.length,
+      vsync: this,
+      initialIndex: _tabForSection(widget.controller.selectedSection).index,
+    );
+  }
+
+  @override
+  void didUpdateWidget(covariant ToolsPanel oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    final selectedSection = widget.controller.selectedSection;
+    if (selectedSection != oldWidget.controller.selectedSection &&
+        (selectedSection == AppSection.integrations ||
+            selectedSection == AppSection.mcp ||
+            selectedSection == AppSection.skills)) {
+      final targetIndex = _tabForSection(selectedSection).index;
+      if (_tabController.index != targetIndex) {
+        _tabController.index = targetIndex;
+      }
+    }
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    super.dispose();
+  }
+
+  _ToolsPageTab _tabForSection(AppSection section) {
+    switch (section) {
+      case AppSection.mcp:
+        return _ToolsPageTab.mcp;
+      case AppSection.skills:
+        return _ToolsPageTab.skills;
+      default:
+        return _ToolsPageTab.integrations;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final controller = widget.controller;
+    final visibleIntegrations = controller.officialIntegrations
+        .where(
+          (item) =>
+              item.env.configured ||
+              item.env.setupMode == 'user' ||
+              item.isConnected,
+        )
+        .length;
+    return Padding(
+      padding: _pagePadding(context),
+      child: Column(
+        children: <Widget>[
+          const _PageTitle(
+            title: 'Tools',
+            subtitle:
+                'Manage official integrations, MCP servers, and reusable skills in one place.',
+          ),
+          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),
+              tabs: <Widget>[
+                Tab(text: 'Integrations ($visibleIntegrations)'),
+                Tab(text: 'MCP (${controller.mcpServers.length})'),
+                Tab(text: 'Skills (${controller.skills.length})'),
+              ],
+            ),
+          ),
+          const SizedBox(height: 12),
+          Expanded(
+            child: TabBarView(
+              controller: _tabController,
+              children: <Widget>[
+                IntegrationsPanel(controller: controller, embedded: true),
+                McpPanel(controller: controller, embedded: true),
+                SkillsPanel(controller: controller, embedded: true),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class RunsAndLogsPanel extends StatefulWidget {
+  const RunsAndLogsPanel({super.key, required this.controller});
+
+  final NeoAgentController controller;
+
+  @override
+  State<RunsAndLogsPanel> createState() => _RunsAndLogsPanelState();
+}
+
+class _RunsAndLogsPanelState extends State<RunsAndLogsPanel>
+    with SingleTickerProviderStateMixin {
+  late final TabController _tabController;
+
+  @override
+  void initState() {
+    super.initState();
+    _tabController = TabController(
+      length: _RunsPageTab.values.length,
+      vsync: this,
+      initialIndex: _tabForSection(widget.controller.selectedSection).index,
+    );
+  }
+
+  @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) {
+        _tabController.index = targetIndex;
+      }
+    }
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    super.dispose();
+  }
+
+  _RunsPageTab _tabForSection(AppSection section) {
+    switch (section) {
+      case AppSection.logs:
+        return _RunsPageTab.logs;
+      default:
+        return _RunsPageTab.runs;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final controller = widget.controller;
+    return Padding(
+      padding: _pagePadding(context),
+      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),
+              tabs: <Widget>[
+                Tab(text: 'Runs (${controller.recentRuns.length})'),
+                Tab(text: 'Logs (${controller.logs.length})'),
+              ],
+            ),
+          ),
+          const SizedBox(height: 12),
+          Expanded(
+            child: TabBarView(
+              controller: _tabController,
+              children: <Widget>[
+                RunsPanel(controller: controller, embedded: true),
+                LogsPanel(controller: controller, embedded: true),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class SettingsWorkspacePanel extends StatefulWidget {
+  const SettingsWorkspacePanel({super.key, required this.controller});
+
+  final NeoAgentController controller;
+
+  @override
+  State<SettingsWorkspacePanel> createState() => _SettingsWorkspacePanelState();
+}
+
+class _SettingsWorkspacePanelState extends State<SettingsWorkspacePanel> {
+  late _SettingsWorkspaceSection _selectedSection;
+
+  @override
+  void initState() {
+    super.initState();
+    _selectedSection =
+        widget.controller.selectedSection == AppSection.accountSettings
+        ? _SettingsWorkspaceSection.account
+        : _SettingsWorkspaceSection.app;
+  }
+
+  @override
+  void didUpdateWidget(covariant SettingsWorkspacePanel oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.controller.selectedSection == AppSection.settings &&
+        _selectedSection != _SettingsWorkspaceSection.app) {
+      _selectedSection = _SettingsWorkspaceSection.app;
+    }
+    if (widget.controller.selectedSection == AppSection.accountSettings &&
+        _selectedSection == _SettingsWorkspaceSection.app) {
+      _selectedSection = _SettingsWorkspaceSection.account;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final compact = MediaQuery.sizeOf(context).width < AppBreakpoints.tablet;
+    return Padding(
+      padding: _pagePadding(context),
+      child: Column(
+        children: <Widget>[
+          const _PageTitle(
+            title: 'Settings',
+            subtitle:
+                'Workspace configuration and account security in one place.',
+          ),
+          const SizedBox(height: 12),
+          Expanded(
+            child: Card(
+              child: Padding(
+                padding: const EdgeInsets.all(20),
+                child: compact
+                    ? Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: <Widget>[
+                          _SettingsWorkspaceNav(
+                            selected: _selectedSection,
+                            compact: true,
+                            onSelected: _selectSection,
+                          ),
+                          const SizedBox(height: 16),
+                          Expanded(child: _buildContent()),
+                        ],
+                      )
+                    : Row(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: <Widget>[
+                          SizedBox(
+                            width: 220,
+                            child: _SettingsWorkspaceNav(
+                              selected: _selectedSection,
+                              compact: false,
+                              onSelected: _selectSection,
+                            ),
+                          ),
+                          const SizedBox(width: 24),
+                          Expanded(child: _buildContent()),
+                        ],
+                      ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _selectSection(_SettingsWorkspaceSection section) {
+    setState(() => _selectedSection = section);
+    if (section == _SettingsWorkspaceSection.app) {
+      widget.controller.setSelectedSection(AppSection.settings);
+      return;
+    }
+    widget.controller.setSelectedSection(AppSection.accountSettings);
+  }
+
+  Widget _buildContent() {
+    switch (_selectedSection) {
+      case _SettingsWorkspaceSection.app:
+        return SettingsPanel(controller: widget.controller, embedded: true);
+      case _SettingsWorkspaceSection.account:
+        return AccountSettingsPanel(
+          controller: widget.controller,
+          embedded: true,
+          initialTab: AccountSettingsTab.account,
+        );
+      case _SettingsWorkspaceSection.security:
+        return AccountSettingsPanel(
+          controller: widget.controller,
+          embedded: true,
+          initialTab: AccountSettingsTab.security,
+        );
+    }
+  }
+}
+
+class _SettingsWorkspaceNav extends StatelessWidget {
+  const _SettingsWorkspaceNav({
+    required this.selected,
+    required this.compact,
+    required this.onSelected,
+  });
+
+  final _SettingsWorkspaceSection selected;
+  final bool compact;
+  final ValueChanged<_SettingsWorkspaceSection> onSelected;
+
+  @override
+  Widget build(BuildContext context) {
+    final items = <Widget>[
+      _navButton(
+        section: _SettingsWorkspaceSection.app,
+        icon: Icons.tune,
+        label: 'App Settings',
+      ),
+      _navButton(
+        section: _SettingsWorkspaceSection.account,
+        icon: Icons.person_outline,
+        label: 'Account',
+      ),
+      _navButton(
+        section: _SettingsWorkspaceSection.security,
+        icon: Icons.security_outlined,
+        label: 'Security',
+      ),
+    ];
+    return compact
+        ? Wrap(spacing: 8, runSpacing: 8, children: items)
+        : Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: items,
+          );
+  }
+
+  Widget _navButton({
+    required _SettingsWorkspaceSection section,
+    required IconData icon,
+    required String label,
+  }) {
+    final button = _SidebarButton(
+      label: label,
+      icon: icon,
+      active: selected == section,
+      onTap: () => onSelected(section),
+    );
+    if (compact) {
+      return button;
+    }
+    return Padding(padding: const EdgeInsets.only(bottom: 8), child: button);
+  }
+}