implemented basic chat bubbles generated from a list.

mobile/app/lib/components/conversation_thread/chat.dart

@@ -0,0 +1,9 @@
+class Chat {
+  late String message;
+  late bool isMe;
+
+  // Most basic chat, text from server or from user.
+  Chat(this.message, this.isMe);
+
+  // TODO: Overload constructors to allow for multimedia.
+}

mobile/app/lib/components/conversation_thread/chat_bubble_model.dart

@@ -0,0 +1,18 @@
+import 'chat_bubble_widget.dart';
+import 'chat.dart';
+
+import 'package:flutter/material.dart';
+import 'package:flutterflow_ui/flutterflow_ui.dart';
+
+
+class ChatBubbleModel extends FlutterFlowModel<ChatBubbleWidget>{
+  late final Chat c;
+
+  ChatBubbleModel(this.c);
+
+  @override
+  void dispose() {} // TODO: Need to implement for prompt/response deletion.
+
+  @override
+  void initState(BuildContext context) {} // TODO: Need to implement for loading in media and editing.
+}

mobile/app/lib/components/conversation_thread/chat_bubble_widget.dart

@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+import 'chat.dart';
+
+class ChatBubbleWidget extends StatelessWidget{
+  late Chat c;
+
+  ChatBubbleWidget({super.key, required this.c});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: c.isMe ? MainAxisAlignment.end : MainAxisAlignment.start,
+      children: [
+        Container(
+          padding: const EdgeInsets.all(16.0),
+          margin: const EdgeInsets.all(8.0),
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.only(
+              topLeft: const Radius.circular(12.0),
+              topRight: const Radius.circular(12.0),
+              bottomLeft: c.isMe ? const Radius.circular(12.0) : const Radius
+                  .circular(0.0),
+              bottomRight: c.isMe ? const Radius.circular(12.0) : const Radius
+                  .circular(0.0),
+            ),
+            color: c.isMe ? Colors.blue[200] : Colors.grey[200],
+          ),
+          child: Text(c.message),
+        ),
+      ],
+    );
+  }
+}

mobile/app/lib/components/conversation_thread/conversation.dart

@@ -0,0 +1,15 @@
+import 'package:app/util/server.dart';
+import 'chat.dart';
+
+class Conversation {
+  int conversationID;
+  List<Chat> chats = [];
+
+  Conversation(this.conversationID) {
+    chats = Server().getConversationByID(conversationID);
+  }
+
+  List<Chat> getChats() {
+    return chats;
+  }
+}

mobile/app/lib/components/conversation_thread/conversation_thread_model.dart

@@ -1,32 +1,34 @@
-import '../conversation_bubbles/conversation_bubbles_model.dart';
-import '/components/prompt_box/prompt_box_widget.dart';
+import 'package:app/components/conversation_thread/chat_bubble_model.dart';
+import 'package:app/components/conversation_thread/chat.dart';
+import 'package:app/components/conversation_thread/conversation.dart';
+import 'package:app/util/server.dart';
+
+import 'package:app/components/prompt_box/prompt_box_widget.dart';
 import 'package:flutterflow_ui/flutterflow_ui.dart';
 import 'conversation_thread_widget.dart' show ConversationThreadWidget;
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:provider/provider.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 
-class ConversationThreadModel
-    extends FlutterFlowModel<ConversationThreadWidget> {
-  ///  State fields for stateful widgets in this component.
-
+class ConversationThreadModel extends FlutterFlowModel<ConversationThreadWidget> {
   final formKey = GlobalKey<FormState>();
-  // Model for ConversationBubbles component.
-  late ConversationBubblesModel conversationBubblesModel;
-
-  // Model for PromptBox component.
   late PromptBoxModel promptBoxModel;
+  late int ?conversationID;
+  late Conversation conversation;
+
+  // If there's a conversation ID, retrieve the conversation history.
+  // Otherwise, start a new conversation with user defaults.
+  ConversationThreadModel(this.conversationID);
 
   @override
   void initState(BuildContext context) {
-    //conversationBubblesModel = createModel(context, () => ConversationBubblesModel());
+    conversation = Conversation(conversationID!);
     promptBoxModel = createModel(context, () => PromptBoxModel());
   }
 
   @override
   void dispose() {
-    //conversationBubblesModel.dispose();
     promptBoxModel.dispose();
   }
 }

mobile/app/lib/components/conversation_thread/conversation_thread_widget.dart

@@ -1,10 +1,11 @@
-import '/components/conversation_bubbles/conversation_bubbles_widget.dart';
+import 'package:app/components/conversation_thread/conversation.dart';
+
+import '/components/conversation_thread/chat_bubble_widget.dart';
+import 'package:app/components/conversation_thread/conversation_thread_model.dart';
 import '/components/prompt_box/prompt_box_widget.dart';
 import 'package:flutterflow_ui/flutterflow_ui.dart';
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
-import 'package:google_fonts/google_fonts.dart';
-import 'package:provider/provider.dart';
 
 import 'package:app/theme.dart';
 
@@ -31,7 +32,7 @@ class _ConversationThreadWidgetState extends State<ConversationThreadWidget> {
   @override
   void initState() {
     super.initState();
-    _model = createModel(context, () => ConversationThreadModel());
+    _model = createModel(context, () => ConversationThreadModel(0)); // TODO
   }
 
   @override
@@ -43,6 +44,7 @@ class _ConversationThreadWidgetState extends State<ConversationThreadWidget> {
 
   @override
   Widget build(BuildContext context) {
+    Conversation c = _model.conversation;
     return Container(
       width: double.infinity,
       height: double.infinity,
@@ -54,28 +56,14 @@ class _ConversationThreadWidgetState extends State<ConversationThreadWidget> {
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
           Expanded(
-            child: ListView(
+            child: ListView.builder(
+              itemCount: c.chats.length,
               padding: const EdgeInsets.fromLTRB(0, 12, 0, 24,),
-              reverse: true,
+              reverse: false,
               scrollDirection: Axis.vertical,
-              children: [
-                Container(
-                  decoration: const BoxDecoration(),
-                ),
-                Container(
-                  height: MediaQuery.sizeOf(context).height * 1,
-                  constraints: BoxConstraints(
-                    minHeight: MediaQuery.sizeOf(context).height * 1,
-                  ),
-                  decoration: const BoxDecoration(),
-                  //child: wrapWithModel(
-                    //model: _model.conversationBubblesModel,
-                    //updateCallback: () => setState(() {}),
-                    //child: ConversationBubblesWidget(),
-                    //child: const Text("test"),
-                  //),
-                ),
-              ],
+              itemBuilder: (BuildContext context, int index) {
+                return ChatBubbleWidget(c: c.chats[index]);
+              },
             ),
           ),
           Container(