neoagent 2.4.1-beta.30 → 2.4.1-beta.32

package/flutter_app/lib/main_shared.dart

@@ -119,6 +119,31 @@ class _AmbientBackdropState extends State<_AmbientBackdrop>
   }
 }
 
+class _ControlSurfaceBackdrop extends StatelessWidget {
+  const _ControlSurfaceBackdrop({required this.child});
+
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    return DecoratedBox(
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          colors: <Color>[
+            _bgPrimary,
+            Color.lerp(_bgPrimary, _accentAlt, 0.025)!,
+            Color.lerp(_bgPrimary, _accent, 0.02)!,
+          ],
+          stops: const <double>[0, 0.58, 1],
+          begin: const Alignment(-0.95, -1),
+          end: const Alignment(0.96, 1),
+        ),
+      ),
+      child: child,
+    );
+  }
+}
+
 class _AuroraFieldPainter extends CustomPainter {
   const _AuroraFieldPainter({
     required this.progress,
@@ -393,7 +418,6 @@ List<AppSection> _mainSections(NeoAgentController controller) {
   return <AppSection>[
     AppSection.chat,
     AppSection.recordings,
-    AppSection.runs,
     AppSection.devices,
     AppSection.tasks,
     AppSection.widgets,
@@ -401,6 +425,7 @@ List<AppSection> _mainSections(NeoAgentController controller) {
     AppSection.memory,
     if (controller.showHealthSection) AppSection.health,
     AppSection.settings,
+    AppSection.runs,
     AppSection.agents,
     AppSection.messaging,
   ];
@@ -425,11 +450,19 @@ List<Widget> _buildSidebarItems(
       continue;
     }
 
+    final defaultSection = sections.first;
+    final parentSection = group == SidebarGroup.settings
+        ? AppSection.settings
+        : defaultSection;
+    final childSections = group == SidebarGroup.settings
+        ? sections.where((section) => section != parentSection).toList()
+        : sections;
+    final hasChildren =
+        childSections.length > 1 ||
+        (group == SidebarGroup.settings && childSections.isNotEmpty);
     final active =
         selectedSidebarSection &&
-        controller.selectedSection.sidebarSection.group == group;
-    final defaultSection = sections.first;
-    final hasChildren = sections.length > 1;
+        controller.selectedSection.sidebarSection == parentSection;
     final expanded = expandedGroup == group;
 
     widgets.add(
@@ -441,12 +474,14 @@ List<Widget> _buildSidebarItems(
             ? Icon(
                 expanded ? Icons.expand_less : Icons.expand_more,
                 size: 16,
-                color: active ? _accent : _textMuted,
+                color: active ? _textSecondary : _textMuted,
               )
             : null,
         onTap: hasChildren
-            ? () => onToggleGroup(group)
-            : () => onSelect(defaultSection),
+            ? group == SidebarGroup.settings
+                  ? () => onSelect(parentSection)
+                  : () => onToggleGroup(group)
+            : () => onSelect(parentSection),
       ),
     );
 
@@ -454,19 +489,23 @@ List<Widget> _buildSidebarItems(
       continue;
     }
 
-    for (final section in sections) {
-      widgets.add(
-        _SidebarButton(
-          label: section.label,
-          icon: section.icon,
-          active: controller.selectedSection.sidebarSection == section,
-          indent: 18,
-          iconSize: 16,
-          fontSize: 12,
-          onTap: () => onSelect(section),
-        ),
-      );
-    }
+    widgets.add(
+      _SidebarSubnav(
+        children: childSections
+            .map(
+              (section) => _SidebarButton(
+                label: section.label,
+                icon: section.icon,
+                active: controller.selectedSection.sidebarSection == section,
+                iconSize: 16,
+                fontSize: 13,
+                compact: true,
+                onTap: () => onSelect(section),
+              ),
+            )
+            .toList(growable: false),
+      ),
+    );
   }
   return widgets;
 }
@@ -1067,14 +1106,14 @@ class _PulseHaloState extends State<_PulseHalo>
   }
 }
 
-class _SidebarButton extends StatelessWidget {
+class _SidebarButton extends StatefulWidget {
   const _SidebarButton({
     required this.label,
     required this.icon,
     this.active = false,
-    this.indent = 0,
     this.iconSize = 18,
     this.fontSize = 13,
+    this.compact = false,
     this.trailing,
     required this.onTap,
   });
@@ -1082,114 +1121,106 @@ class _SidebarButton extends StatelessWidget {
   final String label;
   final IconData icon;
   final bool active;
-  final double indent;
   final double iconSize;
   final double fontSize;
+  final bool compact;
   final Widget? trailing;
   final VoidCallback? onTap;
 
+  @override
+  State<_SidebarButton> createState() => _SidebarButtonState();
+}
+
+class _SidebarButtonState extends State<_SidebarButton> {
+  bool _hovering = false;
+
   @override
   Widget build(BuildContext context) {
+    final active = widget.active;
+    final BoxDecoration decoration = active
+        ? BoxDecoration(
+            color: _bgCard,
+            borderRadius: BorderRadius.circular(9),
+            border: Border.all(color: _border),
+            boxShadow: <BoxShadow>[
+              BoxShadow(
+                color: Colors.black.withValues(alpha: 0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 2),
+              ),
+            ],
+          )
+        : BoxDecoration(
+            color: _hovering
+                ? _bgTertiary.withValues(alpha: 0.72)
+                : Colors.transparent,
+            borderRadius: BorderRadius.circular(9),
+          );
     return Padding(
-      padding: const EdgeInsets.only(bottom: 6),
-      child: _HoverLift(
-        active: active,
-        child: _GlassSurface(
-          borderRadius: BorderRadius.circular(18),
-          blurSigma: active ? 22 : 18,
-          fillColor: active
-              ? _accentMuted.withValues(alpha: 0.36)
-              : _bgCard.withValues(alpha: 0.22),
-          borderColor: active
-              ? _accent.withValues(alpha: 0.45)
-              : Colors.white.withValues(alpha: 0.04),
-          boxShadow: active
-              ? <BoxShadow>[
-                  BoxShadow(
-                    color: _accent.withValues(alpha: 0.16),
-                    blurRadius: 24,
-                    offset: const Offset(0, 10),
-                  ),
-                ]
-              : null,
-          child: Material(
-            color: Colors.transparent,
-            child: InkWell(
-              borderRadius: BorderRadius.circular(18),
-              onTap: onTap,
+      padding: const EdgeInsets.only(bottom: 2),
+      child: MouseRegion(
+        onEnter: (_) => setState(() => _hovering = true),
+        onExit: (_) => setState(() => _hovering = false),
+        child: Material(
+          color: Colors.transparent,
+          child: InkWell(
+            borderRadius: BorderRadius.circular(9),
+            onTap: widget.onTap,
+            child: AnimatedContainer(
+              duration: const Duration(milliseconds: 180),
+              curve: Curves.easeOutCubic,
+              width: double.infinity,
+              padding: EdgeInsets.fromLTRB(
+                12,
+                widget.compact ? 8 : 10,
+                12,
+                widget.compact ? 8 : 10,
+              ),
+              decoration: decoration,
               child: Stack(
+                alignment: Alignment.centerLeft,
                 children: <Widget>[
                   if (active)
-                    Positioned.fill(
-                      child: IgnorePointer(
-                        child: DecoratedBox(
-                          decoration: BoxDecoration(
-                            borderRadius: BorderRadius.circular(18),
-                            gradient: LinearGradient(
-                              colors: <Color>[
-                                Colors.white.withValues(alpha: 0.08),
-                                Colors.transparent,
-                                _accentAlt.withValues(alpha: 0.08),
-                              ],
-                              stops: const <double>[0, 0.44, 1],
-                              begin: Alignment.topLeft,
-                              end: Alignment.bottomRight,
-                            ),
+                    Positioned(
+                      left: -12,
+                      child: Container(
+                        width: 3,
+                        height: 18,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(999),
+                          gradient: LinearGradient(
+                            colors: <Color>[_accentAlt, _accent],
+                            begin: Alignment.topCenter,
+                            end: Alignment.bottomCenter,
                           ),
                         ),
                       ),
                     ),
-                  Container(
-                    width: double.infinity,
-                    padding: EdgeInsets.fromLTRB(12 + indent, 12, 12, 12),
-                    child: Row(
-                      children: <Widget>[
-                        AnimatedContainer(
-                          duration: const Duration(milliseconds: 220),
-                          curve: Curves.easeOutCubic,
-                          width: active ? 6 : 3,
-                          height: active ? 26 : 16,
-                          margin: EdgeInsets.only(right: active ? 10 : 13),
-                          decoration: BoxDecoration(
-                            gradient: LinearGradient(
-                              colors: <Color>[
-                                active
-                                    ? _accentHover
-                                    : _textMuted.withValues(alpha: 0.35),
-                                active
-                                    ? _accentAlt.withValues(alpha: 0.95)
-                                    : _textMuted.withValues(alpha: 0.08),
-                              ],
-                              begin: Alignment.topCenter,
-                              end: Alignment.bottomCenter,
-                            ),
-                            borderRadius: BorderRadius.circular(999),
-                          ),
-                        ),
-                        Icon(
-                          icon,
-                          size: iconSize,
-                          color: active ? _accentHover : _textSecondary,
-                        ),
-                        const SizedBox(width: 10),
-                        Expanded(
-                          child: Text(
-                            label,
-                            style: TextStyle(
-                              fontSize: fontSize,
-                              fontWeight: active
-                                  ? FontWeight.w800
-                                  : FontWeight.w600,
-                              color: active ? _textPrimary : _textSecondary,
-                            ),
+                  Row(
+                    children: <Widget>[
+                      Icon(
+                        widget.icon,
+                        size: widget.iconSize,
+                        color: active ? _accent : _textMuted,
+                      ),
+                      const SizedBox(width: 11),
+                      Expanded(
+                        child: Text(
+                          widget.label,
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                          style: GoogleFonts.geist(
+                            fontSize: widget.fontSize,
+                            fontWeight: FontWeight.w600,
+                            color: active ? _textPrimary : _textSecondary,
                           ),
                         ),
-                        if (trailing != null) ...<Widget>[
-                          const SizedBox(width: 8),
-                          trailing!,
-                        ],
+                      ),
+                      if (widget.trailing != null) ...<Widget>[
+                        const SizedBox(width: 8),
+                        widget.trailing!,
                       ],
-                    ),
+                    ],
                   ),
                 ],
               ),
@@ -1201,38 +1232,20 @@ class _SidebarButton extends StatelessWidget {
   }
 }
 
-class _HoverLift extends StatefulWidget {
-  const _HoverLift({required this.child, this.active = false});
-
-  final Widget child;
-  final bool active;
-
-  @override
-  State<_HoverLift> createState() => _HoverLiftState();
-}
+class _SidebarSubnav extends StatelessWidget {
+  const _SidebarSubnav({required this.children});
 
-class _HoverLiftState extends State<_HoverLift> {
-  bool _hovering = false;
+  final List<Widget> children;
 
   @override
   Widget build(BuildContext context) {
-    final lifted = widget.active || _hovering;
-    return MouseRegion(
-      onEnter: (_) => setState(() => _hovering = true),
-      onExit: (_) => setState(() => _hovering = false),
-      child: AnimatedScale(
-        duration: const Duration(milliseconds: 180),
-        curve: Curves.easeOutCubic,
-        scale: lifted ? 1.012 : 1,
-        child: AnimatedSlide(
-          duration: const Duration(milliseconds: 180),
-          curve: Curves.easeOutCubic,
-          offset: _hovering && !widget.active
-              ? const Offset(0.01, 0)
-              : Offset.zero,
-          child: widget.child,
-        ),
+    return Container(
+      margin: const EdgeInsets.fromLTRB(14, 2, 0, 2),
+      padding: const EdgeInsets.only(left: 12),
+      decoration: BoxDecoration(
+        border: Border(left: BorderSide(color: _border)),
       ),
+      child: Column(children: children),
     );
   }
 }
@@ -1252,21 +1265,21 @@ class _SidebarIconButton extends StatelessWidget {
   Widget build(BuildContext context) {
     return Tooltip(
       message: tooltip,
-      child: _GlassSurface(
-        borderRadius: BorderRadius.circular(999),
-        blurSigma: 18,
-        fillColor: _bgCard.withValues(alpha: 0.3),
-        child: Material(
-          color: Colors.transparent,
-          shape: const CircleBorder(),
-          child: InkWell(
-            customBorder: const CircleBorder(),
-            onTap: onTap,
-            child: SizedBox(
-              width: 38,
-              height: 38,
-              child: Icon(icon, size: 17, color: _textSecondary),
+      child: Material(
+        color: Colors.transparent,
+        borderRadius: BorderRadius.circular(9),
+        child: InkWell(
+          borderRadius: BorderRadius.circular(9),
+          onTap: onTap,
+          child: Container(
+            width: 32,
+            height: 32,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(9),
+              color: _bgSecondary.withValues(alpha: 0.01),
+              border: Border.all(color: Colors.transparent),
             ),
+            child: Icon(icon, size: 17, color: _textSecondary),
           ),
         ),
       ),
@@ -1379,7 +1392,7 @@ class _BrandLockup extends StatelessWidget {
     final titleColor = Theme.of(context).colorScheme.onSurface;
     final title = Text(
       'NeoAgent',
-      style: GoogleFonts.spaceGrotesk(
+      style: GoogleFonts.geist(
         fontSize: titleFontSize,
         fontWeight: FontWeight.w700,
         color: titleColor,
@@ -1500,186 +1513,180 @@ class _ChatBubble extends StatelessWidget {
             const SizedBox(width: 12),
           ],
           Flexible(
-            child: AnimatedContainer(
-              duration: const Duration(milliseconds: 220),
-              curve: Curves.easeOutCubic,
-              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 11),
-              decoration: BoxDecoration(
-                gradient: isUser
-                    ? LinearGradient(
-                        colors: <Color>[_accent, _accentAlt],
-                        begin: Alignment.topLeft,
-                        end: Alignment.bottomRight,
-                      )
-                    : LinearGradient(
-                        colors: <Color>[
-                          _bgCard,
-                          _bgSecondary.withValues(alpha: 0.94),
-                        ],
-                        begin: Alignment.topLeft,
-                        end: Alignment.bottomRight,
-                      ),
-                borderRadius: BorderRadius.only(
-                  topLeft: const Radius.circular(14),
-                  topRight: const Radius.circular(14),
-                  bottomLeft: Radius.circular(isUser ? 14 : 4),
-                  bottomRight: Radius.circular(isUser ? 4 : 14),
-                ),
-                border: Border.all(
-                  color: isUser
-                      ? Colors.white.withValues(alpha: 0.18)
-                      : _borderLight.withValues(alpha: 0.72),
+            child: ConstrainedBox(
+              constraints: const BoxConstraints(maxWidth: 672),
+              child: AnimatedContainer(
+                duration: const Duration(milliseconds: 220),
+                curve: Curves.easeOutCubic,
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 20,
+                  vertical: 16,
                 ),
-                boxShadow: <BoxShadow>[
-                  if (isUser)
+                decoration: BoxDecoration(
+                  gradient: isUser
+                      ? LinearGradient(
+                          colors: <Color>[
+                            _accentAlt,
+                            Color.lerp(_accent, _accentAlt, 0.28)!,
+                          ],
+                          begin: Alignment.topLeft,
+                          end: Alignment.bottomRight,
+                        )
+                      : null,
+                  color: isUser ? null : _bgCard,
+                  borderRadius: BorderRadius.only(
+                    topLeft: Radius.circular(isUser ? 21 : 8),
+                    topRight: Radius.circular(isUser ? 8 : 21),
+                    bottomLeft: const Radius.circular(21),
+                    bottomRight: const Radius.circular(21),
+                  ),
+                  border: Border.all(
+                    color: isUser ? Colors.transparent : _border,
+                  ),
+                  boxShadow: <BoxShadow>[
                     BoxShadow(
-                      color: _accentAlt.withValues(alpha: 0.30),
-                      blurRadius: 12,
+                      color: Colors.black.withValues(alpha: 0.05),
+                      blurRadius: 10,
                       offset: const Offset(0, 2),
                     ),
-                  if (!isUser)
-                    BoxShadow(
-                      color: Colors.black.withValues(alpha: 0.08),
-                      blurRadius: 16,
-                      offset: const Offset(0, 8),
-                    ),
-                ],
-              ),
-              child: Column(
-                crossAxisAlignment: isUser
-                    ? CrossAxisAlignment.end
-                    : CrossAxisAlignment.start,
-                children: <Widget>[
-                  if (!isUser && entry.platformTag != null)
-                    Padding(
-                      padding: const EdgeInsets.only(bottom: 8),
-                      child: _StatusPill(
-                        label: entry.platformTag!,
-                        color: entry.platform == 'live' ? _info : _warning,
-                      ),
-                    ),
-                  MarkdownBody(
-                    data: entry.content,
-                    selectable: false,
-                    styleSheet: MarkdownStyleSheet.fromTheme(Theme.of(context))
-                        .copyWith(
-                          p: Theme.of(context).textTheme.bodyMedium?.copyWith(
-                            color: isUser ? Colors.white : _textPrimary,
-                            height: 1.65,
-                          ),
-                          code: Theme.of(context).textTheme.bodyMedium
-                              ?.copyWith(
-                                fontFamily:
-                                    GoogleFonts.jetBrainsMono().fontFamily,
-                                backgroundColor: _bgPrimary,
-                                color: isUser ? Colors.white : _textPrimary,
-                              ),
-                          blockquoteDecoration: BoxDecoration(
-                            borderRadius: BorderRadius.circular(14),
-                            color: const Color(0x22000000),
-                          ),
+                  ],
+                ),
+                child: Column(
+                  crossAxisAlignment: isUser
+                      ? CrossAxisAlignment.end
+                      : CrossAxisAlignment.start,
+                  children: <Widget>[
+                    if (!isUser && entry.platformTag != null)
+                      Padding(
+                        padding: const EdgeInsets.only(bottom: 8),
+                        child: _StatusPill(
+                          label: entry.platformTag!,
+                          color: entry.platform == 'live' ? _info : _warning,
                         ),
-                  ),
-                  if (sharedAttachments.isNotEmpty) ...<Widget>[
-                    const SizedBox(height: 10),
-                    Wrap(
-                      spacing: 8,
-                      runSpacing: 8,
-                      children: sharedAttachments
-                          .map((attachment) {
-                            final icon =
-                                attachment.mimeType.toLowerCase().startsWith(
-                                  'video/',
-                                )
-                                ? Icons.videocam_outlined
-                                : attachment.mimeType.toLowerCase().startsWith(
-                                    'image/',
-                                  )
-                                ? Icons.image_outlined
-                                : attachment.mimeType.toLowerCase().startsWith(
-                                    'audio/',
-                                  )
-                                ? Icons.audiotrack_outlined
-                                : Icons.attach_file_rounded;
-                            return Container(
-                              padding: const EdgeInsets.symmetric(
-                                horizontal: 10,
-                                vertical: 7,
-                              ),
-                              decoration: BoxDecoration(
-                                color: isUser
-                                    ? const Color(0x1FFFFFFF)
-                                    : _bgSecondary,
-                                borderRadius: BorderRadius.circular(999),
-                                border: Border.all(
-                                  color: isUser
-                                      ? const Color(0x40FFFFFF)
-                                      : _border,
+                      ),
+                    MarkdownBody(
+                      data: entry.content,
+                      selectable: false,
+                      styleSheet:
+                          MarkdownStyleSheet.fromTheme(
+                            Theme.of(context),
+                          ).copyWith(
+                            p: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                              color: isUser ? Colors.white : _textPrimary,
+                              fontSize: 14.5,
+                              height: 1.62,
+                            ),
+                            code: Theme.of(context).textTheme.bodyMedium
+                                ?.copyWith(
+                                  fontFamily:
+                                      GoogleFonts.geistMono().fontFamily,
+                                  backgroundColor: _bgPrimary,
+                                  color: isUser ? Colors.white : _textPrimary,
                                 ),
-                              ),
-                              child: Row(
-                                mainAxisSize: MainAxisSize.min,
-                                children: <Widget>[
-                                  Icon(
-                                    icon,
-                                    size: 14,
-                                    color: isUser
-                                        ? Colors.white
-                                        : _textSecondary,
-                                  ),
-                                  const SizedBox(width: 6),
-                                  ConstrainedBox(
-                                    constraints: const BoxConstraints(
-                                      maxWidth: 180,
-                                    ),
-                                    child: Text(
-                                      attachment.name,
-                                      maxLines: 1,
-                                      overflow: TextOverflow.ellipsis,
-                                      style: TextStyle(
-                                        color: isUser
-                                            ? Colors.white
-                                            : _textPrimary,
-                                        fontSize: 12,
-                                      ),
-                                    ),
-                                  ),
-                                ],
-                              ),
-                            );
-                          })
-                          .toList(growable: false),
+                            blockquoteDecoration: BoxDecoration(
+                              borderRadius: BorderRadius.circular(14),
+                              color: const Color(0x22000000),
+                            ),
+                          ),
                     ),
-                  ],
-                  if (!isUser &&
-                      entry.runId?.trim().isNotEmpty == true) ...<Widget>[
-                    const SizedBox(height: 12),
-                    _MessageRunPreview(
-                      runId: entry.runId!.trim(),
-                      onLoadRunDetail: onLoadRunDetail,
+                    if (sharedAttachments.isNotEmpty) ...<Widget>[
+                      const SizedBox(height: 10),
+                      _SharedAttachmentChipWrap(
+                        attachments: sharedAttachments,
+                        isUser: isUser,
+                      ),
+                    ],
+                    if (!isUser &&
+                        entry.runId?.trim().isNotEmpty == true) ...<Widget>[
+                      const SizedBox(height: 12),
+                      _MessageRunPreview(
+                        runId: entry.runId!.trim(),
+                        onLoadRunDetail: onLoadRunDetail,
+                      ),
+                    ],
+                    const SizedBox(height: 10),
+                    Text(
+                      entry.createdAtLabel,
+                      style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                        color: isUser
+                            ? const Color(0xCCFFFFFF)
+                            : _textSecondary,
+                      ),
                     ),
                   ],
-                  const SizedBox(height: 10),
-                  Text(
-                    entry.createdAtLabel,
-                    style: Theme.of(context).textTheme.bodySmall?.copyWith(
-                      color: isUser ? const Color(0xCCFFFFFF) : _textSecondary,
-                    ),
-                  ),
-                ],
+                ),
               ),
             ),
           ),
-          if (isUser) ...<Widget>[
-            const SizedBox(width: 12),
-            const _MessageAvatar(assistant: false),
-          ],
         ],
       ),
     );
   }
 }
 
+class _SharedAttachmentChipWrap extends StatelessWidget {
+  const _SharedAttachmentChipWrap({
+    required this.attachments,
+    required this.isUser,
+  });
+
+  final List<SharedChatAttachment> attachments;
+  final bool isUser;
+
+  @override
+  Widget build(BuildContext context) {
+    return Wrap(
+      spacing: 8,
+      runSpacing: 8,
+      children: attachments
+          .map((attachment) {
+            final mimeType = attachment.mimeType.toLowerCase();
+            final icon = mimeType.startsWith('video/')
+                ? Icons.videocam_outlined
+                : mimeType.startsWith('image/')
+                ? Icons.image_outlined
+                : mimeType.startsWith('audio/')
+                ? Icons.audiotrack_outlined
+                : Icons.attach_file_rounded;
+            return Container(
+              padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 7),
+              decoration: BoxDecoration(
+                color: isUser ? const Color(0x1FFFFFFF) : _bgSecondary,
+                borderRadius: BorderRadius.circular(999),
+                border: Border.all(
+                  color: isUser ? const Color(0x40FFFFFF) : _border,
+                ),
+              ),
+              child: Row(
+                mainAxisSize: MainAxisSize.min,
+                children: <Widget>[
+                  Icon(
+                    icon,
+                    size: 14,
+                    color: isUser ? Colors.white : _textSecondary,
+                  ),
+                  const SizedBox(width: 6),
+                  ConstrainedBox(
+                    constraints: const BoxConstraints(maxWidth: 180),
+                    child: Text(
+                      attachment.name,
+                      maxLines: 1,
+                      overflow: TextOverflow.ellipsis,
+                      style: TextStyle(
+                        color: isUser ? Colors.white : _textPrimary,
+                        fontSize: 12,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            );
+          })
+          .toList(growable: false),
+    );
+  }
+}
+
 class _MessageRunPreview extends StatefulWidget {
   const _MessageRunPreview({
     required this.runId,
@@ -1926,33 +1933,22 @@ class _MessageAvatar extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      width: 30,
-      height: 30,
+      width: assistant ? 34 : 30,
+      height: assistant ? 34 : 30,
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(8),
-        gradient: assistant
-            ? LinearGradient(
-                colors: <Color>[_accentHover, _accent, _accentAlt],
-                begin: Alignment.topLeft,
-                end: Alignment.bottomRight,
-              )
-            : null,
+        borderRadius: BorderRadius.circular(assistant ? 10 : 999),
         color: assistant ? null : _bgTertiary,
-        boxShadow: assistant
-            ? <BoxShadow>[
-                BoxShadow(
-                  color: _accentAlt.withValues(alpha: 0.42),
-                  blurRadius: 14,
-                  offset: const Offset(0, 2),
-                ),
-              ]
-            : null,
-      ),
-      child: Icon(
-        assistant ? Icons.auto_awesome : Icons.person,
-        size: 16,
-        color: assistant ? Colors.white : _textSecondary,
+        border: assistant ? null : Border.all(color: _borderLight),
       ),
+      clipBehavior: Clip.antiAlias,
+      child: assistant
+          ? Image.asset(
+              MediaQuery.platformBrightnessOf(context) == Brightness.dark
+                  ? 'assets/branding/app_icon_1024.png'
+                  : 'assets/branding/app_icon_light_1024.png',
+              filterQuality: FilterQuality.high,
+            )
+          : Icon(Icons.person, size: 16, color: _textSecondary),
     );
   }
 }