From d35937110f20c9345433c65b8d293d3de0235ad4 Mon Sep 17 00:00:00 2001
From: Austin Hulen <austin@thehulens.com>
Date: Mon, 29 Jul 2024 08:01:11 -0700
Subject: [PATCH 1/4] Update attached file label in ChatInput component

---
 src/ui/UserPortal/components/ChatInput.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/UserPortal/components/ChatInput.vue b/src/ui/UserPortal/components/ChatInput.vue
index 85cb6ae57b..8bba2f431c 100644
--- a/src/ui/UserPortal/components/ChatInput.vue
+++ b/src/ui/UserPortal/components/ChatInput.vue
@@ -14,7 +14,7 @@
 			/>
 			<OverlayPanel ref="fileAttachmentPanel">
 				<div class="attached-files-container">
-					<h2 style="margin-bottom: 0px;">Attached Files</h2>
+					<h2 style="margin-bottom: 0px;">Attached File</h2>
 					<div class="attached-files" v-for="file in $appStore.attachments" v-if="$appStore.attachments.length">
 						<div class="file-name">{{ file.fileName }}</div>
 						<div class="file-remove">
@@ -30,7 +30,7 @@
 						</div>
 					</div>
 					<div v-else>
-						No files attached
+						No file attached
 					</div>
 				</div>
 				<div class="p-d-flex p-jc-end">

From 50378fd0aa9b1daa9ee5968bd0c77fbbf27d9240 Mon Sep 17 00:00:00 2001
From: Austin Hulen <austin@thehulens.com>
Date: Mon, 29 Jul 2024 08:28:38 -0700
Subject: [PATCH 2/4] Update file upload confirmation dialog labels

---
 src/ui/UserPortal/components/ChatInput.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/ui/UserPortal/components/ChatInput.vue b/src/ui/UserPortal/components/ChatInput.vue
index 8bba2f431c..7008f9de8d 100644
--- a/src/ui/UserPortal/components/ChatInput.vue
+++ b/src/ui/UserPortal/components/ChatInput.vue
@@ -262,19 +262,21 @@ export default {
 					message: 'Uploading a new file will replace the file already attached.',
 					header: 'Confirm File Replacement',
 					icon: 'pi pi-exclamation-triangle',
+					rejectLabel: 'Upload',
+					acceptLabel: 'Cancel',
 					rejectProps: {
+						label: 'Upload',
+					},
+					acceptProps: {
 						label: 'Cancel',
 						severity: 'secondary',
 						outlined: true
 					},
-					acceptProps: {
-						label: 'Upload'
-					},
 					accept: () => {
-						uploadCallback();
 						this.showFileUploadDialog = false;
 					},
 					reject: () => {
+						uploadCallback();
 						this.showFileUploadDialog = false;
 					}
 				});

From 54128c62bd3925788ae6365f8877115e63c7039f Mon Sep 17 00:00:00 2001
From: Austin Hulen <austin@thehulens.com>
Date: Mon, 29 Jul 2024 09:15:17 -0700
Subject: [PATCH 3/4] Update file upload functionality to filter attachments by
 session ID

---
 src/ui/UserPortal/components/ChatInput.vue | 18 ++++++++++++------
 src/ui/UserPortal/js/types/index.ts        |  1 +
 src/ui/UserPortal/stores/appStore.ts       | 15 +++++++++++----
 3 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/ui/UserPortal/components/ChatInput.vue b/src/ui/UserPortal/components/ChatInput.vue
index 7008f9de8d..2e525642b8 100644
--- a/src/ui/UserPortal/components/ChatInput.vue
+++ b/src/ui/UserPortal/components/ChatInput.vue
@@ -8,14 +8,14 @@
 				class="file-upload-button secondary-button"
 				style="height: 100%;"
 				@click="toggleFileAttachmentOverlay"
-				:badge="$appStore.attachments.length.toString() || null"
-				v-tooltip.top="'Attach files' + ($appStore.attachments.length ? ' (' + $appStore.attachments.length.toString() + ' file)' : ' (0 files)')"
-				:aria-label="'Upload file (' + $appStore.attachments.length.toString() + ' files attached)'"
+				:badge="fileArrayFiltered.length.toString() || null"
+				v-tooltip.top="'Attach files' + (fileArrayFiltered.length ? ' (' + fileArrayFiltered.length.toString() + ' file)' : ' (0 files)')"
+				:aria-label="'Upload file (' + fileArrayFiltered.length.toString() + ' files attached)'"
 			/>
 			<OverlayPanel ref="fileAttachmentPanel">
 				<div class="attached-files-container">
 					<h2 style="margin-bottom: 0px;">Attached File</h2>
-					<div class="attached-files" v-for="file in $appStore.attachments" v-if="$appStore.attachments.length">
+					<div class="attached-files" v-for="file in fileArrayFiltered" v-if="fileArrayFiltered.length">
 						<div class="file-name">{{ file.fileName }}</div>
 						<div class="file-remove">
 							<Button
@@ -176,6 +176,12 @@ export default {
 		};
 	},
 
+	computed: {
+		fileArrayFiltered() {
+			return this.$appStore.attachments.filter((attachment) => attachment.sessionId === this.$appStore.currentSession.sessionId);
+		},
+	},
+
 	watch: {
 		text: {
 			handler() {
@@ -234,7 +240,7 @@ export default {
 				const formData = new FormData();
 				formData.append("file", event.files[0]);
 
-				const objectId = await this.$appStore.uploadAttachment(formData);
+				const objectId = await this.$appStore.uploadAttachment(formData, this.$appStore.currentSession.sessionId);
 
 				console.log(`File uploaded: ObjectId: ${objectId}`);
 				this.$toast.add({ severity: 'success', summary: 'Success', detail: 'File uploaded successfully.' });
@@ -257,7 +263,7 @@ export default {
 		},
 
 		uploadFile(uploadCallback) {
-			if (this.$appStore.attachments.length) {
+			if (this.fileArrayFiltered.length) {
 				this.$confirm.require({
 					message: 'Uploading a new file will replace the file already attached.',
 					header: 'Confirm File Replacement',
diff --git a/src/ui/UserPortal/js/types/index.ts b/src/ui/UserPortal/js/types/index.ts
index 45e5d30855..fba15378b1 100644
--- a/src/ui/UserPortal/js/types/index.ts
+++ b/src/ui/UserPortal/js/types/index.ts
@@ -78,4 +78,5 @@ export interface CompletionRequest {
 export interface Attachment {
 	id: string;
 	fileName: string;
+	sessionId: string;
 }
diff --git a/src/ui/UserPortal/stores/appStore.ts b/src/ui/UserPortal/stores/appStore.ts
index f6a32d2662..46b5f8e4d9 100644
--- a/src/ui/UserPortal/stores/appStore.ts
+++ b/src/ui/UserPortal/stores/appStore.ts
@@ -287,13 +287,20 @@ export const useAppStore = defineStore('app', {
 			return this.agents;
 		},
 
-		async uploadAttachment(file: FormData) {
+		async uploadAttachment(file: FormData, sessionId: string) {
 			try {
 				const id = await api.uploadAttachment(file);
 				const fileName = file.get('file')?.name;
-				// this.attachments.push(id);
-				// For now, we want to just replace the attachments with the new one.
-				this.attachments = [{ id, fileName}];
+				const newAttachment = { id, fileName, sessionId };
+
+				const existingIndex = this.attachments.findIndex(attachment => attachment.sessionId === sessionId);
+				
+				if (existingIndex !== -1) {
+					this.attachments.splice(existingIndex, 1, newAttachment);
+				} else {
+					this.attachments.push(newAttachment);
+				}
+				
 				return id;
 			} catch (error) {
 				throw error;

From a2ed7596ff7abacd7ec0a3dcc33b3b5f6ed603ed Mon Sep 17 00:00:00 2001
From: Austin Hulen <austin@thehulens.com>
Date: Mon, 29 Jul 2024 09:32:58 -0700
Subject: [PATCH 4/4] Update file upload functionality to filter attachments by
 session ID

---
 src/ui/UserPortal/stores/appStore.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/ui/UserPortal/stores/appStore.ts b/src/ui/UserPortal/stores/appStore.ts
index 46b5f8e4d9..7cc7ee71f7 100644
--- a/src/ui/UserPortal/stores/appStore.ts
+++ b/src/ui/UserPortal/stores/appStore.ts
@@ -161,6 +161,10 @@ export const useAppStore = defineStore('app', {
 		async sendMessage(text: string) {
 			if (!text) return;
 
+			let sessionId = this.currentSession!.id;
+			let relevantAttachments = this.attachments.filter(attachment => attachment.sessionId === sessionId);
+
+
 			const authStore = useAuthStore();
 			const tempUserMessage: Message = {
 				completionPromptId: null,
@@ -200,7 +204,7 @@ export const useAppStore = defineStore('app', {
 					user_prompt: text,
 					agent_name: agent.name,
 					settings: null,
-					attachments: this.attachments.map(attachment => String(attachment.id))
+					attachments: relevantAttachments.map(attachment => String(attachment.id))
 				});
 
 				this.longRunningOperations.set(this.currentSession!.id, operationId);
@@ -210,7 +214,7 @@ export const useAppStore = defineStore('app', {
 					this.currentSession!.id,
 					text,
 					agent,
-					this.attachments.map(attachment => String(attachment.id)),
+					relevantAttachments.map(attachment => String(attachment.id)),
 				);
 				await this.getMessages();
 			}