Adding time stamps [Add timestamp to Chat #1275]

app/lib/pages/chat/widgets/ai_message.dart

@@ -127,7 +127,7 @@ Widget buildMessageWidget(ServerMessage message, Function(String) sendMessage, b
     return InitialMessageWidget(
         showTypingIndicator: showTypingIndicator, messageText: message.text.decodeString, sendMessage: sendMessage);
   } else {
-    return NormalMessageWidget(showTypingIndicator: showTypingIndicator, messageText: message.text.decodeString);
+    return NormalMessageWidget(showTypingIndicator: showTypingIndicator, messageText: message.text.decodeString, createdAt: message.createdAt);
   }
 }
 
@@ -272,13 +272,30 @@ class DaySummaryWidget extends StatelessWidget {
 class NormalMessageWidget extends StatelessWidget {
   final bool showTypingIndicator;
   final String messageText;
-  const NormalMessageWidget({super.key, required this.showTypingIndicator, required this.messageText});
+  final DateTime createdAt;
+
+  const NormalMessageWidget({
+    super.key, 
+    required this.showTypingIndicator,
+    required this.messageText,
+    required this.createdAt,
+  });
 
   @override
   Widget build(BuildContext context) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
+        Padding(
+          padding: const EdgeInsets.only(left: 8.0, bottom: 4.0),
+          child: Text(
+            formatChatTimestamp(createdAt),
+            style: TextStyle(
+              color: Colors.grey.shade500,
+              fontSize: 12,
+            ),
+          ),
+        ),
         SelectionArea(
           child: showTypingIndicator
               ? const Row(
@@ -293,11 +310,14 @@ class NormalMessageWidget extends StatelessWidget {
                 )
               : AutoSizeText(
                   messageText,
-                  // : utf8.decode(widget.message.text.codeUnits),
-                  style: TextStyle(fontSize: 15.0, fontWeight: FontWeight.w500, color: Colors.grey.shade300),
+                  style: TextStyle(
+                    fontSize: 15.0,
+                    fontWeight: FontWeight.w500,
+                    color: Colors.grey.shade300
+                  ),
                 ),
         ),
-        CopyButton(messageText: messageText),
+        if (!showTypingIndicator) CopyButton(messageText: messageText),
       ],
     );
   }

app/lib/pages/chat/widgets/user_message.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:friend_private/backend/schema/message.dart';
 import 'package:friend_private/widgets/extensions/string.dart';
+import 'package:friend_private/utils/other/temp.dart';
 
 class HumanMessage extends StatelessWidget {
   final ServerMessage message;
@@ -11,20 +12,35 @@ class HumanMessage extends StatelessWidget {
   Widget build(BuildContext context) {
     return Padding(
       padding: const EdgeInsets.fromLTRB(20, 20, 0, 20),
-      child: Wrap(
-        alignment: WrapAlignment.end,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.end,
         children: [
-          Container(
-            decoration: BoxDecoration(
-              color: Theme.of(context).primaryColor,
-              borderRadius: const BorderRadius.all(Radius.circular(16.0)),
-            ),
-            padding: const EdgeInsets.all(16.0),
+          Padding(
+            padding: const EdgeInsets.only(right: 8.0, bottom: 4.0),
             child: Text(
-              message.text.decodeString,
-              style: Theme.of(context).textTheme.bodyMedium,
+              formatChatTimestamp(message.createdAt),
+              style: TextStyle(
+                color: Colors.grey.shade500,
+                fontSize: 12,
+              ),
             ),
           ),
+          Wrap(
+            alignment: WrapAlignment.end,
+            children: [
+              Container(
+                decoration: BoxDecoration(
+                  color: Theme.of(context).primaryColor,
+                  borderRadius: const BorderRadius.all(Radius.circular(16.0)),
+                ),
+                padding: const EdgeInsets.all(16.0),
+                child: Text(
+                  message.text.decodeString,
+                  style: Theme.of(context).textTheme.bodyMedium,
+                ),
+              ),
+            ],
+          ),
         ],
       ),
     );

app/lib/utils/other/temp.dart

@@ -18,3 +18,20 @@ Future routeToPage(BuildContext context, Widget page, {bool replace = false}) {
   }
   return Navigator.of(context).push(route);
 }
+
+String formatChatTimestamp(DateTime dateTime) {
+  final now = DateTime.now();
+  final today = DateTime(now.year, now.month, now.day);
+  final messageDate = DateTime(dateTime.year, dateTime.month, dateTime.day);
+
+  if (messageDate == today) {
+    // Today, show time only
+    return dateTimeFormat('h:mm a', dateTime);
+  } else if (messageDate == today.subtract(const Duration(days: 1))) {
+    // Yesterday
+    return 'Yesterday ${dateTimeFormat('h:mm a', dateTime)}';
+  } else {
+    // Other days
+    return dateTimeFormat('MMM d, h:mm a', dateTime);
+  }
+}

app/lib/widgets/transcript.dart

@@ -5,6 +5,7 @@ import 'package:flutter/material.dart';
 import 'package:friend_private/backend/preferences.dart';
 import 'package:friend_private/backend/schema/person.dart';
 import 'package:friend_private/backend/schema/transcript_segment.dart';
+import 'package:friend_private/utils/other/temp.dart';
 
 class TranscriptWidget extends StatefulWidget {
   final List<TranscriptSegment> segments;
@@ -167,3 +168,20 @@ String tryDecodingText(String text) {
     return text;
   }
 }
+
+String formatChatTimestamp(DateTime dateTime) {
+  final now = DateTime.now();
+  final today = DateTime(now.year, now.month, now.day);
+  final messageDate = DateTime(dateTime.year, dateTime.month, dateTime.day);
+
+  if (messageDate == today) {
+    // Today, show time only
+    return dateTimeFormat('h:mm a', dateTime);
+  } else if (messageDate == today.subtract(const Duration(days: 1))) {
+    // Yesterday
+    return 'Yesterday ${dateTimeFormat('h:mm a', dateTime)}';
+  } else {
+    // Other days
+    return dateTimeFormat('MMM d, h:mm a', dateTime);
+  }
+}