ars/iiEsaywebUIapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(chat): Optimize chat input and message bubble rendering

Browse Source
This commit is contained in:
cogwheel
2025-12-20 18:25:55 +05:30
parent f8d0911b23
commit 622dcf9142
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/features/chat/widgets/modern_chat_input.dart
View File

@@ -1340,9 +1340,7 @@ class _ModernChatInputState extends ConsumerState<ModernChatInput>
// For compact mode, render text field shell with floating buttons on sides // For compact mode, render text field shell with floating buttons on sides
if (showCompactComposer) { if (showCompactComposer) {
// Build the text field shell // Build the text field shell
Widget textFieldShell = AnimatedContainer( Widget textFieldShell = Container(
duration: const Duration(milliseconds: 180),
curve: Curves.easeOutCubic,
padding: const EdgeInsets.symmetric(horizontal: Spacing.md), padding: const EdgeInsets.symmetric(horizontal: Spacing.md),
constraints: const BoxConstraints(minHeight: TouchTarget.input), constraints: const BoxConstraints(minHeight: TouchTarget.input),
decoration: shellDecoration, decoration: shellDecoration,
@@ -1404,9 +1402,7 @@ class _ModernChatInputState extends ConsumerState<ModernChatInput>
} }
// For expanded mode with quick pills, use the full shell // For expanded mode with quick pills, use the full shell
Widget shell = AnimatedContainer( Widget shell = Container(
duration: const Duration(milliseconds: 180),
curve: Curves.easeOutCubic,
decoration: shellDecoration, decoration: shellDecoration,
child: ConstrainedBox( child: ConstrainedBox(
constraints: BoxConstraints( constraints: BoxConstraints(

10
lib/features/chat/widgets/user_message_bubble.dart
View File

@@ -498,6 +498,12 @@ class _UserMessageBubbleState extends ConsumerState<UserMessageBubble> {
final inlineEditFill = context.conduitTheme.surfaceContainer.withValues( final inlineEditFill = context.conduitTheme.surfaceContainer.withValues(
alpha: 0.92, alpha: 0.92,
); );
// Use rounded rectangle for multiline, pill for single-line (like chat input)
// Consider multiline if text exceeds ~50 chars or contains newlines
// Check length first (O(1)) to short-circuit before scanning for newlines
final content = widget.message.content;
final isMultiline = content.length > 50 || content.contains('\n');
final bubbleRadius = isMultiline ? AppBorderRadius.xl : AppBorderRadius.pill;
return GestureDetector( return GestureDetector(
onLongPress: () => _showMessageMenu(context), onLongPress: () => _showMessageMenu(context),
@@ -539,9 +545,7 @@ class _UserMessageBubbleState extends ConsumerState<UserMessageBubble> {
), ),
decoration: BoxDecoration( decoration: BoxDecoration(
color: context.conduitTheme.chatBubbleUser, color: context.conduitTheme.chatBubbleUser,
borderRadius: BorderRadius.circular( borderRadius: BorderRadius.circular(bubbleRadius),
AppBorderRadius.messageBubble,
),
), ),
child: _isEditing child: _isEditing
? Focus( ? Focus(