From d9c39de8e1de1a5c2df43005c9c5dfd1357ee2e8 Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Mon, 16 Sep 2024 09:39:35 -0600
Subject: [PATCH 01/18] init

---
 src/leapfrogai_ui/src/lib/constants/index.ts  |  24 ++++
 src/leapfrogai_ui/src/lib/mocks/openai.ts     |  16 ++-
 src/leapfrogai_ui/src/lib/schemas/files.ts    |  29 +++++
 .../routes/api/audio/translation/+server.ts   |  35 ++++++
 .../api/audio/translation/server.test.ts      | 109 ++++++++++++++++++
 src/leapfrogai_ui/svelte.config.js            |   1 +
 6 files changed, 213 insertions(+), 1 deletion(-)
 create mode 100644 src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
 create mode 100644 src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts

diff --git a/src/leapfrogai_ui/src/lib/constants/index.ts b/src/leapfrogai_ui/src/lib/constants/index.ts
index 5379d858a..32ca04cca 100644
--- a/src/leapfrogai_ui/src/lib/constants/index.ts
+++ b/src/leapfrogai_ui/src/lib/constants/index.ts
@@ -49,6 +49,29 @@ export const ACCEPTED_FILE_TYPES = [
   '.docx',
   '.csv'
 ];
+
+export const ACCEPTED_AUDIO_FILE_TYPES = [
+  '.flac',
+  '.mp3',
+  '.mp4',
+  '.mpeg',
+  '.mpga',
+  '.m4a',
+  '.ogg',
+  '.wav',
+  '.webm'
+];
+
+export const ACCEPTED_AUDIO_FILE_MIME_TYPES = [
+  'audio/flac',
+  'audio/mpeg',
+  'audio/mp4',
+  'audio/mpeg',
+  'audio/ogg',
+  'audio/wav',
+  'audio/webm'
+];
+
 export const ACCEPTED_MIME_TYPES = [
   'application/pdf', // .pdf
   'text/plain', // .txt, .text
@@ -78,6 +101,7 @@ export const NO_FILE_ERROR_TEXT = 'Please upload an image or select a pictogram'
 export const AVATAR_FILE_SIZE_ERROR_TEXT = `File must be less than ${MAX_AVATAR_SIZE / 1000000} MB`;
 export const FILE_SIZE_ERROR_TEXT = `File must be less than ${MAX_FILE_SIZE / 1000000} MB`;
 export const INVALID_FILE_TYPE_ERROR_TEXT = `Invalid file type, accepted types are: ${ACCEPTED_FILE_TYPES.join(', ')}`;
+export const INVALID_AUDIO_FILE_TYPE_ERROR_TEXT = `Invalid file type, accepted types are: ${ACCEPTED_AUDIO_FILE_TYPES.join(', ')}`;
 export const NO_SELECTED_ASSISTANT_ID = 'noSelectedAssistantId';
 
 export const FILE_UPLOAD_PROMPT = "The following are the user's files: ";
diff --git a/src/leapfrogai_ui/src/lib/mocks/openai.ts b/src/leapfrogai_ui/src/lib/mocks/openai.ts
index 25d397d72..1e674bb43 100644
--- a/src/leapfrogai_ui/src/lib/mocks/openai.ts
+++ b/src/leapfrogai_ui/src/lib/mocks/openai.ts
@@ -42,6 +42,7 @@ class OpenAI {
     listAssistants: boolean;
     deleteFile: boolean;
     fileContent: boolean;
+    translation: boolean;
   };
 
   constructor({ apiKey, baseURL }: { apiKey: string; baseURL: string }) {
@@ -71,7 +72,8 @@ class OpenAI {
       updateAssistant: false,
       listAssistants: false,
       deleteFile: false,
-      fileContent: false
+      fileContent: false,
+      translation: false
     };
   }
 
@@ -117,6 +119,18 @@ class OpenAI {
     this.errors[key] = false;
   }
 
+  audio = {
+    translations: {
+      create: vi.fn().mockImplementation(() =>
+      {
+        if (this.errors.translation) this.throwError('translation');
+        return Promise.resolve({
+          text: 'Fake translation'
+        })}
+      )
+    }
+  };
+
   files = {
     retrieve: vi.fn().mockImplementation((id) => {
       return Promise.resolve(this.uploadedFiles.find((file) => file.id === id));
diff --git a/src/leapfrogai_ui/src/lib/schemas/files.ts b/src/leapfrogai_ui/src/lib/schemas/files.ts
index 5c475e5e1..14d1d85d6 100644
--- a/src/leapfrogai_ui/src/lib/schemas/files.ts
+++ b/src/leapfrogai_ui/src/lib/schemas/files.ts
@@ -1,7 +1,9 @@
 import { array, mixed, object, string, ValidationError } from 'yup';
 import {
+  ACCEPTED_AUDIO_FILE_MIME_TYPES,
   ACCEPTED_MIME_TYPES,
   FILE_SIZE_ERROR_TEXT,
+  INVALID_AUDIO_FILE_TYPE_ERROR_TEXT,
   INVALID_FILE_TYPE_ERROR_TEXT,
   MAX_FILE_SIZE
 } from '$constants';
@@ -63,3 +65,30 @@ export const fileSchema = object({
 })
   .noUnknown(true)
   .strict();
+
+// TODO - max file size?
+// TODO - validate lf api accepted file types
+export const audioFileSchema = object({
+  file: mixed<File>()
+    .test('fileType', 'File is required.', (value) => value == null || value instanceof File)
+    .test('fileSize', FILE_SIZE_ERROR_TEXT, (value) => {
+      if (value == null) {
+        return true;
+      }
+      if (value.size > MAX_FILE_SIZE) {
+        return new ValidationError(FILE_SIZE_ERROR_TEXT);
+      }
+      return true;
+    })
+    .test('type', INVALID_AUDIO_FILE_TYPE_ERROR_TEXT, (value) => {
+      if (value == null) {
+        return true;
+      }
+      if (!ACCEPTED_AUDIO_FILE_MIME_TYPES.includes(value.type)) {
+        return new ValidationError(INVALID_AUDIO_FILE_TYPE_ERROR_TEXT);
+      }
+      return true;
+    })
+})
+  .noUnknown(true)
+  .strict();
diff --git a/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts b/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
new file mode 100644
index 000000000..637961fc3
--- /dev/null
+++ b/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
@@ -0,0 +1,35 @@
+import { error, json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { getOpenAiClient } from '$lib/server/constants';
+import { audioFileSchema } from '$schemas/files';
+import { env } from '$env/dynamic/private';
+
+export const POST: RequestHandler = async ({ request, locals: { session } }) => {
+  if (!session) {
+    error(401, 'Unauthorized');
+  }
+
+  let file: File | null;
+
+  // Validate request body
+  try {
+    const formData = await request.formData();
+    file = formData.get('file') as File;
+    await audioFileSchema.validate({ file }, { abortEarly: false });
+  } catch (e) {
+    console.error('Validation error:', e);
+    error(400, `Bad Request, File invalid: ${e}`);
+  }
+
+  try {
+    const openai = getOpenAiClient(session.access_token);
+    const translation = await openai.audio.translations.create({
+      file: file,
+      model: env.OPENAI_API_KEY ? 'whisper-1' : 'whisper'
+    });
+    return json({ text: translation.text });
+  } catch (e) {
+    console.error('file translation error', e);
+    error(500, 'Internal Error');
+  }
+};
diff --git a/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts b/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts
new file mode 100644
index 000000000..473c58ea4
--- /dev/null
+++ b/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts
@@ -0,0 +1,109 @@
+import { getLocalsMock } from '$lib/mocks/misc';
+import type { RequestEvent } from '@sveltejs/kit';
+import type { RouteParams } from './$types';
+import { POST } from './+server';
+import { mockOpenAI } from '../../../../../vitest-setup';
+
+describe('/api/audio/translation', () => {
+  it('returns a 401 when there is no session', async () => {
+    const request = new Request('http://thisurlhasnoeffect', {
+      method: 'POST'
+    });
+
+    await expect(
+      POST({
+        request,
+        params: {},
+        locals: getLocalsMock({ nullSession: true })
+      } as RequestEvent<RouteParams, '/api/audio/translation'>)
+    ).rejects.toMatchObject({
+      status: 401
+    });
+  });
+
+  it('should return 400 if the form data is missing', async () => {
+    const request = new Request('http://thisurlhasnoeffect', { method: 'POST' });
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/audio/translation'
+      >)
+    ).rejects.toMatchObject({ status: 400 });
+  });
+
+  it('should return 400 if the file is missing from the form data', async () => {
+    const request = new Request('http://thisurlhasnoeffect', {
+      method: 'POST',
+      body: new FormData()
+    });
+
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/audio/translation'
+      >)
+    ).rejects.toMatchObject({
+      status: 400
+    });
+  });
+
+  it('should return 400 if the file in the form data is not of type File', async () => {
+    const formData = new FormData();
+    formData.append('file', '123');
+    const request = new Request('http://thisurlhasnoeffect', {
+      method: 'POST',
+      body: formData
+    });
+
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/audio/translation'
+      >)
+    ).rejects.toMatchObject({
+      status: 400
+    });
+  });
+
+  it('should return a 500 if there is an error translating the file', async () => {
+    mockOpenAI.setError('translation');
+
+    const fileContent = new Blob(['dummy content'], { type: 'audio/mp4' });
+    const testFile = new File([fileContent], 'test.txt', { type: 'audio/mp4' });
+    // In the test environment, formData.get('file') does not return a file of type File, so we mock it differently
+    // here
+    const request = {
+      formData: vi.fn().mockResolvedValue({
+        get: vi.fn().mockReturnValue(testFile)
+      })
+    } as unknown as Request;
+
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/audio/translation'
+      >)
+    ).rejects.toMatchObject({
+      status: 500
+    });
+  });
+
+  it('should return translated text', async () => {
+    const fileContent = new Blob(['dummy content'], { type: 'audio/mp4' });
+    const testFile = new File([fileContent], 'test.txt', { type: 'audio/mp4' });
+    // In the test environment, formData.get('file') does not return a file of type File, so we mock it differently
+    // here
+    const request = {
+      formData: vi.fn().mockResolvedValue({
+        get: vi.fn().mockReturnValue(testFile)
+      })
+    } as unknown as Request;
+
+    const res = await POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+      RouteParams,
+      '/api/audio/translation'
+    >);
+    const data = await res.json();
+    expect(data).toEqual({ text: 'Fake translation' });
+  });
+});
diff --git a/src/leapfrogai_ui/svelte.config.js b/src/leapfrogai_ui/svelte.config.js
index 97f5b0c2f..f4934c1d1 100644
--- a/src/leapfrogai_ui/svelte.config.js
+++ b/src/leapfrogai_ui/svelte.config.js
@@ -13,6 +13,7 @@ const config = {
     // If your environment is not supported or you settled on a specific environment, switch out the adapter.
     // See https://kit.svelte.dev/docs/adapters for more information about adapters.
     adapter: adapter(),
+    csrf: { checkOrigin: process.env.NODE_ENV !== 'development' },
     alias: {
       $components: 'src/lib/components',
       $webComponents: 'src/lib/web-components',

From 3408a554b1da3724b7928830c7a23967708d66eb Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Mon, 16 Sep 2024 09:49:23 -0600
Subject: [PATCH 02/18] Add max file size

---
 src/leapfrogai_ui/src/lib/constants/index.ts | 2 ++
 src/leapfrogai_ui/src/lib/schemas/files.ts   | 8 +++++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/leapfrogai_ui/src/lib/constants/index.ts b/src/leapfrogai_ui/src/lib/constants/index.ts
index 32ca04cca..d40a5c716 100644
--- a/src/leapfrogai_ui/src/lib/constants/index.ts
+++ b/src/leapfrogai_ui/src/lib/constants/index.ts
@@ -4,6 +4,7 @@ export const MAX_LABEL_SIZE = 100;
 export const DEFAULT_ASSISTANT_TEMP = 0.2;
 export const MAX_AVATAR_SIZE = 5000000;
 export const MAX_FILE_SIZE = 512000000;
+export const MAX_AUDIO_FILE_SIZE = 25000000;
 export const MAX_FILE_NAME_SIZE = 27;
 export const MAX_NUM_FILES_UPLOAD = 50; // for chat completion
 
@@ -100,6 +101,7 @@ export const FILE_TYPE_MAP = {
 export const NO_FILE_ERROR_TEXT = 'Please upload an image or select a pictogram';
 export const AVATAR_FILE_SIZE_ERROR_TEXT = `File must be less than ${MAX_AVATAR_SIZE / 1000000} MB`;
 export const FILE_SIZE_ERROR_TEXT = `File must be less than ${MAX_FILE_SIZE / 1000000} MB`;
+export const AUDIO_FILE_SIZE_ERROR_TEXT = `Audio file must be less than ${MAX_AUDIO_FILE_SIZE / 1000000} MB`;
 export const INVALID_FILE_TYPE_ERROR_TEXT = `Invalid file type, accepted types are: ${ACCEPTED_FILE_TYPES.join(', ')}`;
 export const INVALID_AUDIO_FILE_TYPE_ERROR_TEXT = `Invalid file type, accepted types are: ${ACCEPTED_AUDIO_FILE_TYPES.join(', ')}`;
 export const NO_SELECTED_ASSISTANT_ID = 'noSelectedAssistantId';
diff --git a/src/leapfrogai_ui/src/lib/schemas/files.ts b/src/leapfrogai_ui/src/lib/schemas/files.ts
index 14d1d85d6..9b856ac27 100644
--- a/src/leapfrogai_ui/src/lib/schemas/files.ts
+++ b/src/leapfrogai_ui/src/lib/schemas/files.ts
@@ -2,9 +2,11 @@ import { array, mixed, object, string, ValidationError } from 'yup';
 import {
   ACCEPTED_AUDIO_FILE_MIME_TYPES,
   ACCEPTED_MIME_TYPES,
+  AUDIO_FILE_SIZE_ERROR_TEXT,
   FILE_SIZE_ERROR_TEXT,
   INVALID_AUDIO_FILE_TYPE_ERROR_TEXT,
   INVALID_FILE_TYPE_ERROR_TEXT,
+  MAX_AUDIO_FILE_SIZE,
   MAX_FILE_SIZE
 } from '$constants';
 
@@ -71,12 +73,12 @@ export const fileSchema = object({
 export const audioFileSchema = object({
   file: mixed<File>()
     .test('fileType', 'File is required.', (value) => value == null || value instanceof File)
-    .test('fileSize', FILE_SIZE_ERROR_TEXT, (value) => {
+    .test('fileSize', AUDIO_FILE_SIZE_ERROR_TEXT, (value) => {
       if (value == null) {
         return true;
       }
-      if (value.size > MAX_FILE_SIZE) {
-        return new ValidationError(FILE_SIZE_ERROR_TEXT);
+      if (value.size > MAX_AUDIO_FILE_SIZE) {
+        return new ValidationError(AUDIO_FILE_SIZE_ERROR_TEXT);
       }
       return true;
     })

From 419c74e05518f42b2bd1e5a1c057989ba019ccd9 Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Mon, 16 Sep 2024 15:37:47 -0600
Subject: [PATCH 03/18] before changing to use api instead of form action

---
 .../lib/components/ChatFileUploadForm.svelte  | 33 ++++---
 .../src/lib/components/FileChatActions.svelte | 87 +++++++++++++++++++
 .../lib/components/UploadedFileCard.svelte    |  8 +-
 .../lib/components/UploadedFileCards.svelte   |  2 +-
 src/leapfrogai_ui/src/lib/constants/index.ts  | 35 ++++----
 .../src/lib/constants/toastMessages.ts        |  7 ++
 src/leapfrogai_ui/src/lib/schemas/files.ts    | 16 ++--
 src/leapfrogai_ui/src/lib/types/files.d.ts    |  4 +
 .../routes/api/audio/translation/+server.ts   |  1 +
 .../(dashboard)/[[thread_id]]/+page.server.ts | 17 ++++
 .../(dashboard)/[[thread_id]]/+page.svelte    | 18 ++--
 11 files changed, 187 insertions(+), 41 deletions(-)
 create mode 100644 src/leapfrogai_ui/src/lib/components/FileChatActions.svelte

diff --git a/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte b/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
index 894d97eaf..3d94f92a6 100644
--- a/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
+++ b/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
@@ -11,10 +11,12 @@
     ERROR_PROCESSING_FILE_MSG_TOAST,
     MAX_NUM_FILES_UPLOAD_MSG_TOAST
   } from '$constants/toastMessages';
+  import type {LFFile} from "$lib/types/files";
 
   export let form;
   export let uploadingFiles;
   export let attachedFileMetadata;
+  export let uploadedFiles: LFFile[];
 
   const handleUploadError = (errorMsg) => {
     uploadingFiles = false;
@@ -25,24 +27,20 @@
     });
   };
 
-  const { enhance, submit } = superForm(form, {
+  const {
+    form: storeForm,
+    enhance,
+    submit
+  } = superForm(form, {
     validators: yup(filesSchema),
     invalidateAll: false,
     onResult({ result, cancel }) {
       uploadingFiles = false;
       if (result.type === 'success') {
-        attachedFileMetadata = attachedFileMetadata.filter((file) => file.status !== 'uploading');
-        attachedFileMetadata = [
-          ...attachedFileMetadata,
-          ...result.data.extractedFilesText.map((file) => ({
-            id: uuidv4().substring(0, 8),
-            ...file
-          }))
-        ];
+        attachedFileMetadata = result.data.extractedFilesText;
       } else {
         handleUploadError('Internal Error');
       }
-
       cancel(); // cancel the rest of the event chain and any form updates to prevent losing focus of chat input
     },
     onError(e) {
@@ -65,14 +63,23 @@
         return;
       }
       uploadingFiles = true;
-      // Metadata is limited to 512 characters, we use a short id to save space
       for (const file of e.detail) {
+        // Metadata is limited to 512 characters, we use a short id to save space
+        const id = uuidv4().substring(0, 8);
+        file.id = id;
         attachedFileMetadata = [
           ...attachedFileMetadata,
-          { id: uuidv4().substring(0, 8), name: file.name, type: file.type, status: 'uploading' }
+          {
+            id,
+            name: file.name,
+            type: file.type,
+            status: 'uploading'
+          }
         ];
       }
-
+      $storeForm.files = e.detail;
+      console.log("$storeForm.files", $storeForm.files)
+      uploadedFiles = [...e.detail];
       submit(e.detail);
     }}
     accept={ACCEPTED_FILE_TYPES}
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
new file mode 100644
index 000000000..546d07d4f
--- /dev/null
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -0,0 +1,87 @@
+<script lang="ts">
+  import { Button } from 'flowbite-svelte';
+  import { shortenFileName } from '$helpers/stringHelpers';
+  import { saveMessage } from '$helpers/chatHelpers';
+  import type { FileMetadata, LFFile } from '$lib/types/files';
+  import { threadsStore, toastStore } from '$stores';
+  import { FILE_TRANSLATION_ERROR } from '$constants/toastMessages';
+  import { tick } from 'svelte';
+  import { page } from '$app/stores';
+
+  export let uploadedFiles: LFFile[];
+  export let attachedFileMetadata: FileMetadata[];
+  export let threadId: string;
+
+  $: audioFiles = attachedFileMetadata.filter((file) => file.type.startsWith('audio/'));
+
+  const customBtnClass =
+    'rounded text-xs px-2.5 py-0.5 text-gray-500 bg-gray-100 hover:bg-gray-400 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-300 ';
+
+  const translateFile = async (fileMetadata: FileMetadata) => {
+    await threadsStore.setSendingBlocked(true);
+    try {
+      if (!threadId) {
+        // create new thread
+        await threadsStore.newThread(`Translate ${fileMetadata.name}`);
+        await tick(); // allow store to update
+        threadId = $page.params.thread_id;
+      }
+
+      const metadataToSave = attachedFileMetadata.find((f) => f.id === fileMetadata.id);
+      if (!metadataToSave) throw Error('Error getting file metadata');
+      // Save new user message
+      const newMessage = await saveMessage({
+        thread_id: threadId,
+        content: `Translate ${fileMetadata.name}`,
+        role: 'user',
+        metadata: {
+          filesMetadata: JSON.stringify([metadataToSave])
+        }
+      });
+      await threadsStore.addMessageToStore(newMessage);
+      // TODO - need to add to $chatMessages?
+
+      // translate
+      console.log('files', uploadedFiles);
+      console.log('file id', fileMetadata.id);
+      const file = uploadedFiles.find((f) => f.id === fileMetadata.id);
+      console.log('found file', file);
+      if (!file) throw Error('File not found');
+
+      const formData = new FormData();
+      formData.append('file', file);
+      const translateRes = await fetch(`/api/audio/translation`, {
+        method: 'POST',
+        body: formData
+      });
+      const translateResJson = await translateRes.json();
+      console.log('translateResJson', translateResJson);
+
+      // save translation response
+      const translationMessage = await saveMessage({
+        thread_id: threadId,
+        content: translateResJson.text,
+        role: 'assistant'
+      });
+      await threadsStore.addMessageToStore(translationMessage);
+    } catch (e) {
+      console.error(e);
+      toastStore.addToast(FILE_TRANSLATION_ERROR());
+      await threadsStore.setSendingBlocked(false);
+    }
+    await threadsStore.setSendingBlocked(false);
+  };
+</script>
+
+<div
+  id="uploaded-files-actions"
+  class={audioFiles.length > 0
+    ? 'ml-6 flex max-w-full  gap-2 overflow-x-auto bg-gray-700'
+    : 'hidden'}
+>
+  {#each audioFiles as file}
+    <Button color="dark" class={customBtnClass} on:click={() => translateFile(file)}
+      >{`Translate ${shortenFileName(file.name)}`}</Button
+    >
+  {/each}
+</div>
diff --git a/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte b/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
index 6f4b491eb..951bb8c67 100644
--- a/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
+++ b/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { fade } from 'svelte/transition';
-  import { CloseOutline, FileOutline } from 'flowbite-svelte-icons';
+  import { CloseOutline, FileMusicOutline, FileOutline } from 'flowbite-svelte-icons';
   import { getFileType } from '$lib/utils/files.js';
   import { Card, Spinner, ToolbarButton } from 'flowbite-svelte';
   import { createEventDispatcher } from 'svelte';
@@ -35,6 +35,12 @@
               size="lg"
               class="text-red-400 "
             />
+          {:else if fileMetadata.type.startsWith('audio/')}
+            <FileMusicOutline
+              data-testid={`${fileMetadata.name}-uploaded`}
+              size="lg"
+              color="white"
+            />
           {:else}
             <FileOutline data-testid={`${fileMetadata.name}-uploaded`} size="lg" color="white" />
           {/if}
diff --git a/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte b/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
index 1c6fef92b..45ff54819 100644
--- a/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
+++ b/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
@@ -12,7 +12,7 @@
 <div
   id="uploaded-files"
   class={attachedFileMetadata.length > 0
-    ? 'ml-6 flex max-w-full  gap-2 overflow-x-auto bg-gray-700 '
+    ? 'ml-6 flex max-w-full  gap-2 overflow-x-auto bg-gray-700'
     : 'hidden'}
 >
   {#each attachedFileMetadata as fileMetadata}
diff --git a/src/leapfrogai_ui/src/lib/constants/index.ts b/src/leapfrogai_ui/src/lib/constants/index.ts
index d40a5c716..3736f4714 100644
--- a/src/leapfrogai_ui/src/lib/constants/index.ts
+++ b/src/leapfrogai_ui/src/lib/constants/index.ts
@@ -6,7 +6,7 @@ export const MAX_AVATAR_SIZE = 5000000;
 export const MAX_FILE_SIZE = 512000000;
 export const MAX_AUDIO_FILE_SIZE = 25000000;
 export const MAX_FILE_NAME_SIZE = 27;
-export const MAX_NUM_FILES_UPLOAD = 50; // for chat completion
+export const MAX_NUM_FILES_UPLOAD = 10; // for chat completion
 
 // PER OPENAI SPEC
 export const ASSISTANTS_NAME_MAX_LENGTH = 256;
@@ -38,18 +38,6 @@ export const assistantDefaults: Omit<LFAssistant, 'id' | 'created_at'> = {
   temperature: 0.2,
   response_format: 'auto'
 };
-export const ACCEPTED_FILE_TYPES = [
-  '.pdf',
-  '.txt',
-  '.text',
-  '.xls',
-  '.xlsx',
-  '.ppt',
-  '.pptx',
-  '.doc',
-  '.docx',
-  '.csv'
-];
 
 export const ACCEPTED_AUDIO_FILE_TYPES = [
   '.flac',
@@ -63,10 +51,25 @@ export const ACCEPTED_AUDIO_FILE_TYPES = [
   '.webm'
 ];
 
+export const ACCEPTED_FILE_TYPES = [
+  '.pdf',
+  '.txt',
+  '.text',
+  '.xls',
+  '.xlsx',
+  '.ppt',
+  '.pptx',
+  '.doc',
+  '.docx',
+  '.csv',
+  ...ACCEPTED_AUDIO_FILE_TYPES
+];
+
 export const ACCEPTED_AUDIO_FILE_MIME_TYPES = [
   'audio/flac',
   'audio/mpeg',
   'audio/mp4',
+  'audio/x-m4a',
   'audio/mpeg',
   'audio/ogg',
   'audio/wav',
@@ -82,7 +85,8 @@ export const ACCEPTED_MIME_TYPES = [
   'application/vnd.openxmlformats-officedocument.presentationml.presentation', // .pptx
   'application/msword', // .doc
   'application/vnd.openxmlformats-officedocument.wordprocessingml.document', //.docx,
-  'text/csv'
+  'text/csv',
+  ...ACCEPTED_AUDIO_FILE_MIME_TYPES
 ];
 
 export const FILE_TYPE_MAP = {
@@ -95,7 +99,8 @@ export const FILE_TYPE_MAP = {
   'application/vnd.openxmlformats-officedocument.presentationml.presentation': 'PPTX',
   'application/msword': 'DOC',
   'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'DOCX',
-  'text/csv': 'CSV'
+  'text/csv': 'CSV',
+  ...ACCEPTED_AUDIO_FILE_MIME_TYPES.reduce((acc, type) => ({ ...acc, [type]: 'AUDIO' }), {})
 };
 
 export const NO_FILE_ERROR_TEXT = 'Please upload an image or select a pictogram';
diff --git a/src/leapfrogai_ui/src/lib/constants/toastMessages.ts b/src/leapfrogai_ui/src/lib/constants/toastMessages.ts
index a04760c2d..072987402 100644
--- a/src/leapfrogai_ui/src/lib/constants/toastMessages.ts
+++ b/src/leapfrogai_ui/src/lib/constants/toastMessages.ts
@@ -71,3 +71,10 @@ export const FILE_VECTOR_TIMEOUT_MSG_TOAST = (override: Partial<ToastData> = {})
   subtitle: 'There was an error processing assistant files',
   ...override
 });
+
+export const FILE_TRANSLATION_ERROR = (override: Partial<ToastData> = {}): ToastData => ({
+  kind: 'error',
+  title: 'Translation Error',
+  subtitle: 'There was an error translating your audio file',
+  ...override
+});
diff --git a/src/leapfrogai_ui/src/lib/schemas/files.ts b/src/leapfrogai_ui/src/lib/schemas/files.ts
index 9b856ac27..58fa37f33 100644
--- a/src/leapfrogai_ui/src/lib/schemas/files.ts
+++ b/src/leapfrogai_ui/src/lib/schemas/files.ts
@@ -9,16 +9,22 @@ import {
   MAX_AUDIO_FILE_SIZE,
   MAX_FILE_SIZE
 } from '$constants';
+import type {LFFile} from "$lib/types/files";
 
 export const filesSchema = object({
   files: array().of(
-    mixed<File>()
+    mixed<LFFile>()
       .test('fileType', 'Please upload a file.', (value) => value == null || value instanceof File)
       .test('fileSize', FILE_SIZE_ERROR_TEXT, (value) => {
         if (value == null) {
           return true;
         }
-        if (value.size > MAX_FILE_SIZE) {
+        // TODO - test that this error msg is used and not the one above
+        if (ACCEPTED_AUDIO_FILE_MIME_TYPES.includes(value.type)) {
+          if (value.size > MAX_AUDIO_FILE_SIZE) {
+            return new ValidationError(AUDIO_FILE_SIZE_ERROR_TEXT);
+          }
+        } else if (value.size > MAX_FILE_SIZE) {
           return new ValidationError(FILE_SIZE_ERROR_TEXT);
         }
         return true;
@@ -44,7 +50,7 @@ export const filesCheckSchema = object({
   .strict();
 
 export const fileSchema = object({
-  file: mixed<File>()
+  file: mixed<LFFile>()
     .test('fileType', 'File is required.', (value) => value == null || value instanceof File)
     .test('fileSize', FILE_SIZE_ERROR_TEXT, (value) => {
       if (value == null) {
@@ -68,10 +74,8 @@ export const fileSchema = object({
   .noUnknown(true)
   .strict();
 
-// TODO - max file size?
-// TODO - validate lf api accepted file types
 export const audioFileSchema = object({
-  file: mixed<File>()
+  file: mixed<LFFile>()
     .test('fileType', 'File is required.', (value) => value == null || value instanceof File)
     .test('fileSize', AUDIO_FILE_SIZE_ERROR_TEXT, (value) => {
       if (value == null) {
diff --git a/src/leapfrogai_ui/src/lib/types/files.d.ts b/src/leapfrogai_ui/src/lib/types/files.d.ts
index 37c8db5f0..70c29a404 100644
--- a/src/leapfrogai_ui/src/lib/types/files.d.ts
+++ b/src/leapfrogai_ui/src/lib/types/files.d.ts
@@ -27,3 +27,7 @@ export type FileMetadata = {
   text: string;
   errorText?: string;
 };
+
+export type LFFile = File & {
+  id?: string;
+}
\ No newline at end of file
diff --git a/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts b/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
index 637961fc3..31e6cef52 100644
--- a/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
+++ b/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
@@ -15,6 +15,7 @@ export const POST: RequestHandler = async ({ request, locals: { session } }) =>
   try {
     const formData = await request.formData();
     file = formData.get('file') as File;
+
     await audioFileSchema.validate({ file }, { abortEarly: false });
   } catch (e) {
     console.error('Validation error:', e);
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.server.ts b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.server.ts
index c5c3c35c7..050b8f600 100644
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.server.ts
+++ b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.server.ts
@@ -8,6 +8,7 @@ import { env } from '$env/dynamic/public';
 import { shortenFileName } from '$helpers/stringHelpers';
 import { APPROX_MAX_CHARACTERS, FILE_UPLOAD_PROMPT } from '$constants';
 import { ERROR_UPLOADING_FILE_MSG, FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
+import { v4 as uuidv4 } from 'uuid';
 
 // Ensure length of file context message does not exceed total context window when including the
 // file upload prompt, user's message, and string quotes
@@ -38,11 +39,24 @@ export const actions: Actions = {
 
     if (form.data.files && form.data.files.length > 0) {
       for (const file of form.data.files) {
+        console.log("Server side file", file)
         let text = '';
         if (file) {
           try {
             let buffer: ArrayBuffer;
             const contentType = file.type;
+
+            // Skip audio files
+            if (contentType.startsWith('audio/')) {
+              extractedFilesText.push({
+                id: file.id,
+                name: shortenFileName(file.name),
+                type: file.type,
+                text: 'Audio file contents were not processed',
+                status: 'complete'
+              });
+              continue;
+            }
             if (contentType !== 'application/pdf') {
               // Convert file to PDF
               const formData = new FormData();
@@ -74,6 +88,7 @@ export const actions: Actions = {
             }
 
             extractedFilesText.push({
+              id: file.id,
               name: shortenFileName(file.name),
               type: file.type,
               text,
@@ -87,6 +102,7 @@ export const actions: Actions = {
             );
             if (totalTextLength > ADJUSTED_MAX) {
               extractedFilesText[extractedFilesText.length - 1] = {
+                id: file.id,
                 name: shortenFileName(file.name),
                 type: file.type,
                 text: '',
@@ -97,6 +113,7 @@ export const actions: Actions = {
           } catch (e) {
             console.error(`Error uploading file: ${file}: ${e}`);
             extractedFilesText.push({
+              id: file.id,
               name: shortenFileName(file.name),
               type: file.type,
               text: '',
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
index 4613c9141..faff911ce 100644
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
+++ b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
@@ -24,17 +24,20 @@
   } from '$constants/toastMessages';
   import SelectAssistantDropdown from '$components/SelectAssistantDropdown.svelte';
   import { PaperPlaneOutline, StopOutline } from 'flowbite-svelte-icons';
-  import type { FileMetadata } from '$lib/types/files';
+  import type {FileMetadata, LFFile} from '$lib/types/files';
   import UploadedFileCards from '$components/UploadedFileCards.svelte';
   import ChatFileUploadForm from '$components/ChatFileUploadForm.svelte';
+  import FileChatActions from '$components/FileChatActions.svelte';
 
   export let data;
+  $: console.log('attachedFileMetadata', attachedFileMetadata)
 
   /** LOCAL VARS **/
   let lengthInvalid: boolean; // bound to child LFTextArea
   let assistantsList: Array<{ id: string; text: string }>;
   let uploadingFiles = false;
   let attachedFileMetadata: FileMetadata[] = [];
+  let uploadedFiles: LFFile[] = [];
   /** END LOCAL VARS **/
 
   /** REACTIVE STATE **/
@@ -236,7 +239,6 @@
         }
 
         // Save with API
-
         const newMessage = await saveMessage({
           thread_id: data.thread.id,
           content: $chatInput,
@@ -355,12 +357,17 @@
   <div id="chat-tools" class="flex flex-col gap-2 px-8">
     <SelectAssistantDropdown assistants={data?.assistants || []} />
 
-    <div class="flex flex-grow flex-col rounded-lg bg-gray-50 px-2 dark:bg-gray-700">
+    <div
+      class={twMerge(
+        'flex flex-grow flex-col gap-2.5 rounded-lg bg-gray-50 px-4 py-0 dark:bg-gray-700',
+        attachedFileMetadata.length > 0 && 'py-4'
+      )}
+    >
       <UploadedFileCards bind:attachedFileMetadata />
 
       <div id="chat-row" class="flex w-full items-center gap-1">
         {#if !assistantMode}
-          <ChatFileUploadForm bind:form={data.form} bind:uploadingFiles bind:attachedFileMetadata />
+          <ChatFileUploadForm bind:form={data.form} bind:uploadingFiles bind:uploadedFiles bind:attachedFileMetadata />
         {/if}
         <LFTextArea
           id="chat"
@@ -372,7 +379,7 @@
           {onSubmit}
           maxRows={10}
           innerWrappedClass="p-px bg-white dark:bg-gray-700"
-        ></LFTextArea>
+        />
 
         {#if !$isLoading && $status !== 'in_progress'}
           <ToolbarButton
@@ -401,6 +408,7 @@
           >
         {/if}
       </div>
+      <FileChatActions {attachedFileMetadata} threadId={data.thread?.id} bind:uploadedFiles/>
     </div>
   </div>
   <PoweredByDU />

From 4c4aa62fa748916bb602cde38c7818f588492c7f Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Mon, 16 Sep 2024 16:18:36 -0600
Subject: [PATCH 04/18] translation working

---
 src/leapfrogai_ui/src/app.d.ts                |   4 +-
 .../lib/components/ChatFileUploadForm.svelte  |  98 +++++++++++--
 .../src/lib/components/FileChatActions.svelte |  26 +++-
 src/leapfrogai_ui/src/lib/constants/index.ts  |   7 +
 .../routes/api/files/parse-text/+server.ts    |  65 +++++++++
 .../(dashboard)/[[thread_id]]/+page.server.ts | 131 ------------------
 .../(dashboard)/[[thread_id]]/+page.svelte    |   4 +-
 7 files changed, 184 insertions(+), 151 deletions(-)
 create mode 100644 src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
 delete mode 100644 src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.server.ts

diff --git a/src/leapfrogai_ui/src/app.d.ts b/src/leapfrogai_ui/src/app.d.ts
index d493910cc..8561f6557 100644
--- a/src/leapfrogai_ui/src/app.d.ts
+++ b/src/leapfrogai_ui/src/app.d.ts
@@ -9,7 +9,9 @@ import type { APIKeyRow } from '$lib/types/apiKeys';
 
 declare global {
   namespace App {
-    // interface Error {}
+    interface Error {
+      id?: string;
+    }
     interface Locals {
       supabase: SupabaseClient;
       safeGetSession: () => Promise<{ session: Session | null; user: User | null }>;
diff --git a/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte b/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
index 3d94f92a6..88ee52ea4 100644
--- a/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
+++ b/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ACCEPTED_FILE_TYPES, MAX_NUM_FILES_UPLOAD } from '$constants';
+  import { ACCEPTED_FILE_TYPES, ADJUSTED_MAX_CHARACTERS, MAX_NUM_FILES_UPLOAD } from '$constants';
   import { PaperClipOutline } from 'flowbite-svelte-icons';
   import { v4 as uuidv4 } from 'uuid';
   import LFFileUploadBtn from '$components/LFFileUploadBtn.svelte';
@@ -11,7 +11,9 @@
     ERROR_PROCESSING_FILE_MSG_TOAST,
     MAX_NUM_FILES_UPLOAD_MSG_TOAST
   } from '$constants/toastMessages';
-  import type {LFFile} from "$lib/types/files";
+  import type { LFFile } from '$lib/types/files';
+  import { ERROR_UPLOADING_FILE_MSG, FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
+  import { shortenFileName } from '$helpers/stringHelpers';
 
   export let form;
   export let uploadingFiles;
@@ -27,11 +29,7 @@
     });
   };
 
-  const {
-    form: storeForm,
-    enhance,
-    submit
-  } = superForm(form, {
+  const { enhance, submit } = superForm(form, {
     validators: yup(filesSchema),
     invalidateAll: false,
     onResult({ result, cancel }) {
@@ -48,6 +46,87 @@
       uploadingFiles = false;
     }
   });
+
+  const convertFiles = (files: LFFile[]) => {
+    const promises = [];
+    const parsedFiles = [];
+
+    for (const file of files) {
+      if (file.type.startsWith('audio/')) {
+        parsedFiles.push({
+          id: file.id,
+          name: shortenFileName(file.name),
+          type: file.type,
+          text: 'Audio file contents were not processed',
+          status: 'complete'
+        });
+      } else {
+        const formData = new FormData();
+        formData.append('file', file);
+
+        const promise = fetch('/api/files/parse-text', {
+          method: 'POST',
+          body: formData
+        })
+          .then(async (response) => {
+            if (!response.ok) {
+              return {
+                id: file.id,
+                name: shortenFileName(file.name),
+                type: file.type,
+                text: '',
+                status: 'error',
+                errorText: ERROR_UPLOADING_FILE_MSG
+              };
+            }
+
+            const result = await response.json();
+            return {
+              id: file.id,
+              name: shortenFileName(file.name),
+              type: file.type,
+              text: result.text,
+              status: 'complete'
+            };
+          })
+          .catch(() => {
+            return {
+              id: file.id,
+              name: shortenFileName(file.name),
+              type: file.type,
+              text: '',
+              status: 'error',
+              errorText: ERROR_UPLOADING_FILE_MSG
+            };
+          });
+
+        promises.push(promise);
+      }
+    }
+
+    Promise.all(promises).then((results) => {
+      parsedFiles.push(...results);
+      const totalTextLength = parsedFiles.reduce(
+        (acc, fileMetadata) => acc + JSON.stringify(fileMetadata).length,
+        0
+      );
+
+      // If this file adds too much text (larger than allowed max), remove the text and set to error status
+      if (totalTextLength > ADJUSTED_MAX_CHARACTERS) {
+        let lastFile = parsedFiles[parsedFiles.length - 1];
+        lastFile = {
+          id: lastFile.id,
+          name: shortenFileName(lastFile.name),
+          type: lastFile.type,
+          text: '',
+          status: 'error',
+          errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
+        };
+      }
+
+      attachedFileMetadata = parsedFiles;
+    });
+  };
 </script>
 
 <form method="POST" enctype="multipart/form-data" use:enhance>
@@ -77,10 +156,9 @@
           }
         ];
       }
-      $storeForm.files = e.detail;
-      console.log("$storeForm.files", $storeForm.files)
+
       uploadedFiles = [...e.detail];
-      submit(e.detail);
+      convertFiles(e.detail);
     }}
     accept={ACCEPTED_FILE_TYPES}
     disabled={uploadingFiles}
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index 546d07d4f..f429bef7a 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { Button } from 'flowbite-svelte';
+  import { Button, Spinner } from 'flowbite-svelte';
   import { shortenFileName } from '$helpers/stringHelpers';
   import { saveMessage } from '$helpers/chatHelpers';
   import type { FileMetadata, LFFile } from '$lib/types/files';
@@ -11,6 +11,7 @@
   export let uploadedFiles: LFFile[];
   export let attachedFileMetadata: FileMetadata[];
   export let threadId: string;
+  export let translating: boolean;
 
   $: audioFiles = attachedFileMetadata.filter((file) => file.type.startsWith('audio/'));
 
@@ -18,6 +19,7 @@
     'rounded text-xs px-2.5 py-0.5 text-gray-500 bg-gray-100 hover:bg-gray-400 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-300 ';
 
   const translateFile = async (fileMetadata: FileMetadata) => {
+    translating = true;
     await threadsStore.setSendingBlocked(true);
     try {
       if (!threadId) {
@@ -42,10 +44,7 @@
       // TODO - need to add to $chatMessages?
 
       // translate
-      console.log('files', uploadedFiles);
-      console.log('file id', fileMetadata.id);
       const file = uploadedFiles.find((f) => f.id === fileMetadata.id);
-      console.log('found file', file);
       if (!file) throw Error('File not found');
 
       const formData = new FormData();
@@ -55,7 +54,6 @@
         body: formData
       });
       const translateResJson = await translateRes.json();
-      console.log('translateResJson', translateResJson);
 
       // save translation response
       const translationMessage = await saveMessage({
@@ -64,12 +62,16 @@
         role: 'assistant'
       });
       await threadsStore.addMessageToStore(translationMessage);
+
+      uploadedFiles = uploadedFiles.filter((file) => file.id !== fileMetadata.id);
+      attachedFileMetadata = attachedFileMetadata.filter((file) => file.id !== fileMetadata.id);
     } catch (e) {
       console.error(e);
       toastStore.addToast(FILE_TRANSLATION_ERROR());
       await threadsStore.setSendingBlocked(false);
     }
     await threadsStore.setSendingBlocked(false);
+    translating = false;
   };
 </script>
 
@@ -80,8 +82,18 @@
     : 'hidden'}
 >
   {#each audioFiles as file}
-    <Button color="dark" class={customBtnClass} on:click={() => translateFile(file)}
-      >{`Translate ${shortenFileName(file.name)}`}</Button
+    <Button
+      color="dark"
+      class={customBtnClass}
+      on:click={() => translateFile(file)}
+      disabled={translating}
+    >
+      {#if translating}
+        <Spinner class="me-3" size="4" color="white" /><span
+          >{`Translating ${shortenFileName(file.name)}`}</span
+        >
+      {:else}
+        {`Translate ${shortenFileName(file.name)}`}{/if}</Button
     >
   {/each}
 </div>
diff --git a/src/leapfrogai_ui/src/lib/constants/index.ts b/src/leapfrogai_ui/src/lib/constants/index.ts
index 3736f4714..a020f7391 100644
--- a/src/leapfrogai_ui/src/lib/constants/index.ts
+++ b/src/leapfrogai_ui/src/lib/constants/index.ts
@@ -1,4 +1,5 @@
 import type { LFAssistant } from '$lib/types/assistants';
+import {env} from "$env/dynamic/public";
 
 export const MAX_LABEL_SIZE = 100;
 export const DEFAULT_ASSISTANT_TEMP = 0.2;
@@ -13,10 +14,13 @@ export const ASSISTANTS_NAME_MAX_LENGTH = 256;
 export const ASSISTANTS_DESCRIPTION_MAX_LENGTH = 512;
 export const ASSISTANTS_INSTRUCTIONS_MAX_LENGTH = 256000;
 
+
+
 // 1 token is approx 4 characters, whenever our max context window changes, this value will need to change
 // leave a small buffer to prevent overflowing context (ex. 32k context window, set here to 31.750k)
 export const APPROX_MAX_CHARACTERS = 31750;
 
+
 // TODO - once using API to save, these defaults should be returned by the POST call and would not need to be supplied
 // We only need to default the model and tools
 export const assistantDefaults: Omit<LFAssistant, 'id' | 'created_at'> = {
@@ -112,3 +116,6 @@ export const INVALID_AUDIO_FILE_TYPE_ERROR_TEXT = `Invalid file type, accepted t
 export const NO_SELECTED_ASSISTANT_ID = 'noSelectedAssistantId';
 
 export const FILE_UPLOAD_PROMPT = "The following are the user's files: ";
+
+export const ADJUSTED_MAX_CHARACTERS =
+    APPROX_MAX_CHARACTERS - Number(env.PUBLIC_MESSAGE_LENGTH_LIMIT) - FILE_UPLOAD_PROMPT.length - 2;
\ No newline at end of file
diff --git a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
new file mode 100644
index 000000000..10e349196
--- /dev/null
+++ b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
@@ -0,0 +1,65 @@
+import type { RequestHandler } from './$types';
+import * as mupdf from 'mupdf';
+import { error, json } from '@sveltejs/kit';
+import { fileSchema } from '$schemas/files';
+import { shortenFileName } from '$helpers/stringHelpers';
+import type { LFFile } from '$lib/types/files';
+
+export const POST: RequestHandler = async ({ request, fetch, locals: { session } }) => {
+  if (!session) {
+    error(401, 'Unauthorized');
+  }
+
+  let file: LFFile | null;
+  // Validate request body
+  try {
+    const formData = await request.formData();
+    file = formData.get('file') as LFFile;
+    await fileSchema.validate({ file }, { abortEarly: false });
+  } catch (e) {
+    console.error('Validation error:', e);
+    error(400, `Bad Request, File invalid: ${e}`);
+  }
+
+  try {
+    let text = '';
+    let buffer: ArrayBuffer;
+    const contentType = file.type;
+    if (contentType !== 'application/pdf') {
+      // Convert file to PDF
+      const formData = new FormData();
+      formData.append('file', file);
+      const convertRes = await fetch('/api/files/convert', {
+        method: 'POST',
+        body: formData
+      });
+
+      if (!convertRes.ok) {
+        return error(500, { message: 'Error converting file', id: file.id });
+      }
+
+      const convertedFileBlob = await convertRes.blob();
+      buffer = await convertedFileBlob.arrayBuffer();
+    } else buffer = await file.arrayBuffer();
+
+    const document = mupdf.Document.openDocument(buffer, 'application/pdf');
+    let i = 0;
+    while (i < document.countPages()) {
+      const page = document.loadPage(i);
+      const json = page.toStructuredText('preserve-whitespace').asJSON();
+      for (const block of JSON.parse(json).blocks) {
+        for (const line of block.lines) {
+          text += line.text;
+        }
+      }
+      i++;
+    }
+
+    return json({
+      text
+    });
+  } catch (e) {
+    console.error('file parse error', e);
+    error(500, { message: 'Internal Error', id: file.id });
+  }
+};
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.server.ts b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.server.ts
deleted file mode 100644
index 050b8f600..000000000
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.server.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import * as mupdf from 'mupdf';
-import { fail, superValidate, withFiles } from 'sveltekit-superforms';
-import { yup } from 'sveltekit-superforms/adapters';
-import type { Actions } from './$types';
-import { filesSchema } from '$schemas/files';
-import type { FileMetadata } from '$lib/types/files';
-import { env } from '$env/dynamic/public';
-import { shortenFileName } from '$helpers/stringHelpers';
-import { APPROX_MAX_CHARACTERS, FILE_UPLOAD_PROMPT } from '$constants';
-import { ERROR_UPLOADING_FILE_MSG, FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
-import { v4 as uuidv4 } from 'uuid';
-
-// Ensure length of file context message does not exceed total context window when including the
-// file upload prompt, user's message, and string quotes
-const ADJUSTED_MAX =
-  APPROX_MAX_CHARACTERS - Number(env.PUBLIC_MESSAGE_LENGTH_LIMIT) - FILE_UPLOAD_PROMPT.length - 2;
-
-export const actions: Actions = {
-  // Handles parsing text from files, will convert file to pdf if is not already
-  default: async ({ request, fetch, locals: { session } }) => {
-    if (!session) {
-      return fail(401, { message: 'Unauthorized' });
-    }
-
-    const form = await superValidate(request, yup(filesSchema));
-
-    if (!form.valid) {
-      console.log(
-        'Files form action: Invalid form submission.',
-        'id:',
-        form.id,
-        'errors:',
-        form.errors
-      );
-      return fail(400, { form });
-    }
-
-    const extractedFilesText: FileMetadata[] = [];
-
-    if (form.data.files && form.data.files.length > 0) {
-      for (const file of form.data.files) {
-        console.log("Server side file", file)
-        let text = '';
-        if (file) {
-          try {
-            let buffer: ArrayBuffer;
-            const contentType = file.type;
-
-            // Skip audio files
-            if (contentType.startsWith('audio/')) {
-              extractedFilesText.push({
-                id: file.id,
-                name: shortenFileName(file.name),
-                type: file.type,
-                text: 'Audio file contents were not processed',
-                status: 'complete'
-              });
-              continue;
-            }
-            if (contentType !== 'application/pdf') {
-              // Convert file to PDF
-              const formData = new FormData();
-              formData.append('file', file);
-              const convertRes = await fetch('/api/files/convert', {
-                method: 'POST',
-                body: formData
-              });
-
-              if (!convertRes.ok) {
-                throw new Error('Error converting file'); //caught locally
-              }
-
-              const convertedFileBlob = await convertRes.blob();
-              buffer = await convertedFileBlob.arrayBuffer();
-            } else buffer = await file.arrayBuffer();
-
-            const document = mupdf.Document.openDocument(buffer, 'application/pdf');
-            let i = 0;
-            while (i < document.countPages()) {
-              const page = document.loadPage(i);
-              const json = page.toStructuredText('preserve-whitespace').asJSON();
-              for (const block of JSON.parse(json).blocks) {
-                for (const line of block.lines) {
-                  text += line.text;
-                }
-              }
-              i++;
-            }
-
-            extractedFilesText.push({
-              id: file.id,
-              name: shortenFileName(file.name),
-              type: file.type,
-              text,
-              status: 'complete'
-            });
-
-            // If this file adds too much text (larger than allowed max), remove the text and set to error status
-            const totalTextLength = extractedFilesText.reduce(
-              (acc, fileMetadata) => acc + JSON.stringify(fileMetadata).length,
-              0
-            );
-            if (totalTextLength > ADJUSTED_MAX) {
-              extractedFilesText[extractedFilesText.length - 1] = {
-                id: file.id,
-                name: shortenFileName(file.name),
-                type: file.type,
-                text: '',
-                status: 'error',
-                errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
-              };
-            }
-          } catch (e) {
-            console.error(`Error uploading file: ${file}: ${e}`);
-            extractedFilesText.push({
-              id: file.id,
-              name: shortenFileName(file.name),
-              type: file.type,
-              text: '',
-              status: 'error',
-              errorText: ERROR_UPLOADING_FILE_MSG
-            });
-          }
-        }
-      }
-
-      return withFiles({ extractedFilesText, form });
-    }
-    return fail(400, { form });
-  }
-};
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
index faff911ce..6cde7b37b 100644
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
+++ b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
@@ -30,7 +30,7 @@
   import FileChatActions from '$components/FileChatActions.svelte';
 
   export let data;
-  $: console.log('attachedFileMetadata', attachedFileMetadata)
+  $: console.log('$chatMessages', $chatMessages)
 
   /** LOCAL VARS **/
   let lengthInvalid: boolean; // bound to child LFTextArea
@@ -408,7 +408,7 @@
           >
         {/if}
       </div>
-      <FileChatActions {attachedFileMetadata} threadId={data.thread?.id} bind:uploadedFiles/>
+      <FileChatActions bind:attachedFileMetadata threadId={data.thread?.id} bind:uploadedFiles/>
     </div>
   </div>
   <PoweredByDU />

From 26cf95fcc2972541f083855d5d3db313514df72b Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Mon, 16 Sep 2024 17:05:53 -0600
Subject: [PATCH 05/18] style multiple

---
 .../lib/components/ChatFileUploadForm.svelte  | 228 ++++++++----------
 .../src/lib/components/FileChatActions.svelte |  44 ++--
 .../routes/api/files/parse-text/+server.ts    |   1 -
 .../(dashboard)/[[thread_id]]/+page.svelte    |   3 +-
 .../chat/(dashboard)/[[thread_id]]/+page.ts   |   6 +-
 5 files changed, 131 insertions(+), 151 deletions(-)

diff --git a/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte b/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
index 88ee52ea4..3162a10b2 100644
--- a/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
+++ b/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
@@ -3,9 +3,6 @@
   import { PaperClipOutline } from 'flowbite-svelte-icons';
   import { v4 as uuidv4 } from 'uuid';
   import LFFileUploadBtn from '$components/LFFileUploadBtn.svelte';
-  import { superForm } from 'sveltekit-superforms';
-  import { yup } from 'sveltekit-superforms/adapters';
-  import { filesSchema } from '$schemas/files';
   import { toastStore } from '$stores';
   import {
     ERROR_PROCESSING_FILE_MSG_TOAST,
@@ -15,7 +12,6 @@
   import { ERROR_UPLOADING_FILE_MSG, FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
   import { shortenFileName } from '$helpers/stringHelpers';
 
-  export let form;
   export let uploadingFiles;
   export let attachedFileMetadata;
   export let uploadedFiles: LFFile[];
@@ -29,47 +25,51 @@
     });
   };
 
-  const { enhance, submit } = superForm(form, {
-    validators: yup(filesSchema),
-    invalidateAll: false,
-    onResult({ result, cancel }) {
-      uploadingFiles = false;
-      if (result.type === 'success') {
-        attachedFileMetadata = result.data.extractedFilesText;
-      } else {
-        handleUploadError('Internal Error');
-      }
-      cancel(); // cancel the rest of the event chain and any form updates to prevent losing focus of chat input
-    },
-    onError(e) {
-      handleUploadError(e.result.error.message);
-      uploadingFiles = false;
-    }
-  });
-
   const convertFiles = (files: LFFile[]) => {
-    const promises = [];
-    const parsedFiles = [];
+    uploadingFiles = true;
+    try {
+      const promises = [];
+      const parsedFiles = [];
 
-    for (const file of files) {
-      if (file.type.startsWith('audio/')) {
-        parsedFiles.push({
-          id: file.id,
-          name: shortenFileName(file.name),
-          type: file.type,
-          text: 'Audio file contents were not processed',
-          status: 'complete'
-        });
-      } else {
-        const formData = new FormData();
-        formData.append('file', file);
+      for (const file of files) {
+        if (file.type.startsWith('audio/')) {
+          parsedFiles.push({
+            id: file.id,
+            name: shortenFileName(file.name),
+            type: file.type,
+            text: 'Audio file contents were not processed',
+            status: 'complete'
+          });
+        } else {
+          const formData = new FormData();
+          formData.append('file', file);
+
+          const promise = fetch('/api/files/parse-text', {
+            method: 'POST',
+            body: formData
+          })
+            .then(async (response) => {
+              if (!response.ok) {
+                return {
+                  id: file.id,
+                  name: shortenFileName(file.name),
+                  type: file.type,
+                  text: '',
+                  status: 'error',
+                  errorText: ERROR_UPLOADING_FILE_MSG
+                };
+              }
 
-        const promise = fetch('/api/files/parse-text', {
-          method: 'POST',
-          body: formData
-        })
-          .then(async (response) => {
-            if (!response.ok) {
+              const result = await response.json();
+              return {
+                id: file.id,
+                name: shortenFileName(file.name),
+                type: file.type,
+                text: result.text,
+                status: 'complete'
+              };
+            })
+            .catch(() => {
               return {
                 id: file.id,
                 name: shortenFileName(file.name),
@@ -78,93 +78,75 @@
                 status: 'error',
                 errorText: ERROR_UPLOADING_FILE_MSG
               };
-            }
+            });
 
-            const result = await response.json();
-            return {
-              id: file.id,
-              name: shortenFileName(file.name),
-              type: file.type,
-              text: result.text,
-              status: 'complete'
-            };
-          })
-          .catch(() => {
-            return {
-              id: file.id,
-              name: shortenFileName(file.name),
-              type: file.type,
-              text: '',
-              status: 'error',
-              errorText: ERROR_UPLOADING_FILE_MSG
-            };
-          });
-
-        promises.push(promise);
+          promises.push(promise);
+        }
       }
-    }
 
-    Promise.all(promises).then((results) => {
-      parsedFiles.push(...results);
-      const totalTextLength = parsedFiles.reduce(
-        (acc, fileMetadata) => acc + JSON.stringify(fileMetadata).length,
-        0
-      );
+      Promise.all(promises).then((results) => {
+        parsedFiles.push(...results);
+        const totalTextLength = parsedFiles.reduce(
+          (acc, fileMetadata) => acc + JSON.stringify(fileMetadata).length,
+          0
+        );
 
-      // If this file adds too much text (larger than allowed max), remove the text and set to error status
-      if (totalTextLength > ADJUSTED_MAX_CHARACTERS) {
-        let lastFile = parsedFiles[parsedFiles.length - 1];
-        lastFile = {
-          id: lastFile.id,
-          name: shortenFileName(lastFile.name),
-          type: lastFile.type,
-          text: '',
-          status: 'error',
-          errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
-        };
-      }
+        // If this file adds too much text (larger than allowed max), remove the text and set to error status
+        if (totalTextLength > ADJUSTED_MAX_CHARACTERS) {
+          let lastFile = parsedFiles[parsedFiles.length - 1];
+          lastFile = {
+            id: lastFile.id,
+            name: shortenFileName(lastFile.name),
+            type: lastFile.type,
+            text: '',
+            status: 'error',
+            errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
+          };
+        }
 
-      attachedFileMetadata = parsedFiles;
-    });
+        attachedFileMetadata = parsedFiles;
+      });
+    } catch {
+      handleUploadError('Internal Error');
+    }
+    uploadingFiles = false;
   };
 </script>
 
-<form method="POST" enctype="multipart/form-data" use:enhance>
-  <LFFileUploadBtn
-    testId="upload-file-btn"
-    name="files"
-    outline
-    multiple
-    size="sm"
-    on:change={(e) => {
-      if (e.detail.length > MAX_NUM_FILES_UPLOAD) {
-        toastStore.addToast(MAX_NUM_FILES_UPLOAD_MSG_TOAST());
-        return;
-      }
-      uploadingFiles = true;
-      for (const file of e.detail) {
-        // Metadata is limited to 512 characters, we use a short id to save space
-        const id = uuidv4().substring(0, 8);
-        file.id = id;
-        attachedFileMetadata = [
-          ...attachedFileMetadata,
-          {
-            id,
-            name: file.name,
-            type: file.type,
-            status: 'uploading'
-          }
-        ];
-      }
+<LFFileUploadBtn
+  testId="upload-file-btn"
+  name="files"
+  outline
+  multiple
+  size="sm"
+  on:change={(e) => {
+    if (e.detail.length > MAX_NUM_FILES_UPLOAD) {
+      toastStore.addToast(MAX_NUM_FILES_UPLOAD_MSG_TOAST());
+      return;
+    }
+    uploadingFiles = true;
+    for (const file of e.detail) {
+      // Metadata is limited to 512 characters, we use a short id to save space
+      const id = uuidv4().substring(0, 8);
+      file.id = id;
+      attachedFileMetadata = [
+        ...attachedFileMetadata,
+        {
+          id,
+          name: file.name,
+          type: file.type,
+          status: 'uploading'
+        }
+      ];
+    }
 
-      uploadedFiles = [...e.detail];
-      convertFiles(e.detail);
-    }}
-    accept={ACCEPTED_FILE_TYPES}
-    disabled={uploadingFiles}
-    class="remove-btn-style flex  rounded-lg  p-1.5 text-gray-500 hover:bg-inherit dark:hover:bg-inherit"
-  >
-    <PaperClipOutline class="text-gray-300" />
-    <span class="sr-only">Attach file</span>
-  </LFFileUploadBtn>
-</form>
+    uploadedFiles = [...e.detail];
+    convertFiles(e.detail);
+  }}
+  accept={ACCEPTED_FILE_TYPES}
+  disabled={uploadingFiles}
+  class="remove-btn-style flex  rounded-lg  p-1.5 text-gray-500 hover:bg-inherit dark:hover:bg-inherit"
+>
+  <PaperClipOutline class="text-gray-300" />
+  <span class="sr-only">Attach file</span>
+</LFFileUploadBtn>
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index f429bef7a..fbb0de14f 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { Button, Spinner } from 'flowbite-svelte';
+  import { fade } from 'svelte/transition';
   import { shortenFileName } from '$helpers/stringHelpers';
   import { saveMessage } from '$helpers/chatHelpers';
   import type { FileMetadata, LFFile } from '$lib/types/files';
@@ -11,15 +12,16 @@
   export let uploadedFiles: LFFile[];
   export let attachedFileMetadata: FileMetadata[];
   export let threadId: string;
-  export let translating: boolean;
+
+  let translatingId: string;
 
   $: audioFiles = attachedFileMetadata.filter((file) => file.type.startsWith('audio/'));
 
   const customBtnClass =
-    'rounded text-xs px-2.5 py-0.5 text-gray-500 bg-gray-100 hover:bg-gray-400 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-300 ';
+    'rounded text-xs px-2.5 py-0.5 text-gray-500 bg-gray-100 hover:bg-gray-400 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-300 truncate';
 
   const translateFile = async (fileMetadata: FileMetadata) => {
-    translating = true;
+    translatingId = fileMetadata.id || 'unknown';
     await threadsStore.setSendingBlocked(true);
     try {
       if (!threadId) {
@@ -65,35 +67,37 @@
 
       uploadedFiles = uploadedFiles.filter((file) => file.id !== fileMetadata.id);
       attachedFileMetadata = attachedFileMetadata.filter((file) => file.id !== fileMetadata.id);
-    } catch (e) {
-      console.error(e);
+    } catch {
+      translatingId = '';
       toastStore.addToast(FILE_TRANSLATION_ERROR());
       await threadsStore.setSendingBlocked(false);
     }
     await threadsStore.setSendingBlocked(false);
-    translating = false;
+    translatingId = '';
   };
 </script>
 
 <div
   id="uploaded-files-actions"
   class={audioFiles.length > 0
-    ? 'ml-6 flex max-w-full  gap-2 overflow-x-auto bg-gray-700'
+    ? 'ml-6 flex max-w-full gap-2 overflow-x-auto bg-gray-700'
     : 'hidden'}
 >
   {#each audioFiles as file}
-    <Button
-      color="dark"
-      class={customBtnClass}
-      on:click={() => translateFile(file)}
-      disabled={translating}
-    >
-      {#if translating}
-        <Spinner class="me-3" size="4" color="white" /><span
-          >{`Translating ${shortenFileName(file.name)}`}</span
-        >
-      {:else}
-        {`Translate ${shortenFileName(file.name)}`}{/if}</Button
-    >
+    <div in:fade={{ duration: 150 }} out:fade={{ duration: 150 }}>
+      <Button
+        color="dark"
+        class={customBtnClass}
+        on:click={() => translateFile(file)}
+        disabled={translatingId}
+      >
+        {#if translatingId === file.id}
+          <Spinner class="me-2" size="2" color="white" /><span
+            >{`Translating ${shortenFileName(file.name)}`}</span
+          >
+        {:else}
+          {`Translate ${shortenFileName(file.name)}`}{/if}</Button
+      >
+    </div>
   {/each}
 </div>
diff --git a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
index 10e349196..65f56db19 100644
--- a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
+++ b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
@@ -2,7 +2,6 @@ import type { RequestHandler } from './$types';
 import * as mupdf from 'mupdf';
 import { error, json } from '@sveltejs/kit';
 import { fileSchema } from '$schemas/files';
-import { shortenFileName } from '$helpers/stringHelpers';
 import type { LFFile } from '$lib/types/files';
 
 export const POST: RequestHandler = async ({ request, fetch, locals: { session } }) => {
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
index 6cde7b37b..e3986d5b7 100644
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
+++ b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
@@ -30,7 +30,6 @@
   import FileChatActions from '$components/FileChatActions.svelte';
 
   export let data;
-  $: console.log('$chatMessages', $chatMessages)
 
   /** LOCAL VARS **/
   let lengthInvalid: boolean; // bound to child LFTextArea
@@ -367,7 +366,7 @@
 
       <div id="chat-row" class="flex w-full items-center gap-1">
         {#if !assistantMode}
-          <ChatFileUploadForm bind:form={data.form} bind:uploadingFiles bind:uploadedFiles bind:attachedFileMetadata />
+          <ChatFileUploadForm bind:uploadingFiles bind:uploadedFiles bind:attachedFileMetadata />
         {/if}
         <LFTextArea
           id="chat"
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.ts b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.ts
index 064331c1c..b3ab7fbec 100644
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.ts
+++ b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.ts
@@ -2,13 +2,9 @@ import type { PageLoad } from './$types';
 import { browser } from '$app/environment';
 import type { LFThread } from '$lib/types/threads';
 import { threadsStore } from '$stores';
-import { superValidate } from 'sveltekit-superforms';
-import { yup } from 'sveltekit-superforms/adapters';
-import { filesSchema } from '$schemas/files';
 
 export const load: PageLoad = async ({ params, fetch }) => {
   const promises = [fetch('/api/assistants'), fetch('/api/files')];
-  const form = await superValidate(yup(filesSchema));
 
   if (params.thread_id) promises.push(fetch(`/api/threads/${params.thread_id}`));
 
@@ -29,5 +25,5 @@ export const load: PageLoad = async ({ params, fetch }) => {
     }
   }
 
-  return { thread, assistants, files, form };
+  return { thread, assistants, files };
 };

From 7bd9f56273b8d1dd0a72f16dac42e2b12889b7ee Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Tue, 17 Sep 2024 11:01:06 -0600
Subject: [PATCH 06/18] style fixes, fix same file double upload

---
 ...ploadForm.svelte => ChatFileUpload.svelte} | 85 ++++++++++---------
 .../src/lib/components/FileChatActions.svelte | 20 +++--
 .../lib/components/UploadedFileCard.svelte    |  2 +-
 .../lib/components/UploadedFileCards.svelte   |  4 +-
 src/leapfrogai_ui/src/lib/stores/threads.ts   |  8 ++
 .../(dashboard)/[[thread_id]]/+page.svelte    | 17 ++--
 6 files changed, 78 insertions(+), 58 deletions(-)
 rename src/leapfrogai_ui/src/lib/components/{ChatFileUploadForm.svelte => ChatFileUpload.svelte} (72%)

diff --git a/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
similarity index 72%
rename from src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
rename to src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
index 3162a10b2..e63fc0461 100644
--- a/src/leapfrogai_ui/src/lib/components/ChatFileUploadForm.svelte
+++ b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
@@ -14,7 +14,9 @@
 
   export let uploadingFiles;
   export let attachedFileMetadata;
-  export let uploadedFiles: LFFile[];
+  export let attachedFiles: LFFile[];
+
+  let fileUploadBtnRef: HTMLInputElement;
 
   const handleUploadError = (errorMsg) => {
     uploadingFiles = false;
@@ -54,7 +56,7 @@
                   id: file.id,
                   name: shortenFileName(file.name),
                   type: file.type,
-                  text: '',
+                  text: ERROR_UPLOADING_FILE_MSG,
                   status: 'error',
                   errorText: ERROR_UPLOADING_FILE_MSG
                 };
@@ -74,7 +76,7 @@
                 id: file.id,
                 name: shortenFileName(file.name),
                 type: file.type,
-                text: '',
+                text: ERROR_UPLOADING_FILE_MSG,
                 status: 'error',
                 errorText: ERROR_UPLOADING_FILE_MSG
               };
@@ -113,40 +115,45 @@
   };
 </script>
 
-<LFFileUploadBtn
-  testId="upload-file-btn"
-  name="files"
-  outline
-  multiple
-  size="sm"
-  on:change={(e) => {
-    if (e.detail.length > MAX_NUM_FILES_UPLOAD) {
-      toastStore.addToast(MAX_NUM_FILES_UPLOAD_MSG_TOAST());
-      return;
-    }
-    uploadingFiles = true;
-    for (const file of e.detail) {
-      // Metadata is limited to 512 characters, we use a short id to save space
-      const id = uuidv4().substring(0, 8);
-      file.id = id;
-      attachedFileMetadata = [
-        ...attachedFileMetadata,
-        {
-          id,
-          name: file.name,
-          type: file.type,
-          status: 'uploading'
-        }
-      ];
-    }
 
-    uploadedFiles = [...e.detail];
-    convertFiles(e.detail);
-  }}
-  accept={ACCEPTED_FILE_TYPES}
-  disabled={uploadingFiles}
-  class="remove-btn-style flex  rounded-lg  p-1.5 text-gray-500 hover:bg-inherit dark:hover:bg-inherit"
->
-  <PaperClipOutline class="text-gray-300" />
-  <span class="sr-only">Attach file</span>
-</LFFileUploadBtn>
+  <LFFileUploadBtn
+    bind:ref={fileUploadBtnRef}
+    testId="upload-file-btn"
+    name="files"
+    outline
+    multiple
+    size="sm"
+    on:change={(e) => {
+      if (e.detail.length > MAX_NUM_FILES_UPLOAD) {
+        e.detail.pop();
+        toastStore.addToast(MAX_NUM_FILES_UPLOAD_MSG_TOAST());
+        return;
+      }
+      uploadingFiles = true;
+      for (const file of e.detail) {
+        // Metadata is limited to 512 characters, we use a short id to save space
+        const id = uuidv4().substring(0, 8);
+        file.id = id;
+        attachedFileMetadata = [
+          ...attachedFileMetadata,
+          {
+            id,
+            name: file.name,
+            type: file.type,
+            status: 'uploading'
+          }
+        ];
+      }
+
+      attachedFiles = [...e.detail];
+      convertFiles(e.detail);
+      fileUploadBtnRef.value = '';
+    }}
+    accept={ACCEPTED_FILE_TYPES}
+    disabled={uploadingFiles}
+    class="remove-btn-style flex  rounded-lg  p-1.5 text-gray-500 hover:bg-inherit dark:hover:bg-inherit"
+  >
+    <PaperClipOutline class="text-gray-300" />
+    <span class="sr-only">Attach file</span>
+  </LFFileUploadBtn>
+
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index fbb0de14f..4dee72bbb 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -8,10 +8,13 @@
   import { FILE_TRANSLATION_ERROR } from '$constants/toastMessages';
   import { tick } from 'svelte';
   import { page } from '$app/stores';
+  import type { Message } from 'ai';
 
-  export let uploadedFiles: LFFile[];
+  export let attachedFiles: LFFile[];
   export let attachedFileMetadata: FileMetadata[];
   export let threadId: string;
+  export let originalMessages: Message[];
+  export let setMessages: (messages: Message[]) => void;
 
   let translatingId: string;
 
@@ -21,7 +24,11 @@
     'rounded text-xs px-2.5 py-0.5 text-gray-500 bg-gray-100 hover:bg-gray-400 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-300 truncate';
 
   const translateFile = async (fileMetadata: FileMetadata) => {
-    translatingId = fileMetadata.id || 'unknown';
+    if (!fileMetadata.id) {
+      toastStore.addToast(FILE_TRANSLATION_ERROR());
+      return;
+    }
+    translatingId = fileMetadata.id;
     await threadsStore.setSendingBlocked(true);
     try {
       if (!threadId) {
@@ -43,10 +50,10 @@
         }
       });
       await threadsStore.addMessageToStore(newMessage);
-      // TODO - need to add to $chatMessages?
+      threadsStore.updateMessagesState(originalMessages, setMessages, newMessage);
 
       // translate
-      const file = uploadedFiles.find((f) => f.id === fileMetadata.id);
+      const file = attachedFiles.find((f) => f.id === fileMetadata.id);
       if (!file) throw Error('File not found');
 
       const formData = new FormData();
@@ -64,13 +71,12 @@
         role: 'assistant'
       });
       await threadsStore.addMessageToStore(translationMessage);
+      threadsStore.updateMessagesState(originalMessages, setMessages, translationMessage);
 
-      uploadedFiles = uploadedFiles.filter((file) => file.id !== fileMetadata.id);
+      attachedFiles = attachedFiles.filter((file) => file.id !== fileMetadata.id);
       attachedFileMetadata = attachedFileMetadata.filter((file) => file.id !== fileMetadata.id);
     } catch {
-      translatingId = '';
       toastStore.addToast(FILE_TRANSLATION_ERROR());
-      await threadsStore.setSendingBlocked(false);
     }
     await threadsStore.setSendingBlocked(false);
     translatingId = '';
diff --git a/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte b/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
index 951bb8c67..3c57e0ce1 100644
--- a/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
+++ b/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
@@ -20,7 +20,7 @@
     data-testid={`${fileMetadata.name}-file-uploaded-card`}
     horizontal
     padding="xs"
-    class="w-80 min-w-72"
+    class="w-80 min-w-72 border-none"
     on:mouseenter={() => (hovered = true)}
     on:mouseleave={() => (hovered = false)}
   >
diff --git a/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte b/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
index 45ff54819..3ff26dc79 100644
--- a/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
+++ b/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
@@ -1,11 +1,13 @@
 <script lang="ts">
   import UploadedFileCard from '$components/UploadedFileCard.svelte';
-  import type { FileMetadata } from '$lib/types/files';
+  import type {FileMetadata, LFFile} from '$lib/types/files';
 
+  export let attachedFiles: LFFile[];
   export let attachedFileMetadata: FileMetadata[];
 
   const handleRemoveFile = (id: string) => {
     attachedFileMetadata = attachedFileMetadata.filter((file) => file.id !== id);
+    attachedFiles = attachedFiles.filter((file) => file.id !== id);
   };
 </script>
 
diff --git a/src/leapfrogai_ui/src/lib/stores/threads.ts b/src/leapfrogai_ui/src/lib/stores/threads.ts
index 354f5e14c..273875b8a 100644
--- a/src/leapfrogai_ui/src/lib/stores/threads.ts
+++ b/src/leapfrogai_ui/src/lib/stores/threads.ts
@@ -8,6 +8,7 @@ import type { LFThread, NewThreadInput } from '$lib/types/threads';
 import type { LFMessage } from '$lib/types/messages';
 import { getMessageText } from '$helpers/threads';
 import { saveMessage } from '$helpers/chatHelpers';
+import type { Message } from 'ai';
 
 type ThreadsStore = {
   threads: LFThread[];
@@ -208,6 +209,13 @@ const createThreadsStore = () => {
         });
       }
     },
+    updateMessagesState: (
+      originalMessages: Message[],
+      setMessages: (messages: Message[]) => void,
+      newMessage: LFMessage
+    ) => {
+      setMessages([...originalMessages, { ...newMessage, content: getMessageText(newMessage) }]);
+    },
     deleteThread: async (id: string) => {
       try {
         await deleteThread(id);
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
index e3986d5b7..102c412f1 100644
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
+++ b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
@@ -26,7 +26,7 @@
   import { PaperPlaneOutline, StopOutline } from 'flowbite-svelte-icons';
   import type {FileMetadata, LFFile} from '$lib/types/files';
   import UploadedFileCards from '$components/UploadedFileCards.svelte';
-  import ChatFileUploadForm from '$components/ChatFileUploadForm.svelte';
+  import ChatFileUploadForm from '$components/ChatFileUpload.svelte';
   import FileChatActions from '$components/FileChatActions.svelte';
 
   export let data;
@@ -35,8 +35,8 @@
   let lengthInvalid: boolean; // bound to child LFTextArea
   let assistantsList: Array<{ id: string; text: string }>;
   let uploadingFiles = false;
-  let attachedFileMetadata: FileMetadata[] = [];
-  let uploadedFiles: LFFile[] = [];
+  let attachedFiles: LFFile[] = []; // the actual files uploaded
+  let attachedFileMetadata: FileMetadata[] = []; // metadata about the files uploaded, e.g. upload status, extracted text, etc...
   /** END LOCAL VARS **/
 
   /** REACTIVE STATE **/
@@ -231,10 +231,7 @@
             },
             lengthOverride: true
           });
-          setChatMessages([
-            ...$chatMessages,
-            { ...contextMsg, content: getMessageText(contextMsg) }
-          ]);
+          threadsStore.updateMessagesState($chatMessages, setChatMessages, contextMsg)
         }
 
         // Save with API
@@ -362,11 +359,11 @@
         attachedFileMetadata.length > 0 && 'py-4'
       )}
     >
-      <UploadedFileCards bind:attachedFileMetadata />
+      <UploadedFileCards bind:attachedFileMetadata bind:attachedFiles/>
 
       <div id="chat-row" class="flex w-full items-center gap-1">
         {#if !assistantMode}
-          <ChatFileUploadForm bind:uploadingFiles bind:uploadedFiles bind:attachedFileMetadata />
+          <ChatFileUploadForm bind:uploadingFiles bind:attachedFiles bind:attachedFileMetadata />
         {/if}
         <LFTextArea
           id="chat"
@@ -407,7 +404,7 @@
           >
         {/if}
       </div>
-      <FileChatActions bind:attachedFileMetadata threadId={data.thread?.id} bind:uploadedFiles/>
+      <FileChatActions bind:attachedFileMetadata threadId={data.thread?.id} bind:attachedFiles originalMessages={$chatMessages} setMessages={setChatMessages}/>
     </div>
   </div>
   <PoweredByDU />

From 92b9f16dedb5ef843024ade508e464e326dea30d Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Tue, 17 Sep 2024 13:28:19 -0600
Subject: [PATCH 07/18] refactor unit test to not use form action

---
 .../src/lib/components/ChatFileUpload.svelte  |  82 ++++-----
 .../lib/components/UploadedFileCards.svelte   |   2 +-
 src/leapfrogai_ui/src/lib/constants/index.ts  |   7 +-
 .../src/lib/helpers/apiHelpers.ts             |  35 ++++
 src/leapfrogai_ui/src/lib/mocks/openai.ts     |   7 +-
 src/leapfrogai_ui/src/lib/schemas/files.ts    |   2 +-
 src/leapfrogai_ui/src/lib/types/files.d.ts    |   2 +-
 .../api/audio/translation/server.test.ts      |  17 +-
 .../routes/api/files/convert/server.test.ts   |  18 +-
 .../routes/api/files/parse-text/+server.ts    |  10 +-
 .../api/files/parse-text/server.test.ts       | 153 +++++++++++++++
 .../(dashboard)/[[thread_id]]/+page.svelte    |  14 +-
 .../[[thread_id]]/form-action.test.ts         | 174 ------------------
 13 files changed, 259 insertions(+), 264 deletions(-)
 create mode 100644 src/leapfrogai_ui/src/lib/helpers/apiHelpers.ts
 create mode 100644 src/leapfrogai_ui/src/routes/api/files/parse-text/server.test.ts
 delete mode 100644 src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/form-action.test.ts

diff --git a/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
index e63fc0461..d23ee221b 100644
--- a/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
+++ b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
@@ -96,7 +96,7 @@
         // If this file adds too much text (larger than allowed max), remove the text and set to error status
         if (totalTextLength > ADJUSTED_MAX_CHARACTERS) {
           let lastFile = parsedFiles[parsedFiles.length - 1];
-          lastFile = {
+          parsedFiles[parsedFiles.length - 1] = {
             id: lastFile.id,
             name: shortenFileName(lastFile.name),
             type: lastFile.type,
@@ -115,45 +115,43 @@
   };
 </script>
 
+<LFFileUploadBtn
+  bind:ref={fileUploadBtnRef}
+  testId="upload-file-btn"
+  name="files"
+  outline
+  multiple
+  size="sm"
+  on:change={(e) => {
+    if (e.detail.length > MAX_NUM_FILES_UPLOAD) {
+      e.detail.pop();
+      toastStore.addToast(MAX_NUM_FILES_UPLOAD_MSG_TOAST());
+      return;
+    }
+    uploadingFiles = true;
+    for (const file of e.detail) {
+      // Metadata is limited to 512 characters, we use a short id to save space
+      const id = uuidv4().substring(0, 8);
+      file.id = id;
+      attachedFileMetadata = [
+        ...attachedFileMetadata,
+        {
+          id,
+          name: file.name,
+          type: file.type,
+          status: 'uploading'
+        }
+      ];
+    }
 
-  <LFFileUploadBtn
-    bind:ref={fileUploadBtnRef}
-    testId="upload-file-btn"
-    name="files"
-    outline
-    multiple
-    size="sm"
-    on:change={(e) => {
-      if (e.detail.length > MAX_NUM_FILES_UPLOAD) {
-        e.detail.pop();
-        toastStore.addToast(MAX_NUM_FILES_UPLOAD_MSG_TOAST());
-        return;
-      }
-      uploadingFiles = true;
-      for (const file of e.detail) {
-        // Metadata is limited to 512 characters, we use a short id to save space
-        const id = uuidv4().substring(0, 8);
-        file.id = id;
-        attachedFileMetadata = [
-          ...attachedFileMetadata,
-          {
-            id,
-            name: file.name,
-            type: file.type,
-            status: 'uploading'
-          }
-        ];
-      }
-
-      attachedFiles = [...e.detail];
-      convertFiles(e.detail);
-      fileUploadBtnRef.value = '';
-    }}
-    accept={ACCEPTED_FILE_TYPES}
-    disabled={uploadingFiles}
-    class="remove-btn-style flex  rounded-lg  p-1.5 text-gray-500 hover:bg-inherit dark:hover:bg-inherit"
-  >
-    <PaperClipOutline class="text-gray-300" />
-    <span class="sr-only">Attach file</span>
-  </LFFileUploadBtn>
-
+    attachedFiles = [...e.detail];
+    convertFiles(e.detail);
+    fileUploadBtnRef.value = '';
+  }}
+  accept={ACCEPTED_FILE_TYPES}
+  disabled={uploadingFiles}
+  class="remove-btn-style flex  rounded-lg  p-1.5 text-gray-500 hover:bg-inherit dark:hover:bg-inherit"
+>
+  <PaperClipOutline class="text-gray-300" />
+  <span class="sr-only">Attach file</span>
+</LFFileUploadBtn>
diff --git a/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte b/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
index 3ff26dc79..85ddfe7b3 100644
--- a/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
+++ b/src/leapfrogai_ui/src/lib/components/UploadedFileCards.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import UploadedFileCard from '$components/UploadedFileCard.svelte';
-  import type {FileMetadata, LFFile} from '$lib/types/files';
+  import type { FileMetadata, LFFile } from '$lib/types/files';
 
   export let attachedFiles: LFFile[];
   export let attachedFileMetadata: FileMetadata[];
diff --git a/src/leapfrogai_ui/src/lib/constants/index.ts b/src/leapfrogai_ui/src/lib/constants/index.ts
index a020f7391..acc1f5e38 100644
--- a/src/leapfrogai_ui/src/lib/constants/index.ts
+++ b/src/leapfrogai_ui/src/lib/constants/index.ts
@@ -1,5 +1,5 @@
 import type { LFAssistant } from '$lib/types/assistants';
-import {env} from "$env/dynamic/public";
+import { env } from '$env/dynamic/public';
 
 export const MAX_LABEL_SIZE = 100;
 export const DEFAULT_ASSISTANT_TEMP = 0.2;
@@ -14,13 +14,10 @@ export const ASSISTANTS_NAME_MAX_LENGTH = 256;
 export const ASSISTANTS_DESCRIPTION_MAX_LENGTH = 512;
 export const ASSISTANTS_INSTRUCTIONS_MAX_LENGTH = 256000;
 
-
-
 // 1 token is approx 4 characters, whenever our max context window changes, this value will need to change
 // leave a small buffer to prevent overflowing context (ex. 32k context window, set here to 31.750k)
 export const APPROX_MAX_CHARACTERS = 31750;
 
-
 // TODO - once using API to save, these defaults should be returned by the POST call and would not need to be supplied
 // We only need to default the model and tools
 export const assistantDefaults: Omit<LFAssistant, 'id' | 'created_at'> = {
@@ -118,4 +115,4 @@ export const NO_SELECTED_ASSISTANT_ID = 'noSelectedAssistantId';
 export const FILE_UPLOAD_PROMPT = "The following are the user's files: ";
 
 export const ADJUSTED_MAX_CHARACTERS =
-    APPROX_MAX_CHARACTERS - Number(env.PUBLIC_MESSAGE_LENGTH_LIMIT) - FILE_UPLOAD_PROMPT.length - 2;
\ No newline at end of file
+  APPROX_MAX_CHARACTERS - Number(env.PUBLIC_MESSAGE_LENGTH_LIMIT) - FILE_UPLOAD_PROMPT.length - 2;
diff --git a/src/leapfrogai_ui/src/lib/helpers/apiHelpers.ts b/src/leapfrogai_ui/src/lib/helpers/apiHelpers.ts
new file mode 100644
index 000000000..923098af0
--- /dev/null
+++ b/src/leapfrogai_ui/src/lib/helpers/apiHelpers.ts
@@ -0,0 +1,35 @@
+import { error } from '@sveltejs/kit';
+
+/*
+ * A generic error handler to log and structure error responses
+ * Try/catch catch blocks can pass their error to this function
+ * ex.
+ * catch (e) {
+    handleError(e, { id: file.id });
+   }
+ */
+export const handleError = (e: unknown, additionalErrorInfo?: object) => {
+  console.error('Caught Error:', e);
+
+  let status = 500;
+  let message = 'Internal Server Error';
+
+  if (e instanceof Error) {
+    message = e.message;
+  } else if (typeof e === 'object' && e !== null && 'status' in e) {
+    status = (e as { status: number }).status || 500;
+    message =
+      (e as unknown as { body: { message: string } }).body.message || 'Internal Server Error';
+  }
+  error(status, { message, ...additionalErrorInfo });
+};
+
+// In the test environment, formData.get('file') does not return a file of type File, so we mock it differently
+// with this helper
+export const requestWithFormData = (mockFile: unknown) => {
+  return {
+    formData: vi.fn().mockResolvedValue({
+      get: vi.fn().mockReturnValue(mockFile)
+    })
+  } as unknown as Request;
+};
diff --git a/src/leapfrogai_ui/src/lib/mocks/openai.ts b/src/leapfrogai_ui/src/lib/mocks/openai.ts
index 1e674bb43..704dfa6cd 100644
--- a/src/leapfrogai_ui/src/lib/mocks/openai.ts
+++ b/src/leapfrogai_ui/src/lib/mocks/openai.ts
@@ -121,13 +121,12 @@ class OpenAI {
 
   audio = {
     translations: {
-      create: vi.fn().mockImplementation(() =>
-      {
+      create: vi.fn().mockImplementation(() => {
         if (this.errors.translation) this.throwError('translation');
         return Promise.resolve({
           text: 'Fake translation'
-        })}
-      )
+        });
+      })
     }
   };
 
diff --git a/src/leapfrogai_ui/src/lib/schemas/files.ts b/src/leapfrogai_ui/src/lib/schemas/files.ts
index 58fa37f33..57acf6d18 100644
--- a/src/leapfrogai_ui/src/lib/schemas/files.ts
+++ b/src/leapfrogai_ui/src/lib/schemas/files.ts
@@ -9,7 +9,7 @@ import {
   MAX_AUDIO_FILE_SIZE,
   MAX_FILE_SIZE
 } from '$constants';
-import type {LFFile} from "$lib/types/files";
+import type { LFFile } from '$lib/types/files';
 
 export const filesSchema = object({
   files: array().of(
diff --git a/src/leapfrogai_ui/src/lib/types/files.d.ts b/src/leapfrogai_ui/src/lib/types/files.d.ts
index 70c29a404..599260041 100644
--- a/src/leapfrogai_ui/src/lib/types/files.d.ts
+++ b/src/leapfrogai_ui/src/lib/types/files.d.ts
@@ -30,4 +30,4 @@ export type FileMetadata = {
 
 export type LFFile = File & {
   id?: string;
-}
\ No newline at end of file
+};
diff --git a/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts b/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts
index 473c58ea4..65c444b47 100644
--- a/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts
+++ b/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts
@@ -3,6 +3,7 @@ import type { RequestEvent } from '@sveltejs/kit';
 import type { RouteParams } from './$types';
 import { POST } from './+server';
 import { mockOpenAI } from '../../../../../vitest-setup';
+import { requestWithFormData } from '$helpers/apiHelpers';
 
 describe('/api/audio/translation', () => {
   it('returns a 401 when there is no session', async () => {
@@ -70,13 +71,7 @@ describe('/api/audio/translation', () => {
 
     const fileContent = new Blob(['dummy content'], { type: 'audio/mp4' });
     const testFile = new File([fileContent], 'test.txt', { type: 'audio/mp4' });
-    // In the test environment, formData.get('file') does not return a file of type File, so we mock it differently
-    // here
-    const request = {
-      formData: vi.fn().mockResolvedValue({
-        get: vi.fn().mockReturnValue(testFile)
-      })
-    } as unknown as Request;
+    const request = requestWithFormData(testFile);
 
     await expect(
       POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
@@ -91,13 +86,7 @@ describe('/api/audio/translation', () => {
   it('should return translated text', async () => {
     const fileContent = new Blob(['dummy content'], { type: 'audio/mp4' });
     const testFile = new File([fileContent], 'test.txt', { type: 'audio/mp4' });
-    // In the test environment, formData.get('file') does not return a file of type File, so we mock it differently
-    // here
-    const request = {
-      formData: vi.fn().mockResolvedValue({
-        get: vi.fn().mockReturnValue(testFile)
-      })
-    } as unknown as Request;
+    const request = requestWithFormData(testFile);
 
     const res = await POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
       RouteParams,
diff --git a/src/leapfrogai_ui/src/routes/api/files/convert/server.test.ts b/src/leapfrogai_ui/src/routes/api/files/convert/server.test.ts
index 9a18626a6..3081925f6 100644
--- a/src/leapfrogai_ui/src/routes/api/files/convert/server.test.ts
+++ b/src/leapfrogai_ui/src/routes/api/files/convert/server.test.ts
@@ -3,6 +3,7 @@ import { getLocalsMock } from '$lib/mocks/misc';
 import type { RequestEvent } from '@sveltejs/kit';
 import type { RouteParams } from './$types';
 import { afterAll } from 'vitest';
+import { requestWithFormData } from '$helpers/apiHelpers';
 
 // Allows swapping out the mock per test
 const mocks = vi.hoisted(() => {
@@ -93,14 +94,7 @@ describe('/api/files/convert', () => {
 
     const fileContent = new Blob(['dummy content'], { type: 'text/plain' });
     const testFile = new File([fileContent], 'test.txt', { type: 'text/plain' });
-
-    // In the test environment, formData.get('file') does not return a file of type File, so we mock it differently
-    // here
-    const request = {
-      formData: vi.fn().mockResolvedValue({
-        get: vi.fn().mockReturnValue(testFile)
-      })
-    } as unknown as Request;
+    const request = requestWithFormData(testFile);
 
     await expect(
       POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
@@ -125,13 +119,7 @@ describe('/api/files/convert', () => {
     const testFile = new File([fileContent], 'test.txt', { type: 'text/plain' });
     testFile.arrayBuffer = async () => fileContent.buffer;
 
-    // In the test environment, formData.get('file') does not return a file of type File, so we mock it differently
-    // here
-    const request = {
-      formData: vi.fn().mockResolvedValue({
-        get: vi.fn().mockReturnValue(testFile)
-      })
-    } as unknown as Request;
+    const request = requestWithFormData(testFile);
 
     const res = await POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
       RouteParams,
diff --git a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
index 65f56db19..b001842f5 100644
--- a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
+++ b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
@@ -3,7 +3,12 @@ import * as mupdf from 'mupdf';
 import { error, json } from '@sveltejs/kit';
 import { fileSchema } from '$schemas/files';
 import type { LFFile } from '$lib/types/files';
+import { handleError } from '$helpers/apiHelpers';
 
+/**
+ * Parses text from a file. If the file is not a PDF, it will first convert the file to a
+ * PDF before parsing the text.
+ */
 export const POST: RequestHandler = async ({ request, fetch, locals: { session } }) => {
   if (!session) {
     error(401, 'Unauthorized');
@@ -34,7 +39,7 @@ export const POST: RequestHandler = async ({ request, fetch, locals: { session }
       });
 
       if (!convertRes.ok) {
-        return error(500, { message: 'Error converting file', id: file.id });
+        error(500, { message: 'Error converting file', id: file.id });
       }
 
       const convertedFileBlob = await convertRes.blob();
@@ -58,7 +63,6 @@ export const POST: RequestHandler = async ({ request, fetch, locals: { session }
       text
     });
   } catch (e) {
-    console.error('file parse error', e);
-    error(500, { message: 'Internal Error', id: file.id });
+    handleError(e, { id: file.id });
   }
 };
diff --git a/src/leapfrogai_ui/src/routes/api/files/parse-text/server.test.ts b/src/leapfrogai_ui/src/routes/api/files/parse-text/server.test.ts
new file mode 100644
index 000000000..72ba15264
--- /dev/null
+++ b/src/leapfrogai_ui/src/routes/api/files/parse-text/server.test.ts
@@ -0,0 +1,153 @@
+import { POST } from './+server';
+import { getLocalsMock } from '$lib/mocks/misc';
+import type { RequestEvent } from '@sveltejs/kit';
+import type { RouteParams } from '../../../../../.svelte-kit/types/src/routes/api/files/[file_id]/$types';
+import { mockConvertFileErrorNoId, mockConvertFileNoId } from '$lib/mocks/file-mocks';
+import type { LFFile } from '$lib/types/files';
+import { requestWithFormData } from '$helpers/apiHelpers';
+import * as mupdf from 'mupdf';
+
+vi.mock('mupdf', () => ({
+  Document: {
+    openDocument: vi.fn()
+  }
+}));
+
+describe('/api/files/parse-text', () => {
+  afterEach(() => {
+    vi.resetAllMocks();
+  });
+
+  it('returns a 401 when there is no session', async () => {
+    const request = new Request('http://thisurlhasnoeffect', {
+      method: 'POST'
+    });
+
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock({ nullSession: true }) } as RequestEvent<
+        RouteParams,
+        '/api/files/parse-text'
+      >)
+    ).rejects.toMatchObject({
+      status: 401
+    });
+  });
+
+  it('should return 400 if the form data is missing', async () => {
+    const request = new Request('http://thisurlhasnoeffect', {
+      method: 'POST'
+    });
+
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/files/parse-text'
+      >)
+    ).rejects.toMatchObject({
+      status: 400
+    });
+  });
+
+  it('should return 400 if the file is missing from the form data', async () => {
+    const request = new Request('http://thisurlhasnoeffect', {
+      method: 'POST',
+      body: new FormData()
+    });
+
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/files/parse-text'
+      >)
+    ).rejects.toMatchObject({
+      status: 400
+    });
+  });
+
+  it('should return 400 if the file in the form data is not of type File', async () => {
+    const formData = new FormData();
+    formData.append('file', '123');
+    const request = new Request('http://thisurlhasnoeffect', {
+      method: 'POST',
+      body: formData
+    });
+
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/files/parse-text'
+      >)
+    ).rejects.toMatchObject({
+      status: 400
+    });
+  });
+
+  it('returns 500 if there is an error converting a file to PDF', async () => {
+    mockConvertFileErrorNoId();
+    const mockFile1: LFFile = new File(['content1'], 'test1.txt', { type: 'text/plain' });
+    mockFile1.id = '1';
+    const request = requestWithFormData(mockFile1);
+
+    await expect(
+      POST({ request, fetch: global.fetch, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/files/parse-text'
+      >)
+    ).rejects.toMatchObject({
+      status: 500,
+      body: { message: 'Error converting file', id: '1' }
+    });
+  });
+
+  it("returns 500 if there is an error parsing a PDF's text", async () => {
+    mupdf.Document.openDocument.mockImplementationOnce(() => {
+      throw new Error('Mocked error');
+    });
+
+    mockConvertFileNoId('this is ignored');
+    const mockFile1: LFFile = new File(['content1'], 'test1.txt', { type: 'text/plain' });
+    mockFile1.id = '1';
+    const request = requestWithFormData(mockFile1);
+
+    await expect(
+      POST({ request, fetch: global.fetch, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/files/parse-text'
+      >)
+    ).rejects.toMatchObject({
+      status: 500,
+      body: { message: 'Mocked error' }
+    });
+  });
+
+  it('parses text for a PDF file', async () => {
+    mupdf.Document.openDocument.mockReturnValue({
+      countPages: vi.fn().mockReturnValue(1),
+      loadPage: vi.fn().mockReturnValue({
+        toStructuredText: vi.fn().mockReturnValue({
+          asJSON: vi.fn().mockReturnValue(
+            JSON.stringify({
+              blocks: [{ lines: [{ text: 'Mocked PDF content' }] }]
+            })
+          )
+        })
+      })
+    });
+
+    mockConvertFileNoId('this is ignored');
+    const mockFile1: LFFile = new File(['this is ignored'], 'test1.txt', { type: 'text/plain' });
+    mockFile1.id = '1';
+
+    const request = requestWithFormData(mockFile1);
+    const res = await POST({
+      request,
+      fetch: global.fetch,
+      params: {},
+      locals: getLocalsMock()
+    } as RequestEvent<RouteParams, '/api/files/parse-text'>);
+    expect(res.status).toEqual(200);
+    const resJson = await res.json();
+
+    expect(resJson.text).toEqual('Mocked PDF content');
+  });
+});
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
index 102c412f1..698175b15 100644
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
+++ b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
@@ -24,7 +24,7 @@
   } from '$constants/toastMessages';
   import SelectAssistantDropdown from '$components/SelectAssistantDropdown.svelte';
   import { PaperPlaneOutline, StopOutline } from 'flowbite-svelte-icons';
-  import type {FileMetadata, LFFile} from '$lib/types/files';
+  import type { FileMetadata, LFFile } from '$lib/types/files';
   import UploadedFileCards from '$components/UploadedFileCards.svelte';
   import ChatFileUploadForm from '$components/ChatFileUpload.svelte';
   import FileChatActions from '$components/FileChatActions.svelte';
@@ -231,7 +231,7 @@
             },
             lengthOverride: true
           });
-          threadsStore.updateMessagesState($chatMessages, setChatMessages, contextMsg)
+          threadsStore.updateMessagesState($chatMessages, setChatMessages, contextMsg);
         }
 
         // Save with API
@@ -359,7 +359,7 @@
         attachedFileMetadata.length > 0 && 'py-4'
       )}
     >
-      <UploadedFileCards bind:attachedFileMetadata bind:attachedFiles/>
+      <UploadedFileCards bind:attachedFileMetadata bind:attachedFiles />
 
       <div id="chat-row" class="flex w-full items-center gap-1">
         {#if !assistantMode}
@@ -404,7 +404,13 @@
           >
         {/if}
       </div>
-      <FileChatActions bind:attachedFileMetadata threadId={data.thread?.id} bind:attachedFiles originalMessages={$chatMessages} setMessages={setChatMessages}/>
+      <FileChatActions
+        bind:attachedFileMetadata
+        threadId={data.thread?.id}
+        bind:attachedFiles
+        originalMessages={$chatMessages}
+        setMessages={setChatMessages}
+      />
     </div>
   </div>
   <PoweredByDU />
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/form-action.test.ts b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/form-action.test.ts
deleted file mode 100644
index 9f428553d..000000000
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/form-action.test.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-import { getLocalsMock } from '$lib/mocks/misc';
-import type { ActionFailure, RequestEvent } from '@sveltejs/kit';
-import type { RouteParams } from './$types';
-import { actions } from './+page.server';
-import { mockConvertFileErrorNoId, mockConvertFileNoId } from '$lib/mocks/file-mocks';
-import * as superforms from 'sveltekit-superforms';
-import { afterAll } from 'vitest';
-
-vi.mock('mupdf', () => ({
-  Document: {
-    openDocument: vi.fn().mockReturnValue({
-      countPages: vi.fn().mockReturnValue(1),
-      loadPage: vi.fn().mockReturnValue({
-        toStructuredText: vi.fn().mockReturnValue({
-          asJSON: vi.fn().mockReturnValue(
-            JSON.stringify({
-              blocks: [{ lines: [{ text: 'Mocked PDF content' }] }]
-            })
-          )
-        })
-      })
-    })
-  }
-}));
-
-describe('chat page form action', () => {
-  afterAll(() => {
-    vi.restoreAllMocks();
-  });
-  it('returns a 401 if the request is unauthenticated', async () => {
-    const request = new Request('https://thisurldoesntmatter', {
-      method: 'POST'
-    });
-    const res = await actions.default({
-      request,
-      locals: getLocalsMock({ nullSession: true })
-    } as RequestEvent<RouteParams, '/chat/(dashboard)/[[thread_id]]'>);
-
-    expect(res?.status).toEqual(401);
-  });
-
-  it('returns a 400 if the request data is invalid', async () => {
-    const request = new Request('https://thisurldoesntmatter', {
-      method: 'POST'
-    });
-
-    const res = await actions.default({ request, locals: getLocalsMock() } as RequestEvent<
-      RouteParams,
-      '/chat/(dashboard)/[[thread_id]]'
-    >);
-    expect(res?.status).toEqual(400);
-  });
-
-  it('returns a 400 if after validation there are no files', async () => {
-    vi.spyOn(superforms, 'superValidate').mockResolvedValue({
-      valid: true,
-      data: {
-        files: []
-      },
-      id: '',
-      posted: false,
-      errors: {}
-    });
-
-    const request = new Request('https://thisurldoesntmatter', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    });
-
-    const res = (await actions.default({
-      request,
-      fetch: global.fetch,
-      locals: getLocalsMock()
-    } as RequestEvent<RouteParams, '/chat/(dashboard)/[[thread_id]]'>)) as ActionFailure;
-
-    expect(res?.status).toEqual(400);
-  });
-
-  it('sets a file to error status if there is an error converting it', async () => {
-    mockConvertFileErrorNoId();
-
-    const mockFile1 = new File(['content1'], 'test1.txt', { type: 'text/plain' });
-
-    vi.spyOn(superforms, 'superValidate').mockResolvedValue({
-      valid: true,
-      data: {
-        files: [mockFile1]
-      },
-      id: '',
-      posted: false,
-      errors: {}
-    });
-
-    const request = new Request('https://thisurldoesntmatter', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    });
-
-    const res = (await actions.default({
-      request,
-      fetch: global.fetch,
-      locals: getLocalsMock()
-    } as RequestEvent<RouteParams, '/chat/(dashboard)/[[thread_id]]'>)) as ActionFailure;
-
-    expect(res.extractedFilesText[0].status).toEqual('error');
-  });
-
-  it('sets a file to error status if there is an error converting it', async () => {
-    mockConvertFileErrorNoId();
-
-    const mockFile1 = new File(['content1'], 'test1.txt', { type: 'text/plain' });
-
-    vi.spyOn(superforms, 'superValidate').mockResolvedValue({
-      valid: true,
-      data: {
-        files: [mockFile1]
-      },
-      id: '',
-      posted: false,
-      errors: {}
-    });
-
-    const request = new Request('https://thisurldoesntmatter', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    });
-
-    const res = (await actions.default({
-      request,
-      fetch: global.fetch,
-      locals: getLocalsMock()
-    } as RequestEvent<RouteParams, '/chat/(dashboard)/[[thread_id]]'>)) as ActionFailure;
-
-    expect(res.extractedFilesText[0].status).toEqual('error');
-  });
-
-  it('returns files with their text content', async () => {
-    mockConvertFileNoId('this is ignored');
-
-    const mockFile1 = new File(['this is ignored'], 'test1.txt', { type: 'text/plain' });
-
-    vi.spyOn(superforms, 'superValidate').mockResolvedValue({
-      valid: true,
-      data: {
-        files: [mockFile1]
-      },
-      id: '',
-      posted: false,
-      errors: {}
-    });
-
-    const request = new Request('https://thisurldoesntmatter', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    });
-
-    const res = (await actions.default({
-      request,
-      fetch: global.fetch,
-      locals: getLocalsMock()
-    } as RequestEvent<RouteParams, '/chat/(dashboard)/[[thread_id]]'>)) as ActionFailure;
-
-    expect(res.extractedFilesText[0].status).toEqual('complete');
-    expect(res.extractedFilesText[0].text).toEqual('Mocked PDF content');
-  });
-});

From 27f4edc761a26673b286aeddfc697a25a21aa2d6 Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Tue, 17 Sep 2024 15:06:00 -0600
Subject: [PATCH 08/18] add unit test

---
 .../src/lib/components/FileChatActions.svelte |   1 -
 .../lib/components/FileChatActions.test.ts    | 101 ++++++++++++++++++
 src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts |  16 +++
 .../routes/api/files/parse-text/+server.ts    |   4 +-
 4 files changed, 119 insertions(+), 3 deletions(-)
 create mode 100644 src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts

diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index 4dee72bbb..b453caa30 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -72,7 +72,6 @@
       });
       await threadsStore.addMessageToStore(translationMessage);
       threadsStore.updateMessagesState(originalMessages, setMessages, translationMessage);
-
       attachedFiles = attachedFiles.filter((file) => file.id !== fileMetadata.id);
       attachedFileMetadata = attachedFileMetadata.filter((file) => file.id !== fileMetadata.id);
     } catch {
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
new file mode 100644
index 000000000..490973081
--- /dev/null
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
@@ -0,0 +1,101 @@
+import FileChatActions from '$components/FileChatActions.svelte';
+import { render, screen, within } from '@testing-library/svelte';
+import type { FileMetadata, LFFile } from '$lib/types/files';
+import userEvent from '@testing-library/user-event';
+import { mockConvertFileNoId } from '$lib/mocks/file-mocks';
+import {mockNewMessage, mockTranslation, mockTranslationError} from '$lib/mocks/chat-mocks';
+import {vi} from "vitest";
+import {toastStore} from "$stores";
+import {FILE_TRANSLATION_ERROR} from "$constants/toastMessages";
+
+const mockFile1: LFFile = new File([], 'test1.mpeg', { type: 'audio/mpeg' });
+const mockFile2: LFFile = new File([], 'test1.mp4', { type: 'audio/mp4' });
+
+mockFile1.id = '1';
+mockFile2.id = '2';
+
+const mockMetadata1: FileMetadata = {
+  id: mockFile1.id,
+  name: mockFile1.name,
+  type: 'audio/mpeg',
+  status: 'complete',
+  text: ''
+};
+
+const mockMetadata2: FileMetadata = {
+  id: mockFile2.id,
+  name: mockFile2.name,
+  type: 'audio/mp4',
+  status: 'complete',
+  text: ''
+};
+
+describe('FileChatActions', () => {
+  it('should render a translate button for each audio file', () => {
+    render(FileChatActions, {
+      attachedFiles: [mockFile1, mockFile2],
+      attachedFileMetadata: [mockMetadata1, mockMetadata2],
+      threadId: '123',
+      originalMessages: [],
+      setMessages: vi.fn()
+    });
+
+    expect(screen.getByText(`Translate ${mockMetadata1.name}`));
+    expect(screen.getByText(`Translate ${mockMetadata2.name}`));
+  });
+
+  // Tests that correct endpoints are called when clicked
+  // This is testing implementation rather than behavior, but is the best we can do for this component without
+  // going up a level for a complicated integration test (behavior is tested in e2e)
+  it('creates a message and requests a translation for the user requesting translation', async () => {
+    const fetchSpy = vi.spyOn(global, 'fetch');
+
+    mockConvertFileNoId('');
+    mockNewMessage();
+    mockTranslation();
+    mockNewMessage();
+    render(FileChatActions, {
+      attachedFiles: [mockFile1, mockFile2],
+      attachedFileMetadata: [mockMetadata1, mockMetadata2],
+      threadId: '123',
+      originalMessages: [],
+      setMessages: vi.fn()
+    });
+
+    await userEvent.click(screen.getByRole('button', { name: `Translate ${mockMetadata2.name}` }));
+    expect(fetchSpy).toHaveBeenNthCalledWith(
+      1,
+      expect.stringContaining('/api/messages/new'),
+      expect.any(Object)
+    );
+    expect(fetchSpy).toHaveBeenNthCalledWith(
+      2,
+      expect.stringContaining('/api/audio/translation'),
+      expect.any(Object)
+    );
+    expect(fetchSpy).toHaveBeenNthCalledWith(
+      3,
+      expect.stringContaining('/api/messages/new'),
+      expect.any(Object)
+    );
+  });
+
+  it('dispatches a toast if there is an error translating a file', async () => {
+    mockConvertFileNoId('');
+    mockNewMessage();
+    mockTranslationError();
+
+    const toastSpy = vi.spyOn(toastStore, 'addToast');
+
+    render(FileChatActions, {
+      attachedFiles: [mockFile1, mockFile2],
+      attachedFileMetadata: [mockMetadata1, mockMetadata2],
+      threadId: '123',
+      originalMessages: [],
+      setMessages: vi.fn()
+    });
+
+    await userEvent.click(screen.getByRole('button', { name: `Translate ${mockMetadata2.name}` }));
+    expect(toastSpy).toHaveBeenCalledWith(FILE_TRANSLATION_ERROR());
+  });
+});
diff --git a/src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts b/src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts
index 714f56dc9..4f876339d 100644
--- a/src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts
+++ b/src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts
@@ -98,3 +98,19 @@ export const mockGetThread = (thread: LFThread) => {
     })
   );
 };
+
+export const mockTranslation = () => {
+  server.use(
+    http.post('/api/audio/translation', () => {
+      return HttpResponse.json({ text: 'fake translation' });
+    })
+  );
+};
+
+export const mockTranslationError = () => {
+  server.use(
+    http.post('/api/audio/translation', () => {
+      return new HttpResponse(null, { status: 500 });
+    })
+  );
+};
diff --git a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
index b001842f5..c09db53d8 100644
--- a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
+++ b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
@@ -39,7 +39,7 @@ export const POST: RequestHandler = async ({ request, fetch, locals: { session }
       });
 
       if (!convertRes.ok) {
-        error(500, { message: 'Error converting file', id: file.id });
+        return error(500, { message: 'Error converting file', id: file.id });
       }
 
       const convertedFileBlob = await convertRes.blob();
@@ -63,6 +63,6 @@ export const POST: RequestHandler = async ({ request, fetch, locals: { session }
       text
     });
   } catch (e) {
-    handleError(e, { id: file.id });
+    return handleError(e, { id: file.id });
   }
 };

From 409d6843bb33f8e623c89c0086b7520467507f9f Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Tue, 17 Sep 2024 16:30:38 -0600
Subject: [PATCH 09/18] Add e2es

---
 .../src/lib/components/ChatFileUpload.svelte  |  21 ++----
 .../lib/components/FileChatActions.test.ts    |  12 ++--
 .../src/lib/helpers/fileHelpers.ts            |  24 ++++++-
 src/leapfrogai_ui/src/lib/schemas/files.ts    |   1 -
 .../(dashboard)/[[thread_id]]/+page.svelte    |   4 +-
 .../2024-09-17T21:52:03.052Z-test.pdf         | Bin 0 -> 869 bytes
 src/leapfrogai_ui/tests/fixtures/shortname    | Bin 0 -> 878 bytes
 .../tests/fixtures/shortname.pdf              | Bin 0 -> 880 bytes
 src/leapfrogai_ui/tests/fixtures/spanish.m4a  | Bin 0 -> 22725 bytes
 src/leapfrogai_ui/tests/translation.test.ts   |  66 ++++++++++++++++++
 10 files changed, 101 insertions(+), 27 deletions(-)
 create mode 100644 src/leapfrogai_ui/tests/fixtures/2024-09-17T21:52:03.052Z-test.pdf
 create mode 100644 src/leapfrogai_ui/tests/fixtures/shortname
 create mode 100644 src/leapfrogai_ui/tests/fixtures/shortname.pdf
 create mode 100644 src/leapfrogai_ui/tests/fixtures/spanish.m4a
 create mode 100644 src/leapfrogai_ui/tests/translation.test.ts

diff --git a/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
index d23ee221b..7c711b94b 100644
--- a/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
+++ b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ACCEPTED_FILE_TYPES, ADJUSTED_MAX_CHARACTERS, MAX_NUM_FILES_UPLOAD } from '$constants';
+  import { ACCEPTED_FILE_TYPES, MAX_NUM_FILES_UPLOAD } from '$constants';
   import { PaperClipOutline } from 'flowbite-svelte-icons';
   import { v4 as uuidv4 } from 'uuid';
   import LFFileUploadBtn from '$components/LFFileUploadBtn.svelte';
@@ -9,8 +9,9 @@
     MAX_NUM_FILES_UPLOAD_MSG_TOAST
   } from '$constants/toastMessages';
   import type { LFFile } from '$lib/types/files';
-  import { ERROR_UPLOADING_FILE_MSG, FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
+  import { ERROR_UPLOADING_FILE_MSG } from '$constants/errors';
   import { shortenFileName } from '$helpers/stringHelpers';
+  import { removeFilesUntilUnderLimit } from '$helpers/fileHelpers';
 
   export let uploadingFiles;
   export let attachedFileMetadata;
@@ -88,23 +89,9 @@
 
       Promise.all(promises).then((results) => {
         parsedFiles.push(...results);
-        const totalTextLength = parsedFiles.reduce(
-          (acc, fileMetadata) => acc + JSON.stringify(fileMetadata).length,
-          0
-        );
 
         // If this file adds too much text (larger than allowed max), remove the text and set to error status
-        if (totalTextLength > ADJUSTED_MAX_CHARACTERS) {
-          let lastFile = parsedFiles[parsedFiles.length - 1];
-          parsedFiles[parsedFiles.length - 1] = {
-            id: lastFile.id,
-            name: shortenFileName(lastFile.name),
-            type: lastFile.type,
-            text: '',
-            status: 'error',
-            errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
-          };
-        }
+        removeFilesUntilUnderLimit(parsedFiles);
 
         attachedFileMetadata = parsedFiles;
       });
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
index 490973081..2613155f0 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
@@ -1,12 +1,12 @@
 import FileChatActions from '$components/FileChatActions.svelte';
-import { render, screen, within } from '@testing-library/svelte';
+import { render, screen } from '@testing-library/svelte';
 import type { FileMetadata, LFFile } from '$lib/types/files';
 import userEvent from '@testing-library/user-event';
 import { mockConvertFileNoId } from '$lib/mocks/file-mocks';
-import {mockNewMessage, mockTranslation, mockTranslationError} from '$lib/mocks/chat-mocks';
-import {vi} from "vitest";
-import {toastStore} from "$stores";
-import {FILE_TRANSLATION_ERROR} from "$constants/toastMessages";
+import { mockNewMessage, mockTranslation, mockTranslationError } from '$lib/mocks/chat-mocks';
+import { vi } from 'vitest';
+import { toastStore } from '$stores';
+import { FILE_TRANSLATION_ERROR } from '$constants/toastMessages';
 
 const mockFile1: LFFile = new File([], 'test1.mpeg', { type: 'audio/mpeg' });
 const mockFile2: LFFile = new File([], 'test1.mp4', { type: 'audio/mp4' });
@@ -14,7 +14,7 @@ const mockFile2: LFFile = new File([], 'test1.mp4', { type: 'audio/mp4' });
 mockFile1.id = '1';
 mockFile2.id = '2';
 
-const mockMetadata1: FileMetadata = {
+const mockMetadata1: FileMetadata = {c
   id: mockFile1.id,
   name: mockFile1.name,
   type: 'audio/mpeg',
diff --git a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
index bc459624f..4ec8f1403 100644
--- a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
+++ b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
@@ -1,5 +1,7 @@
-import type { FileRow } from '$lib/types/files';
+import type { FileMetadata, FileRow } from '$lib/types/files';
 import type { FileObject } from 'openai/resources/files';
+import { ADJUSTED_MAX_CHARACTERS } from '$constants';
+import { FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
 
 export const convertFileObjectToFileRows = (files: FileObject[]): FileRow[] =>
   files.map((file) => ({
@@ -8,3 +10,23 @@ export const convertFileObjectToFileRows = (files: FileObject[]): FileRow[] =>
     created_at: file.created_at * 1000,
     status: 'hide'
   }));
+
+export const removeFilesUntilUnderLimit = (parsedFiles: FileMetadata[]) => {
+  let totalTextLength = parsedFiles.reduce((total, file) => total + JSON.stringify(file).length, 0);
+
+  // Sort the files in descending order based on their size
+  parsedFiles.sort((a, b) => JSON.stringify(b).length - JSON.stringify(a).length);
+
+  // Remove the largest files until the total size is within the allowed limit
+  while (totalTextLength > ADJUSTED_MAX_CHARACTERS) {
+    const largestFile = parsedFiles[0]; // The largest file after sorting
+    // remove the text and set to error status
+    parsedFiles[0] = {
+      ...parsedFiles[0],
+      text: '',
+      status: 'error',
+      errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
+    };
+    totalTextLength -= JSON.stringify(parsedFiles[0]).length; // recalculate the total size
+  }
+};
diff --git a/src/leapfrogai_ui/src/lib/schemas/files.ts b/src/leapfrogai_ui/src/lib/schemas/files.ts
index 57acf6d18..522f4972b 100644
--- a/src/leapfrogai_ui/src/lib/schemas/files.ts
+++ b/src/leapfrogai_ui/src/lib/schemas/files.ts
@@ -19,7 +19,6 @@ export const filesSchema = object({
         if (value == null) {
           return true;
         }
-        // TODO - test that this error msg is used and not the one above
         if (ACCEPTED_AUDIO_FILE_MIME_TYPES.includes(value.type)) {
           if (value.size > MAX_AUDIO_FILE_SIZE) {
             return new ValidationError(AUDIO_FILE_SIZE_ERROR_TEXT);
diff --git a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
index 698175b15..5c5179b99 100644
--- a/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
+++ b/src/leapfrogai_ui/src/routes/chat/(dashboard)/[[thread_id]]/+page.svelte
@@ -329,7 +329,7 @@
 
 <form on:submit={onSubmit} class="flex h-full flex-col">
   <div class="no-scrollbar flex flex-grow flex-col-reverse overflow-auto px-8">
-    <div id="messages-container">
+    <div id="messages-container" data-testid="messages-container">
       {#each activeThreadMessages as message, index (message.id)}
         {#if message.metadata?.hideMessage !== 'true'}
           <Message
@@ -350,7 +350,7 @@
     </div>
   </div>
   <Hr classHr="my-2" />
-  <div id="chat-tools" class="flex flex-col gap-2 px-8">
+  <div id="chat-tools" data-testid="chat-tools" class="flex flex-col gap-2 px-8">
     <SelectAssistantDropdown assistants={data?.assistants || []} />
 
     <div
diff --git a/src/leapfrogai_ui/tests/fixtures/2024-09-17T21:52:03.052Z-test.pdf b/src/leapfrogai_ui/tests/fixtures/2024-09-17T21:52:03.052Z-test.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..f5b9239e17834750408efb51677eb9e87f97e392
GIT binary patch
literal 869
zcmY!laB<T$)HCN&Z3F@?E;9uKh5V!}E*l#zeYeb<lGGvveYc#%l2n(}<ouLWE`6WW
zy!4U`1w#XKE;~D};*z4&#9Xe5IoeN(xE>k>FdSS|qF390WzME6lg>PGi7jUK<`(8=
zF6Q=TO=fPLV4|li+$tci=e!}vnKhW1wOHBNc0rDZ-t^v`jWZYS+_<xIV&lw}J1r-e
zm>3(IGj8gABjU7ahtrlFG0r=fb~1!HiSOV_%}asW3S@zt%4JT-%^{TqsS5i3Nm;=q
zxm@~w3Z@{x6&05#7@5I6WNc=E;-RZS_q`7r2-KaAFYN#IVA3-COQ$4qvR5lSy20Z5
zabfo16+JGuLY~#XkG*aAO~KClr^mZ@yPtT!|LoAvqQD>@!o%3IuSH<W@&v2YKObK^
zGslZs-!-ZW57*tJ<bFWvo<#hua~2<N<Q((6llri0@7;|HIc=2WC08E{i(M%_<5}c9
z?u9J^fejrk6ExR(yEILZNcKIp!+k{p%d;u^E%wKw>=c5W`L9;zS$s?1p=7S)XI0Q#
z(NX_y>F!Mrd45ixmvZdK-nEwwW$y4;zjQ*QhmGpq0IvT}h3efGbEp4*|G4V!R@43a
zKIEJ;iIXZ?e3JR^l%G-Cw`F_DSbr?)7QJ=n)!*f1rI9h36OXJ2KFV2@W5QNncVpk{
zP0NF3$lf`7Y+{?D<Id{Xt49yXU8rT+Z@{T;)MoKPtwPAEFt4Zd$=Q2Tk1bT|T6A$`
z`XNuT$FuWZ|C%sK?s4~`t9u_zj+&C>6@4|0{m)9X;>*{Lv&{X$JK@%GJuI<mffTF3
znN_I@mR$Nl`T4*|14;yO>3im-<trFN*jQ64B-SH>Qq$m(Y+}HrAFdFsU<fqCNFf$v
zNJ?r2P{2UJ639hP(4t2+3Nk40FmK#`SXTG5F@LpcL~BFdW<^cQ(5OcZ754EGi4&Mt
ZVsUqINn%k+MG??eGcz+TRaIAiHvoT+T@(NS

literal 0
HcmV?d00001

diff --git a/src/leapfrogai_ui/tests/fixtures/shortname b/src/leapfrogai_ui/tests/fixtures/shortname
new file mode 100644
index 0000000000000000000000000000000000000000..18ac698c1ef586c4db94bea5a8cc1204d4c22c79
GIT binary patch
literal 878
zcmY!laB<T$)HCN&Z3F@?E;9uKh5V!}E*l#zeYeb<lGGvveYc#%l2n(}<ouLWE`6WW
zy!4U`1w%tqE;~D};*z4&#9Xe5IkH{WTuhDvte?xf`dGI<fBaffpgC5QS$Lto!X~{g
zwo{LO$}Ziss%l~Jia!<o5pr$E(`V#O|9of5w3sViQ<ppnKcZ9T@?*VYn3mY#MWOXc
zxt-OQjH*`$o{fmunY+!%a6|vCDr>Vx<v)0=k8{SKI3z92m713VwH?R;Iho6xklRBl
z3sM#I{gbkSOLDpN{S-_=ek>|3Q7|%td(7C(0>xujg95z|8wk{$U%$h>w!m}qHqTU^
zZCgVH3Uitk{kX6-F~m(NSL^fr>g#!ZwjJk#>?ZC0t@rcNZzcf+MV>?+FK3R65l$>x
z0R}S-{{8rx*r4CNHdAu{>eXU#6O|KK^LzAT(rsCCtWwqAE&6cuT<*;aEQ}NTdr}{-
zT4%!R^GWA?Yk*USh077A6C&4Hl^i{KHmaGv6V$R{D9+M3Qqi`x#$ipH+^X+)UR;>}
zu<OnYi<bv@zY6@n<6WM5Sn`v;?a3)0tHYPJniour^Hy}8$l}E|QS8@Kp?ddZuJ`}m
zKd$<_b@TpxA9Bu_#7Pw;pJ4tw<>#p_>$1IMtUngDi{833>+bT8rI9h36Em)?ENPOn
zmT0!O&$;J&Gg$M?w|{AGJr7S<aA)tzS4r=_y|8PHpW>pt(y{#@hrg5hxizKp_T1ck
zsp^VLU`@fRnFW)M{@8W<huxBt13&g;`0D>yBDVC#rO>T+nd(=)J+tkrp`&^o^Cpwy
zE?8pK0x4F5GpkY+EV=Z9^7Da_29yZm()Y|u%U3Xlu(76CNUTQ$rKZ6n*~E}bKU^VN
z!4PPOkwPrUkd)L4pn!pbC6J4putkq-6l74~Vcxj?u&nOy>1Pi6afT@_xSiwS<u`Sj
jg~Gk_;%td8n0I1vcyUQ$QAtG+&{{Kd6E0O%SARDEl!s{5

literal 0
HcmV?d00001

diff --git a/src/leapfrogai_ui/tests/fixtures/shortname.pdf b/src/leapfrogai_ui/tests/fixtures/shortname.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..29f0c6d8371361fa7c76c0fe1fe76c4f2787ae92
GIT binary patch
literal 880
zcmY!laB<T$)HCN&Z3F@?E;9uKh5V!}E*l#zeYeb<lGGvveYc#%l2n(}<ouLWE`6WW
zy!4U`1w%t~E;~D};*z4&#9Xe5IkH_Fxehr9u>StrwU)K?d(roAVk)hQNr}pD_&Z!W
zGZuR6yYI40az^E4JCBNo#mnCoR`?w*-xGIDEv{H}^|{`HI~u8d!Y}JX^$txdF}_}L
zk?+94AfW?7TvZ~c3rqq^UYwb3G<()|8U8NOua4=z7=JfOXL6<Hr9kZmvOtdJGAHEv
zkjjEo1%3adtl*MdE`2`*Q;;u<ic1uX%-~)#HnTwS+SMRm@52rPd*830u~_a+o|*h?
z56vyUixiSFSzSL)Q1kAb66<Le^nb6hXVyzc8*hoS^k-+!+&=T!p`k^AK|X|sv1MP2
zz?9_)R;hnJzIJAg7qz}?R2LquyGP0GfYd#S_*>^JKHSJT=656YVb|Wf8y9leFv$z9
zJ{A_cQhLU-$a&lgTLc0d#5fg$ZKh{%&T^42HaccKi_7isj8Cl}p3gYV-hCy&`KO$8
z-&e_b9lacr`EDr4{h7bhL|eM*#Qq;D#>d|0P8IVz>{_MU%H#4#Q?qc%|Dw+Qi!Zir
z{{Owu_W!L}@$nVg(xdcscV1l5Sa-T+ZS-wZ)pc_Vb{^%4&HMT<c=s-ybyGZ&o~(St
zVrs_KY;T`)zx1Z_$+LX#(jIpl7Fcj&@48n>iTo?<8slfQ2unK4R0zLm@tPx@EStGG
zd}-l{&OI3+uOtf>9sRNF_O5$N7aaewD5KQ>#}ToWGcJW~y~$X=>g=5@Ukx2(_cJbL
zJ8p#~RxOZXH8`^>Rl$-=KPW#R7->L>ATE8+ytI4;V+b2-nuWxAL{MrPJd#Zex%9&o
zq7@8*h8QWtf(%JXtpExbC|Cly$VprD$VNd11s>*&+Yig?{=R<Zuoq{T;)2^b9$tP^
lr&%c6J1@?b_>Xxn7Kay?Bo>ua6alR@GdJT>Rdw}u0|1NjW10W}

literal 0
HcmV?d00001

diff --git a/src/leapfrogai_ui/tests/fixtures/spanish.m4a b/src/leapfrogai_ui/tests/fixtures/spanish.m4a
new file mode 100644
index 0000000000000000000000000000000000000000..da7f324c839b6ebbe08240471303f354080a22ce
GIT binary patch
literal 22725
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
Btor}}

literal 0
HcmV?d00001

diff --git a/src/leapfrogai_ui/tests/translation.test.ts b/src/leapfrogai_ui/tests/translation.test.ts
new file mode 100644
index 000000000..715a0b260
--- /dev/null
+++ b/src/leapfrogai_ui/tests/translation.test.ts
@@ -0,0 +1,66 @@
+import { expect, test } from './fixtures';
+import { loadChatPage } from './helpers/navigationHelpers';
+import { createPDF, uploadFiles } from './helpers/fileHelpers';
+import { deleteActiveThread } from './helpers/threadHelpers';
+import { faker } from '@faker-js/faker';
+
+test('it can translate an audio file', async ({ page, openAIClient }) => {
+  await loadChatPage(page);
+
+  await uploadFiles({
+    page,
+    filenames: ['spanish.m4a'],
+    testId: 'upload-file-btn'
+  });
+
+  const chatTools = page.getByTestId('chat-tools');
+  await chatTools.getByRole('button', { name: 'Translate spanish.m4a' }).click();
+
+  await expect(page.getByText(`Translating spanish.m4a`)).toBeVisible();
+  await expect(page.getByTestId('message')).toHaveCount(2);
+  const messages = await page.getByTestId('message').all();
+  const responseText = await messages[1].innerText();
+  expect(responseText).toContain('cat');
+
+  await deleteActiveThread(page, openAIClient);
+});
+
+test('it can removes the audio file but keeps other files after translating', async ({
+  page,
+  openAIClient
+}) => {
+  await loadChatPage(page);
+  const fakeContent = faker.word.words(3);
+  const pdfFilename = await createPDF({ content: fakeContent, filename: 'shortname.pdf' });
+
+  await uploadFiles({
+    page,
+    filenames: ['spanish.m4a', pdfFilename],
+    testId: 'upload-file-btn'
+  });
+
+  await page.getByTestId('spanish.m4a-uploaded');
+  await page.getByTestId(`${pdfFilename}-uploaded`);
+
+  const messagesContainer = page.getByTestId('messages-container');
+  const chatToolsContainer = page.getByTestId('chat-tools');
+
+  const chatToolsPDFFileCard = chatToolsContainer.getByTestId(`${pdfFilename}-file-uploaded-card`);
+  const chatToolsAudioCard = chatToolsContainer.getByTestId('spanish.m4a-file-uploaded-card');
+
+  await expect(chatToolsPDFFileCard).toBeVisible();
+  await expect(chatToolsAudioCard).toBeVisible();
+
+  const translateBtn = chatToolsContainer.getByRole('button', { name: 'Translate spanish.m4a' });
+  await translateBtn.click();
+
+  await expect(page.getByTestId('message')).toHaveCount(2);
+
+  await expect(chatToolsAudioCard).not.toBeVisible();
+  await expect(translateBtn).not.toBeVisible();
+
+  await expect(messagesContainer.getByTestId('spanish.m4a-file-uploaded-card')).toBeVisible();
+  await expect(chatToolsPDFFileCard).toBeVisible();
+
+  await deleteActiveThread(page, openAIClient);
+});

From 0beeef75dfa6e0c888e8e85938616201a34a49cd Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Tue, 17 Sep 2024 16:34:38 -0600
Subject: [PATCH 10/18] merge main, fix cleanup

---
 .../fixtures/2024-09-17T21:52:03.052Z-test.pdf    | Bin 869 -> 0 bytes
 src/leapfrogai_ui/tests/fixtures/shortname        | Bin 878 -> 0 bytes
 src/leapfrogai_ui/tests/fixtures/shortname.pdf    | Bin 880 -> 0 bytes
 src/leapfrogai_ui/tests/translation.test.ts       |   4 +++-
 4 files changed, 3 insertions(+), 1 deletion(-)
 delete mode 100644 src/leapfrogai_ui/tests/fixtures/2024-09-17T21:52:03.052Z-test.pdf
 delete mode 100644 src/leapfrogai_ui/tests/fixtures/shortname
 delete mode 100644 src/leapfrogai_ui/tests/fixtures/shortname.pdf

diff --git a/src/leapfrogai_ui/tests/fixtures/2024-09-17T21:52:03.052Z-test.pdf b/src/leapfrogai_ui/tests/fixtures/2024-09-17T21:52:03.052Z-test.pdf
deleted file mode 100644
index f5b9239e17834750408efb51677eb9e87f97e392..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 869
zcmY!laB<T$)HCN&Z3F@?E;9uKh5V!}E*l#zeYeb<lGGvveYc#%l2n(}<ouLWE`6WW
zy!4U`1w#XKE;~D};*z4&#9Xe5IoeN(xE>k>FdSS|qF390WzME6lg>PGi7jUK<`(8=
zF6Q=TO=fPLV4|li+$tci=e!}vnKhW1wOHBNc0rDZ-t^v`jWZYS+_<xIV&lw}J1r-e
zm>3(IGj8gABjU7ahtrlFG0r=fb~1!HiSOV_%}asW3S@zt%4JT-%^{TqsS5i3Nm;=q
zxm@~w3Z@{x6&05#7@5I6WNc=E;-RZS_q`7r2-KaAFYN#IVA3-COQ$4qvR5lSy20Z5
zabfo16+JGuLY~#XkG*aAO~KClr^mZ@yPtT!|LoAvqQD>@!o%3IuSH<W@&v2YKObK^
zGslZs-!-ZW57*tJ<bFWvo<#hua~2<N<Q((6llri0@7;|HIc=2WC08E{i(M%_<5}c9
z?u9J^fejrk6ExR(yEILZNcKIp!+k{p%d;u^E%wKw>=c5W`L9;zS$s?1p=7S)XI0Q#
z(NX_y>F!Mrd45ixmvZdK-nEwwW$y4;zjQ*QhmGpq0IvT}h3efGbEp4*|G4V!R@43a
zKIEJ;iIXZ?e3JR^l%G-Cw`F_DSbr?)7QJ=n)!*f1rI9h36OXJ2KFV2@W5QNncVpk{
zP0NF3$lf`7Y+{?D<Id{Xt49yXU8rT+Z@{T;)MoKPtwPAEFt4Zd$=Q2Tk1bT|T6A$`
z`XNuT$FuWZ|C%sK?s4~`t9u_zj+&C>6@4|0{m)9X;>*{Lv&{X$JK@%GJuI<mffTF3
znN_I@mR$Nl`T4*|14;yO>3im-<trFN*jQ64B-SH>Qq$m(Y+}HrAFdFsU<fqCNFf$v
zNJ?r2P{2UJ639hP(4t2+3Nk40FmK#`SXTG5F@LpcL~BFdW<^cQ(5OcZ754EGi4&Mt
ZVsUqINn%k+MG??eGcz+TRaIAiHvoT+T@(NS

diff --git a/src/leapfrogai_ui/tests/fixtures/shortname b/src/leapfrogai_ui/tests/fixtures/shortname
deleted file mode 100644
index 18ac698c1ef586c4db94bea5a8cc1204d4c22c79..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 878
zcmY!laB<T$)HCN&Z3F@?E;9uKh5V!}E*l#zeYeb<lGGvveYc#%l2n(}<ouLWE`6WW
zy!4U`1w%tqE;~D};*z4&#9Xe5IkH{WTuhDvte?xf`dGI<fBaffpgC5QS$Lto!X~{g
zwo{LO$}Ziss%l~Jia!<o5pr$E(`V#O|9of5w3sViQ<ppnKcZ9T@?*VYn3mY#MWOXc
zxt-OQjH*`$o{fmunY+!%a6|vCDr>Vx<v)0=k8{SKI3z92m713VwH?R;Iho6xklRBl
z3sM#I{gbkSOLDpN{S-_=ek>|3Q7|%td(7C(0>xujg95z|8wk{$U%$h>w!m}qHqTU^
zZCgVH3Uitk{kX6-F~m(NSL^fr>g#!ZwjJk#>?ZC0t@rcNZzcf+MV>?+FK3R65l$>x
z0R}S-{{8rx*r4CNHdAu{>eXU#6O|KK^LzAT(rsCCtWwqAE&6cuT<*;aEQ}NTdr}{-
zT4%!R^GWA?Yk*USh077A6C&4Hl^i{KHmaGv6V$R{D9+M3Qqi`x#$ipH+^X+)UR;>}
zu<OnYi<bv@zY6@n<6WM5Sn`v;?a3)0tHYPJniour^Hy}8$l}E|QS8@Kp?ddZuJ`}m
zKd$<_b@TpxA9Bu_#7Pw;pJ4tw<>#p_>$1IMtUngDi{833>+bT8rI9h36Em)?ENPOn
zmT0!O&$;J&Gg$M?w|{AGJr7S<aA)tzS4r=_y|8PHpW>pt(y{#@hrg5hxizKp_T1ck
zsp^VLU`@fRnFW)M{@8W<huxBt13&g;`0D>yBDVC#rO>T+nd(=)J+tkrp`&^o^Cpwy
zE?8pK0x4F5GpkY+EV=Z9^7Da_29yZm()Y|u%U3Xlu(76CNUTQ$rKZ6n*~E}bKU^VN
z!4PPOkwPrUkd)L4pn!pbC6J4putkq-6l74~Vcxj?u&nOy>1Pi6afT@_xSiwS<u`Sj
jg~Gk_;%td8n0I1vcyUQ$QAtG+&{{Kd6E0O%SARDEl!s{5

diff --git a/src/leapfrogai_ui/tests/fixtures/shortname.pdf b/src/leapfrogai_ui/tests/fixtures/shortname.pdf
deleted file mode 100644
index 29f0c6d8371361fa7c76c0fe1fe76c4f2787ae92..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 880
zcmY!laB<T$)HCN&Z3F@?E;9uKh5V!}E*l#zeYeb<lGGvveYc#%l2n(}<ouLWE`6WW
zy!4U`1w%t~E;~D};*z4&#9Xe5IkH_Fxehr9u>StrwU)K?d(roAVk)hQNr}pD_&Z!W
zGZuR6yYI40az^E4JCBNo#mnCoR`?w*-xGIDEv{H}^|{`HI~u8d!Y}JX^$txdF}_}L
zk?+94AfW?7TvZ~c3rqq^UYwb3G<()|8U8NOua4=z7=JfOXL6<Hr9kZmvOtdJGAHEv
zkjjEo1%3adtl*MdE`2`*Q;;u<ic1uX%-~)#HnTwS+SMRm@52rPd*830u~_a+o|*h?
z56vyUixiSFSzSL)Q1kAb66<Le^nb6hXVyzc8*hoS^k-+!+&=T!p`k^AK|X|sv1MP2
zz?9_)R;hnJzIJAg7qz}?R2LquyGP0GfYd#S_*>^JKHSJT=656YVb|Wf8y9leFv$z9
zJ{A_cQhLU-$a&lgTLc0d#5fg$ZKh{%&T^42HaccKi_7isj8Cl}p3gYV-hCy&`KO$8
z-&e_b9lacr`EDr4{h7bhL|eM*#Qq;D#>d|0P8IVz>{_MU%H#4#Q?qc%|Dw+Qi!Zir
z{{Owu_W!L}@$nVg(xdcscV1l5Sa-T+ZS-wZ)pc_Vb{^%4&HMT<c=s-ybyGZ&o~(St
zVrs_KY;T`)zx1Z_$+LX#(jIpl7Fcj&@48n>iTo?<8slfQ2unK4R0zLm@tPx@EStGG
zd}-l{&OI3+uOtf>9sRNF_O5$N7aaewD5KQ>#}ToWGcJW~y~$X=>g=5@Ukx2(_cJbL
zJ8p#~RxOZXH8`^>Rl$-=KPW#R7->L>ATE8+ytI4;V+b2-nuWxAL{MrPJd#Zex%9&o
zq7@8*h8QWtf(%JXtpExbC|Cly$VprD$VNd11s>*&+Yig?{=R<Zuoq{T;)2^b9$tP^
lr&%c6J1@?b_>Xxn7Kay?Bo>ua6alR@GdJT>Rdw}u0|1NjW10W}

diff --git a/src/leapfrogai_ui/tests/translation.test.ts b/src/leapfrogai_ui/tests/translation.test.ts
index 715a0b260..727f7b04d 100644
--- a/src/leapfrogai_ui/tests/translation.test.ts
+++ b/src/leapfrogai_ui/tests/translation.test.ts
@@ -1,6 +1,6 @@
 import { expect, test } from './fixtures';
 import { loadChatPage } from './helpers/navigationHelpers';
-import { createPDF, uploadFiles } from './helpers/fileHelpers';
+import {createPDF, deleteFixtureFile, uploadFiles} from './helpers/fileHelpers';
 import { deleteActiveThread } from './helpers/threadHelpers';
 import { faker } from '@faker-js/faker';
 
@@ -62,5 +62,7 @@ test('it can removes the audio file but keeps other files after translating', as
   await expect(messagesContainer.getByTestId('spanish.m4a-file-uploaded-card')).toBeVisible();
   await expect(chatToolsPDFFileCard).toBeVisible();
 
+  // cleanup
+  deleteFixtureFile(pdfFilename);
   await deleteActiveThread(page, openAIClient);
 });

From 1bc10ab246c2f6ce26e119b11de43c30f741edbc Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Wed, 18 Sep 2024 09:47:53 -0600
Subject: [PATCH 11/18] add unit test

---
 .../src/lib/components/ChatFileUpload.svelte  |  13 ++-
 .../lib/components/FileChatActions.test.ts    |   2 +-
 src/leapfrogai_ui/src/lib/constants/index.ts  |   4 -
 .../src/lib/helpers/fileHelpers.test.ts       | 108 ++++++++++++++++++
 .../src/lib/helpers/fileHelpers.ts            |  29 +++--
 src/leapfrogai_ui/tests/translation.test.ts   |   2 +-
 6 files changed, 139 insertions(+), 19 deletions(-)
 create mode 100644 src/leapfrogai_ui/src/lib/helpers/fileHelpers.test.ts

diff --git a/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
index 7c711b94b..db0df6c46 100644
--- a/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
+++ b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
-  import { ACCEPTED_FILE_TYPES, MAX_NUM_FILES_UPLOAD } from '$constants';
+  import { env } from '$env/dynamic/public';
+  import {
+    ACCEPTED_FILE_TYPES,
+    APPROX_MAX_CHARACTERS,
+    FILE_UPLOAD_PROMPT,
+    MAX_NUM_FILES_UPLOAD
+  } from '$constants';
   import { PaperClipOutline } from 'flowbite-svelte-icons';
   import { v4 as uuidv4 } from 'uuid';
   import LFFileUploadBtn from '$components/LFFileUploadBtn.svelte';
@@ -17,6 +23,9 @@
   export let attachedFileMetadata;
   export let attachedFiles: LFFile[];
 
+  const ADJUSTED_MAX_CHARACTERS =
+    APPROX_MAX_CHARACTERS - Number(env.PUBLIC_MESSAGE_LENGTH_LIMIT) - FILE_UPLOAD_PROMPT.length - 2;
+
   let fileUploadBtnRef: HTMLInputElement;
 
   const handleUploadError = (errorMsg) => {
@@ -91,7 +100,7 @@
         parsedFiles.push(...results);
 
         // If this file adds too much text (larger than allowed max), remove the text and set to error status
-        removeFilesUntilUnderLimit(parsedFiles);
+        removeFilesUntilUnderLimit(parsedFiles, ADJUSTED_MAX_CHARACTERS);
 
         attachedFileMetadata = parsedFiles;
       });
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
index 2613155f0..153743b2e 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
@@ -14,7 +14,7 @@ const mockFile2: LFFile = new File([], 'test1.mp4', { type: 'audio/mp4' });
 mockFile1.id = '1';
 mockFile2.id = '2';
 
-const mockMetadata1: FileMetadata = {c
+const mockMetadata1: FileMetadata = {
   id: mockFile1.id,
   name: mockFile1.name,
   type: 'audio/mpeg',
diff --git a/src/leapfrogai_ui/src/lib/constants/index.ts b/src/leapfrogai_ui/src/lib/constants/index.ts
index acc1f5e38..3736f4714 100644
--- a/src/leapfrogai_ui/src/lib/constants/index.ts
+++ b/src/leapfrogai_ui/src/lib/constants/index.ts
@@ -1,5 +1,4 @@
 import type { LFAssistant } from '$lib/types/assistants';
-import { env } from '$env/dynamic/public';
 
 export const MAX_LABEL_SIZE = 100;
 export const DEFAULT_ASSISTANT_TEMP = 0.2;
@@ -113,6 +112,3 @@ export const INVALID_AUDIO_FILE_TYPE_ERROR_TEXT = `Invalid file type, accepted t
 export const NO_SELECTED_ASSISTANT_ID = 'noSelectedAssistantId';
 
 export const FILE_UPLOAD_PROMPT = "The following are the user's files: ";
-
-export const ADJUSTED_MAX_CHARACTERS =
-  APPROX_MAX_CHARACTERS - Number(env.PUBLIC_MESSAGE_LENGTH_LIMIT) - FILE_UPLOAD_PROMPT.length - 2;
diff --git a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.test.ts b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.test.ts
new file mode 100644
index 000000000..612f56d1b
--- /dev/null
+++ b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.test.ts
@@ -0,0 +1,108 @@
+import { faker } from '@faker-js/faker';
+import type { FileMetadata } from '$lib/types/files';
+import { removeFilesUntilUnderLimit } from '$helpers/fileHelpers';
+import { FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
+
+const getMockFileMetadata = (text = faker.word.noun()): FileMetadata => ({
+  id: faker.string.uuid().substring(0, 8),
+  name: 'fake-file.pdf',
+  type: 'application/pdf',
+  text,
+  status: 'complete'
+});
+
+describe('removeFilesUntilUnderLimit', () => {
+  test('removeFilesUntilUnderLimit should remove the largest file until total size is under the max limit', () => {
+    // Metadata stringified without text is 95 characters, so the text added below will increase the size from that
+    // baseline
+    const text1 = faker.word.words(50);
+    const text2 = faker.word.words(150);
+    const text3 = faker.word.words(200);
+    const files = [
+      getMockFileMetadata(text1),
+      getMockFileMetadata(text2),
+      getMockFileMetadata(text3)
+    ];
+
+    // Files 2 and 3 will have different length once their text is removed and they are set to error status
+    const file2WhenError = JSON.stringify({
+      ...files[1],
+      text: '',
+      status: 'error',
+      errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
+    });
+    const file3WhenError = JSON.stringify({
+      ...files[2],
+      text: '',
+      status: 'error',
+      errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
+    });
+
+    const totalSize = files.reduce((total, file) => total + JSON.stringify(file).length, 0);
+
+    // Expected length when it removes the text of the last two files, but replaces them with error status
+    const maxLimit =
+      totalSize -
+      JSON.stringify(files[1]).length -
+      JSON.stringify(files[2]).length +
+      file2WhenError.length +
+      file3WhenError.length;
+
+    removeFilesUntilUnderLimit(files, maxLimit);
+
+    // file 1 remains
+    expect(files[0].text).toBe(text1);
+
+    // file 2 and 3 are removed and set to error status
+    expect(files[1].text).toBe('');
+    expect(files[1].status).toBe('error');
+    expect(files[1].errorText).toBe(FILE_CONTEXT_TOO_LARGE_ERROR_MSG);
+    expect(files[2].text).toBe('');
+    expect(files[2].status).toBe('error');
+    expect(files[2].errorText).toBe(FILE_CONTEXT_TOO_LARGE_ERROR_MSG);
+
+    // Also check that the total size is under the limit
+    const totalSizeRecalculated = files.reduce(
+      (total, file) => total + JSON.stringify(file).length,
+      0
+    );
+
+    expect(totalSizeRecalculated).toBeLessThanOrEqual(maxLimit);
+  });
+
+  it('should not modify files if total size is already under the max limit', () => {
+    const text1 = faker.word.words(10);
+    const text2 = faker.word.words(20);
+
+    const files = [getMockFileMetadata(text1), getMockFileMetadata(text2)];
+
+    // Assume a limit of 50 characters
+    const maxLimit = 10000000000000;
+
+    // Call the function to test
+    removeFilesUntilUnderLimit(files, maxLimit);
+
+    // Expect no modifications to the files
+    expect(files[0].text).toBe(text1);
+    expect(files[1].text).toBe(text2);
+  });
+
+  it('can remove all files text and avoiding hanging (breaks out of while loop)', () => {
+    const text1 = faker.word.words(10);
+    const text2 = faker.word.words(20);
+
+    const files = [getMockFileMetadata(text1), getMockFileMetadata(text2)];
+
+    // Assume a limit of 50 characters
+    const maxLimit = 5;
+
+    // Call the function to test
+    removeFilesUntilUnderLimit(files, maxLimit);
+
+    // Expect no modifications to the files
+    expect(files[0].text).toBe('');
+    expect(files[1].text).toBe('');
+    expect(files[0].status).toBe('error');
+    expect(files[1].status).toBe('error');
+  });
+});
diff --git a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
index 4ec8f1403..504ea13f6 100644
--- a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
+++ b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
@@ -1,6 +1,5 @@
 import type { FileMetadata, FileRow } from '$lib/types/files';
 import type { FileObject } from 'openai/resources/files';
-import { ADJUSTED_MAX_CHARACTERS } from '$constants';
 import { FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
 
 export const convertFileObjectToFileRows = (files: FileObject[]): FileRow[] =>
@@ -11,22 +10,30 @@ export const convertFileObjectToFileRows = (files: FileObject[]): FileRow[] =>
     status: 'hide'
   }));
 
-export const removeFilesUntilUnderLimit = (parsedFiles: FileMetadata[]) => {
+export const removeFilesUntilUnderLimit = (parsedFiles: FileMetadata[], max: number) => {
+  const numFiles = parsedFiles.length;
+  let numFilesReset = 0;
   let totalTextLength = parsedFiles.reduce((total, file) => total + JSON.stringify(file).length, 0);
-
-  // Sort the files in descending order based on their size
-  parsedFiles.sort((a, b) => JSON.stringify(b).length - JSON.stringify(a).length);
-
   // Remove the largest files until the total size is within the allowed limit
-  while (totalTextLength > ADJUSTED_MAX_CHARACTERS) {
-    const largestFile = parsedFiles[0]; // The largest file after sorting
+  while (totalTextLength > max) {
+    if (numFilesReset === numFiles) break;
+    let largestIndex = 0;
+    for (let i = 1; i < numFiles; i++) {
+      const item = JSON.stringify(parsedFiles[i]);
+      const largestItem = JSON.stringify(parsedFiles[largestIndex]);
+      if (item.length > largestItem.length) {
+        largestIndex = i;
+      }
+    }
+
     // remove the text and set to error status
-    parsedFiles[0] = {
-      ...parsedFiles[0],
+    parsedFiles[largestIndex] = {
+      ...parsedFiles[largestIndex],
       text: '',
       status: 'error',
       errorText: FILE_CONTEXT_TOO_LARGE_ERROR_MSG
     };
-    totalTextLength -= JSON.stringify(parsedFiles[0]).length; // recalculate the total size
+    numFilesReset += 1;
+    totalTextLength = parsedFiles.reduce((total, file) => total + JSON.stringify(file).length, 0); //recalculate total size
   }
 };
diff --git a/src/leapfrogai_ui/tests/translation.test.ts b/src/leapfrogai_ui/tests/translation.test.ts
index 727f7b04d..9cc064c73 100644
--- a/src/leapfrogai_ui/tests/translation.test.ts
+++ b/src/leapfrogai_ui/tests/translation.test.ts
@@ -1,6 +1,6 @@
 import { expect, test } from './fixtures';
 import { loadChatPage } from './helpers/navigationHelpers';
-import {createPDF, deleteFixtureFile, uploadFiles} from './helpers/fileHelpers';
+import { createPDF, deleteFixtureFile, uploadFiles } from './helpers/fileHelpers';
 import { deleteActiveThread } from './helpers/threadHelpers';
 import { faker } from '@faker-js/faker';
 

From 3d7a714ccc43add4204dbaff5027d0776c9f4815 Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Wed, 18 Sep 2024 11:38:17 -0600
Subject: [PATCH 12/18] better error handling for large audio file size, and
 tests

---
 src/leapfrogai_ui/src/app.d.ts                |  4 +-
 .../src/lib/components/FileChatActions.svelte | 44 ++++++++++++++++---
 .../lib/components/FileChatActions.test.ts    | 28 +++++++++++-
 .../lib/components/UploadedFileCard.svelte    |  4 +-
 .../src/lib/constants/toastMessages.ts        | 17 +++----
 src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts | 12 +++++
 src/leapfrogai_ui/src/lib/types/toast.d.ts    |  6 +++
 .../routes/api/audio/translation/+server.ts   |  8 ++--
 .../api/audio/translation/server.test.ts      | 29 ++++++++++++
 .../routes/api/files/parse-text/+server.ts    |  4 +-
 .../api/files/parse-text/server.test.ts       |  2 +-
 11 files changed, 130 insertions(+), 28 deletions(-)

diff --git a/src/leapfrogai_ui/src/app.d.ts b/src/leapfrogai_ui/src/app.d.ts
index 8561f6557..d493910cc 100644
--- a/src/leapfrogai_ui/src/app.d.ts
+++ b/src/leapfrogai_ui/src/app.d.ts
@@ -9,9 +9,7 @@ import type { APIKeyRow } from '$lib/types/apiKeys';
 
 declare global {
   namespace App {
-    interface Error {
-      id?: string;
-    }
+    // interface Error {}
     interface Locals {
       supabase: SupabaseClient;
       safeGetSession: () => Promise<{ session: Session | null; user: User | null }>;
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index b453caa30..3001a4672 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -5,10 +5,11 @@
   import { saveMessage } from '$helpers/chatHelpers';
   import type { FileMetadata, LFFile } from '$lib/types/files';
   import { threadsStore, toastStore } from '$stores';
-  import { FILE_TRANSLATION_ERROR } from '$constants/toastMessages';
+  import { AUDIO_FILE_SIZE_ERROR_TOAST, FILE_TRANSLATION_ERROR } from '$constants/toastMessages';
   import { tick } from 'svelte';
   import { page } from '$app/stores';
   import type { Message } from 'ai';
+  import { AUDIO_FILE_SIZE_ERROR_TEXT } from '$constants';
 
   export let attachedFiles: LFFile[];
   export let attachedFileMetadata: FileMetadata[];
@@ -23,9 +24,27 @@
   const customBtnClass =
     'rounded text-xs px-2.5 py-0.5 text-gray-500 bg-gray-100 hover:bg-gray-400 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-300 truncate';
 
+  const reset = async () => {
+    await threadsStore.setSendingBlocked(false);
+    translatingId = '';
+  };
+
+  const handleTranslationError = async (toastData: ToastData) => {
+    toastStore.addToast(toastData);
+    if (translatingId) {
+      const fileMetadataIndex = attachedFiles.findIndex((f) => f.id === translatingId);
+      attachedFileMetadata[fileMetadataIndex] = {
+        ...attachedFileMetadata[fileMetadataIndex],
+        status: 'error',
+        errorText: toastData.subtitle
+      };
+    }
+    await reset();
+  };
+
   const translateFile = async (fileMetadata: FileMetadata) => {
     if (!fileMetadata.id) {
-      toastStore.addToast(FILE_TRANSLATION_ERROR());
+      await handleTranslationError(FILE_TRANSLATION_ERROR());
       return;
     }
     translatingId = fileMetadata.id;
@@ -54,7 +73,10 @@
 
       // translate
       const file = attachedFiles.find((f) => f.id === fileMetadata.id);
-      if (!file) throw Error('File not found');
+      if (!file) {
+        await handleTranslationError(FILE_TRANSLATION_ERROR());
+        return;
+      }
 
       const formData = new FormData();
       formData.append('file', file);
@@ -62,7 +84,16 @@
         method: 'POST',
         body: formData
       });
+
       const translateResJson = await translateRes.json();
+      if (!translateRes.ok) {
+        if (translateResJson.message === `ValidationError: ${AUDIO_FILE_SIZE_ERROR_TEXT}`) {
+          await handleTranslationError(AUDIO_FILE_SIZE_ERROR_TOAST());
+        } else {
+          await handleTranslationError(FILE_TRANSLATION_ERROR());
+        }
+        return;
+      }
 
       // save translation response
       const translationMessage = await saveMessage({
@@ -75,10 +106,11 @@
       attachedFiles = attachedFiles.filter((file) => file.id !== fileMetadata.id);
       attachedFileMetadata = attachedFileMetadata.filter((file) => file.id !== fileMetadata.id);
     } catch {
-      toastStore.addToast(FILE_TRANSLATION_ERROR());
+      await handleTranslationError(FILE_TRANSLATION_ERROR());
+      return;
     }
-    await threadsStore.setSendingBlocked(false);
-    translatingId = '';
+
+    await reset();
   };
 </script>
 
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
index 153743b2e..5927b7827 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
@@ -3,10 +3,15 @@ import { render, screen } from '@testing-library/svelte';
 import type { FileMetadata, LFFile } from '$lib/types/files';
 import userEvent from '@testing-library/user-event';
 import { mockConvertFileNoId } from '$lib/mocks/file-mocks';
-import { mockNewMessage, mockTranslation, mockTranslationError } from '$lib/mocks/chat-mocks';
+import {
+  mockNewMessage,
+  mockTranslation,
+  mockTranslationError,
+  mockTranslationFileSizeError
+} from '$lib/mocks/chat-mocks';
 import { vi } from 'vitest';
 import { toastStore } from '$stores';
-import { FILE_TRANSLATION_ERROR } from '$constants/toastMessages';
+import { AUDIO_FILE_SIZE_ERROR_TOAST, FILE_TRANSLATION_ERROR } from '$constants/toastMessages';
 
 const mockFile1: LFFile = new File([], 'test1.mpeg', { type: 'audio/mpeg' });
 const mockFile2: LFFile = new File([], 'test1.mp4', { type: 'audio/mp4' });
@@ -98,4 +103,23 @@ describe('FileChatActions', () => {
     await userEvent.click(screen.getByRole('button', { name: `Translate ${mockMetadata2.name}` }));
     expect(toastSpy).toHaveBeenCalledWith(FILE_TRANSLATION_ERROR());
   });
+
+  it('dispatches a toast if the file is too big', async () => {
+    mockConvertFileNoId('');
+    mockNewMessage();
+    mockTranslationFileSizeError();
+
+    const toastSpy = vi.spyOn(toastStore, 'addToast');
+
+    render(FileChatActions, {
+      attachedFiles: [mockFile1, mockFile2],
+      attachedFileMetadata: [mockMetadata1, mockMetadata2],
+      threadId: '123',
+      originalMessages: [],
+      setMessages: vi.fn()
+    });
+
+    await userEvent.click(screen.getByRole('button', { name: `Translate ${mockMetadata2.name}` }));
+    expect(toastSpy).toHaveBeenCalledWith(AUDIO_FILE_SIZE_ERROR_TOAST());
+  });
 });
diff --git a/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte b/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
index 3c57e0ce1..f4ed7a802 100644
--- a/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
+++ b/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
@@ -24,7 +24,7 @@
     on:mouseenter={() => (hovered = true)}
     on:mouseleave={() => (hovered = false)}
   >
-    <div class="flex w-full flex-row items-center justify-between">
+    <div class="flex w-full flex-row items-center justify-between truncate">
       <div class="flex gap-2">
         <div class="flex items-center rounded-lg bg-gray-700 px-2">
           {#if fileMetadata.status === 'uploading'}
@@ -33,7 +33,7 @@
             <CloseOutline
               data-testid={`${fileMetadata.name}-error`}
               size="lg"
-              class="text-red-400 "
+              class="text-red-400"
             />
           {:else if fileMetadata.type.startsWith('audio/')}
             <FileMusicOutline
diff --git a/src/leapfrogai_ui/src/lib/constants/toastMessages.ts b/src/leapfrogai_ui/src/lib/constants/toastMessages.ts
index 072987402..5a356ab06 100644
--- a/src/leapfrogai_ui/src/lib/constants/toastMessages.ts
+++ b/src/leapfrogai_ui/src/lib/constants/toastMessages.ts
@@ -1,10 +1,4 @@
-import { MAX_NUM_FILES_UPLOAD } from '$constants/index';
-
-type ToastData = {
-  kind: ToastKind;
-  title: string;
-  subtitle?: string;
-};
+import { AUDIO_FILE_SIZE_ERROR_TEXT, MAX_NUM_FILES_UPLOAD } from '$constants/index';
 
 export const ERROR_SAVING_MSG_TOAST = (override: Partial<ToastData> = {}): ToastData => ({
   kind: 'error',
@@ -75,6 +69,13 @@ export const FILE_VECTOR_TIMEOUT_MSG_TOAST = (override: Partial<ToastData> = {})
 export const FILE_TRANSLATION_ERROR = (override: Partial<ToastData> = {}): ToastData => ({
   kind: 'error',
   title: 'Translation Error',
-  subtitle: 'There was an error translating your audio file',
+  subtitle: 'Error translating audio file',
+  ...override
+});
+
+export const AUDIO_FILE_SIZE_ERROR_TOAST = (override: Partial<ToastData> = {}): ToastData => ({
+  kind: 'error',
+  title: 'File Too Large',
+  subtitle: AUDIO_FILE_SIZE_ERROR_TEXT,
   ...override
 });
diff --git a/src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts b/src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts
index 4f876339d..e820f32d4 100644
--- a/src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts
+++ b/src/leapfrogai_ui/src/lib/mocks/chat-mocks.ts
@@ -5,6 +5,7 @@ import type { LFMessage, NewMessageInput } from '$lib/types/messages';
 import type { LFAssistant } from '$lib/types/assistants';
 import { createStreamDataTransformer, StreamingTextResponse } from 'ai';
 import type { LFThread } from '$lib/types/threads';
+import { AUDIO_FILE_SIZE_ERROR_TEXT } from '$constants';
 
 type MockChatCompletionOptions = {
   responseMsg?: string[];
@@ -114,3 +115,14 @@ export const mockTranslationError = () => {
     })
   );
 };
+
+export const mockTranslationFileSizeError = () => {
+  server.use(
+    http.post('/api/audio/translation', () => {
+      return HttpResponse.json(
+        { message: `ValidationError: ${AUDIO_FILE_SIZE_ERROR_TEXT}` },
+        { status: 400 }
+      );
+    })
+  );
+};
diff --git a/src/leapfrogai_ui/src/lib/types/toast.d.ts b/src/leapfrogai_ui/src/lib/types/toast.d.ts
index 924d59ae5..2d22d60b2 100644
--- a/src/leapfrogai_ui/src/lib/types/toast.d.ts
+++ b/src/leapfrogai_ui/src/lib/types/toast.d.ts
@@ -14,3 +14,9 @@ type ToastNotificationProps = {
 type ToastStore = {
   toasts: ToastNotificationProps[];
 };
+
+type ToastData = {
+  kind: ToastKind;
+  title: string;
+  subtitle?: string;
+};
diff --git a/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts b/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
index 31e6cef52..175b410e5 100644
--- a/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
+++ b/src/leapfrogai_ui/src/routes/api/audio/translation/+server.ts
@@ -3,6 +3,7 @@ import type { RequestHandler } from './$types';
 import { getOpenAiClient } from '$lib/server/constants';
 import { audioFileSchema } from '$schemas/files';
 import { env } from '$env/dynamic/private';
+import { handleError } from '$helpers/apiHelpers';
 
 export const POST: RequestHandler = async ({ request, locals: { session } }) => {
   if (!session) {
@@ -18,8 +19,8 @@ export const POST: RequestHandler = async ({ request, locals: { session } }) =>
 
     await audioFileSchema.validate({ file }, { abortEarly: false });
   } catch (e) {
-    console.error('Validation error:', e);
-    error(400, `Bad Request, File invalid: ${e}`);
+    console.error(e);
+    error(400, { message: `${e}` });
   }
 
   try {
@@ -30,7 +31,6 @@ export const POST: RequestHandler = async ({ request, locals: { session } }) =>
     });
     return json({ text: translation.text });
   } catch (e) {
-    console.error('file translation error', e);
-    error(500, 'Internal Error');
+    return handleError(e);
   }
 };
diff --git a/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts b/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts
index 65c444b47..b0aa3733a 100644
--- a/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts
+++ b/src/leapfrogai_ui/src/routes/api/audio/translation/server.test.ts
@@ -4,6 +4,15 @@ import type { RouteParams } from './$types';
 import { POST } from './+server';
 import { mockOpenAI } from '../../../../../vitest-setup';
 import { requestWithFormData } from '$helpers/apiHelpers';
+import * as constants from '$constants';
+
+// Allows mocking important constants and only overriding values for specific tests
+vi.mock('$constants', async () => {
+  const actualConstants = await vi.importActual<typeof import('$constants')>('$constants');
+  return {
+    ...actualConstants
+  };
+});
 
 describe('/api/audio/translation', () => {
   it('returns a 401 when there is no session', async () => {
@@ -66,6 +75,26 @@ describe('/api/audio/translation', () => {
     });
   });
 
+  it('should return 400 if the file is too big', async () => {
+    // @ts-expect-error - intentionally overriding a constant for testing
+    vi.spyOn(constants, 'MAX_AUDIO_FILE_SIZE', 'get').mockReturnValueOnce(1);
+
+    const fileContent = new Blob(['dummy content'], { type: 'audio/mp4' });
+    const testFile = new File([fileContent], 'test.txt', { type: 'audio/mp4' });
+    const request = requestWithFormData(testFile);
+
+    await expect(
+      POST({ request, params: {}, locals: getLocalsMock() } as RequestEvent<
+        RouteParams,
+        '/api/audio/translation'
+      >)
+    ).rejects.toMatchObject({
+      status: 400
+    });
+    // Reset the mock after this test
+    vi.resetModules();
+  });
+
   it('should return a 500 if there is an error translating the file', async () => {
     mockOpenAI.setError('translation');
 
diff --git a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
index c09db53d8..73bd12a7e 100644
--- a/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
+++ b/src/leapfrogai_ui/src/routes/api/files/parse-text/+server.ts
@@ -39,7 +39,7 @@ export const POST: RequestHandler = async ({ request, fetch, locals: { session }
       });
 
       if (!convertRes.ok) {
-        return error(500, { message: 'Error converting file', id: file.id });
+        return error(500, { message: 'Error converting file' });
       }
 
       const convertedFileBlob = await convertRes.blob();
@@ -63,6 +63,6 @@ export const POST: RequestHandler = async ({ request, fetch, locals: { session }
       text
     });
   } catch (e) {
-    return handleError(e, { id: file.id });
+    return handleError(e);
   }
 };
diff --git a/src/leapfrogai_ui/src/routes/api/files/parse-text/server.test.ts b/src/leapfrogai_ui/src/routes/api/files/parse-text/server.test.ts
index 72ba15264..b23e233ea 100644
--- a/src/leapfrogai_ui/src/routes/api/files/parse-text/server.test.ts
+++ b/src/leapfrogai_ui/src/routes/api/files/parse-text/server.test.ts
@@ -95,7 +95,7 @@ describe('/api/files/parse-text', () => {
       >)
     ).rejects.toMatchObject({
       status: 500,
-      body: { message: 'Error converting file', id: '1' }
+      body: { message: 'Error converting file' }
     });
   });
 

From 991c6e436d4281cfd75b798795ad741fa05ad89f Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Thu, 19 Sep 2024 11:32:46 -0600
Subject: [PATCH 13/18] merge bug fixes from summarization branch

---
 .../src/lib/components/ChatFileUpload.svelte  |  8 +--
 .../components/LFSidebarDropdownItem.svelte   |  2 +-
 .../src/lib/helpers/fileHelpers.test.ts       | 66 +++++++++++++++----
 .../src/lib/helpers/fileHelpers.ts            | 23 +++++++
 4 files changed, 80 insertions(+), 19 deletions(-)

diff --git a/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
index db0df6c46..e01575ce2 100644
--- a/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
+++ b/src/leapfrogai_ui/src/lib/components/ChatFileUpload.svelte
@@ -17,7 +17,7 @@
   import type { LFFile } from '$lib/types/files';
   import { ERROR_UPLOADING_FILE_MSG } from '$constants/errors';
   import { shortenFileName } from '$helpers/stringHelpers';
-  import { removeFilesUntilUnderLimit } from '$helpers/fileHelpers';
+  import { removeFilesUntilUnderLimit, updateFileMetadata } from '$helpers/fileHelpers';
 
   export let uploadingFiles;
   export let attachedFileMetadata;
@@ -102,7 +102,7 @@
         // If this file adds too much text (larger than allowed max), remove the text and set to error status
         removeFilesUntilUnderLimit(parsedFiles, ADJUSTED_MAX_CHARACTERS);
 
-        attachedFileMetadata = parsedFiles;
+        attachedFileMetadata = updateFileMetadata(attachedFileMetadata, parsedFiles);
       });
     } catch {
       handleUploadError('Internal Error');
@@ -135,12 +135,12 @@
           id,
           name: file.name,
           type: file.type,
-          status: 'uploading'
+          status: file.type.startsWith('audio/') ? 'complete' : 'uploading'
         }
       ];
     }
 
-    attachedFiles = [...e.detail];
+    attachedFiles = [...attachedFiles, ...e.detail];
     convertFiles(e.detail);
     fileUploadBtnRef.value = '';
   }}
diff --git a/src/leapfrogai_ui/src/lib/components/LFSidebarDropdownItem.svelte b/src/leapfrogai_ui/src/lib/components/LFSidebarDropdownItem.svelte
index 9282826d0..7f0206739 100644
--- a/src/leapfrogai_ui/src/lib/components/LFSidebarDropdownItem.svelte
+++ b/src/leapfrogai_ui/src/lib/components/LFSidebarDropdownItem.svelte
@@ -116,7 +116,7 @@ It adds a "three-dot" menu button with Popover, and delete confirmation Modal
         $$props.class
       )}
     >
-      <P size="sm" class="truncate">
+      <P size="sm" class="truncate whitespace-nowrap">
         {label}
       </P>
     </button>
diff --git a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.test.ts b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.test.ts
index 612f56d1b..73f63f452 100644
--- a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.test.ts
+++ b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.test.ts
@@ -1,15 +1,8 @@
 import { faker } from '@faker-js/faker';
 import type { FileMetadata } from '$lib/types/files';
-import { removeFilesUntilUnderLimit } from '$helpers/fileHelpers';
+import { removeFilesUntilUnderLimit, updateFileMetadata } from '$helpers/fileHelpers';
 import { FILE_CONTEXT_TOO_LARGE_ERROR_MSG } from '$constants/errors';
-
-const getMockFileMetadata = (text = faker.word.noun()): FileMetadata => ({
-  id: faker.string.uuid().substring(0, 8),
-  name: 'fake-file.pdf',
-  type: 'application/pdf',
-  text,
-  status: 'complete'
-});
+import { getMockFileMetadata } from '$testUtils/fakeData';
 
 describe('removeFilesUntilUnderLimit', () => {
   test('removeFilesUntilUnderLimit should remove the largest file until total size is under the max limit', () => {
@@ -19,9 +12,9 @@ describe('removeFilesUntilUnderLimit', () => {
     const text2 = faker.word.words(150);
     const text3 = faker.word.words(200);
     const files = [
-      getMockFileMetadata(text1),
-      getMockFileMetadata(text2),
-      getMockFileMetadata(text3)
+      getMockFileMetadata({ text: text1 }),
+      getMockFileMetadata({ text: text2 }),
+      getMockFileMetadata({ text: text3 })
     ];
 
     // Files 2 and 3 will have different length once their text is removed and they are set to error status
@@ -74,7 +67,7 @@ describe('removeFilesUntilUnderLimit', () => {
     const text1 = faker.word.words(10);
     const text2 = faker.word.words(20);
 
-    const files = [getMockFileMetadata(text1), getMockFileMetadata(text2)];
+    const files = [getMockFileMetadata({ text: text1 }), getMockFileMetadata({ text: text2 })];
 
     // Assume a limit of 50 characters
     const maxLimit = 10000000000000;
@@ -91,7 +84,7 @@ describe('removeFilesUntilUnderLimit', () => {
     const text1 = faker.word.words(10);
     const text2 = faker.word.words(20);
 
-    const files = [getMockFileMetadata(text1), getMockFileMetadata(text2)];
+    const files = [getMockFileMetadata({ text: text1 }), getMockFileMetadata({ text: text2 })];
 
     // Assume a limit of 50 characters
     const maxLimit = 5;
@@ -106,3 +99,48 @@ describe('removeFilesUntilUnderLimit', () => {
     expect(files[1].status).toBe('error');
   });
 });
+
+describe('updateFileMetadata with order preservation', () => {
+  it('should update existing files, add new files, and preserve the original order of old metadata', () => {
+    const file1 = getMockFileMetadata({ status: 'complete' });
+    const file2 = getMockFileMetadata({ status: 'uploading' });
+    const file3 = getMockFileMetadata({ status: 'complete' });
+    const file4 = getMockFileMetadata({ status: 'complete' });
+
+    // 3 files
+    const oldMetadata: FileMetadata[] = [file1, file2, file3];
+
+    // updated file, and new file
+    const newMetadata: FileMetadata[] = [file1, { ...file2, status: 'complete' }, file3, file4];
+
+    const result = updateFileMetadata(oldMetadata, newMetadata);
+
+    expect(result).toHaveLength(4);
+
+    // Check if the order is preserved and one file was updated and new one added
+
+    expect(result[0]).toEqual(file1);
+    expect(result[1]).toEqual({
+      ...file2,
+      status: 'complete'
+    });
+
+    expect(result[2]).toEqual(file3);
+    expect(result[3]).toEqual(file4);
+  });
+
+  it('should return new metadata if old metadata is empty', () => {
+    const oldMetadata: FileMetadata[] = [];
+    const newMetadata: FileMetadata[] = [getMockFileMetadata()];
+    const result = updateFileMetadata(oldMetadata, newMetadata);
+    expect(result).toHaveLength(1);
+    expect(result).toEqual(newMetadata);
+  });
+
+  it('should keep old metadata if no new metadata is provided', () => {
+    const oldMetadata: FileMetadata[] = [getMockFileMetadata()];
+    const newMetadata: FileMetadata[] = [];
+    const result = updateFileMetadata(oldMetadata, newMetadata);
+    expect(result).toEqual(oldMetadata);
+  });
+});
diff --git a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
index 504ea13f6..a0cd0fc5b 100644
--- a/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
+++ b/src/leapfrogai_ui/src/lib/helpers/fileHelpers.ts
@@ -37,3 +37,26 @@ export const removeFilesUntilUnderLimit = (parsedFiles: FileMetadata[], max: num
     totalTextLength = parsedFiles.reduce((total, file) => total + JSON.stringify(file).length, 0); //recalculate total size
   }
 };
+
+// Combines old and new file metadata, updating the old metadata with new metadata
+export const updateFileMetadata = (
+  oldMetadata: FileMetadata[],
+  newMetadata: FileMetadata[]
+): FileMetadata[] => {
+  // Create a map of new metadata
+  const newMetadataMap = new Map(newMetadata.map((file) => [file.id, file]));
+
+  // Update and keep the original order from old metadata
+  const updatedMetadata = oldMetadata.map((oldFile) => {
+    const newFile = newMetadataMap.get(oldFile.id);
+    return newFile ? { ...oldFile, ...newFile } : oldFile;
+  });
+
+  // Filter out new files that aren't already in the old metadata
+  const newFilesToAdd = newMetadata.filter(
+    (newFile) => !oldMetadata.some((oldFile) => oldFile.id === newFile.id)
+  );
+
+  // Append new files at the end while keeping the original order of oldMetadata
+  return [...updatedMetadata, ...newFilesToAdd];
+};

From 3a4c6a3d90b280d05634fc1f22be43eebd1ae828 Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Thu, 19 Sep 2024 12:12:36 -0600
Subject: [PATCH 14/18] add skeleton response

---
 .../src/lib/components/FileChatActions.svelte | 14 +++++++++++
 src/leapfrogai_ui/src/lib/schemas/chat.ts     |  4 ++--
 src/leapfrogai_ui/src/lib/types/messages.d.ts |  2 +-
 .../src/routes/api/messages/new/+server.ts    |  1 -
 .../messages/[message_id]/+server.ts          | 23 +++++++++++++++++++
 5 files changed, 40 insertions(+), 4 deletions(-)
 create mode 100644 src/leapfrogai_ui/src/routes/api/threads/[thread_id]/messages/[message_id]/+server.ts

diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index 3001a4672..dbfabe86b 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -71,6 +71,18 @@
       await threadsStore.addMessageToStore(newMessage);
       threadsStore.updateMessagesState(originalMessages, setMessages, newMessage);
 
+
+      // This is used to create a "skeleton" message while the file is being translated
+      // It is deleted once the translation is complete
+      const emptyResponse = await saveMessage({
+        thread_id: threadId,
+        content: '',
+        role: 'assistant',
+      });
+      await threadsStore.addMessageToStore(emptyResponse);
+      threadsStore.updateMessagesState(originalMessages, setMessages, emptyResponse);
+
+
       // translate
       const file = attachedFiles.find((f) => f.id === fileMetadata.id);
       if (!file) {
@@ -95,6 +107,8 @@
         return;
       }
 
+      await threadsStore.deleteMessage(threadId, emptyResponse.id);
+
       // save translation response
       const translationMessage = await saveMessage({
         thread_id: threadId,
diff --git a/src/leapfrogai_ui/src/lib/schemas/chat.ts b/src/leapfrogai_ui/src/lib/schemas/chat.ts
index efa1db8f6..8835e44c9 100644
--- a/src/leapfrogai_ui/src/lib/schemas/chat.ts
+++ b/src/leapfrogai_ui/src/lib/schemas/chat.ts
@@ -15,8 +15,8 @@ export const stringIdArraySchema = object({
   .noUnknown(true)
   .strict();
 
-const contentInputSchema = string().max(Number(env.PUBLIC_MESSAGE_LENGTH_LIMIT)).required();
-const contentInputSchemaNoLength = string().required();
+const contentInputSchema = string().max(Number(env.PUBLIC_MESSAGE_LENGTH_LIMIT));
+const contentInputSchemaNoLength = string();
 
 export const messageInputSchema: ObjectSchema<NewMessageInput> = object({
   thread_id: string().required(),
diff --git a/src/leapfrogai_ui/src/lib/types/messages.d.ts b/src/leapfrogai_ui/src/lib/types/messages.d.ts
index 96108edd6..47693ea4a 100644
--- a/src/leapfrogai_ui/src/lib/types/messages.d.ts
+++ b/src/leapfrogai_ui/src/lib/types/messages.d.ts
@@ -8,7 +8,7 @@ import type { ChatRequestOptions, CreateMessage } from 'ai';
 
 export type NewMessageInput = {
   thread_id: string;
-  content: string;
+  content?: string;
   role: 'user' | 'assistant';
   assistantId?: string;
   metadata?: unknown;
diff --git a/src/leapfrogai_ui/src/routes/api/messages/new/+server.ts b/src/leapfrogai_ui/src/routes/api/messages/new/+server.ts
index f12a16123..01ec01a72 100644
--- a/src/leapfrogai_ui/src/routes/api/messages/new/+server.ts
+++ b/src/leapfrogai_ui/src/routes/api/messages/new/+server.ts
@@ -16,7 +16,6 @@ export const POST: RequestHandler = async ({ request, locals: { session } }) =>
   try {
     requestData = (await request.json()) as NewMessageInput;
     if (requestData.lengthOverride) {
-      // TODO
       await messageInputSchema.validate(requestData, { abortEarly: false });
     } else {
       await messageInputSchema.validate(requestData, { abortEarly: false });
diff --git a/src/leapfrogai_ui/src/routes/api/threads/[thread_id]/messages/[message_id]/+server.ts b/src/leapfrogai_ui/src/routes/api/threads/[thread_id]/messages/[message_id]/+server.ts
new file mode 100644
index 000000000..70f0bd9fc
--- /dev/null
+++ b/src/leapfrogai_ui/src/routes/api/threads/[thread_id]/messages/[message_id]/+server.ts
@@ -0,0 +1,23 @@
+import type { RequestHandler } from './$types';
+import { error } from '@sveltejs/kit';
+import { handleError } from '$helpers/apiHelpers';
+import { getOpenAiClient } from '$lib/server/constants';
+
+export const POST: RequestHandler = async ({ params, locals: { session } }) => {
+  if (!session) {
+    error(401, 'Unauthorized');
+  }
+
+  if (!params?.thread_id || !params?.message_id) {
+    error(400, 'Bad Request');
+  }
+
+  try {
+    const openai = getOpenAiClient(session.access_token);
+    const message = await openai.beta.threads.messages.update(params.thread_id, params.message_id, {
+
+    });
+  } catch (e) {
+    return handleError(e);
+  }
+};

From 26dac1c32689dcb16ec4a90a78943a3c4d5833ab Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Thu, 19 Sep 2024 12:56:49 -0600
Subject: [PATCH 15/18] use placeholder message

---
 .../src/lib/components/FileChatActions.svelte | 42 +++++++------------
 src/leapfrogai_ui/src/lib/stores/threads.ts   | 41 ++++++++++++++++++
 2 files changed, 56 insertions(+), 27 deletions(-)

diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index dbfabe86b..a51dfdc29 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { Button, Spinner } from 'flowbite-svelte';
+  import { Button } from 'flowbite-svelte';
+  import { v4 as uuidv4 } from 'uuid';
   import { fade } from 'svelte/transition';
   import { shortenFileName } from '$helpers/stringHelpers';
   import { saveMessage } from '$helpers/chatHelpers';
@@ -43,10 +44,17 @@
   };
 
   const translateFile = async (fileMetadata: FileMetadata) => {
+    const attachedFileMetadataCopy = [...attachedFileMetadata];
+    const attachedFilesCopy = [...attachedFiles];
+    // Remove the file and file metadata to hide the actions since the response will stream in this case
+    attachedFiles = attachedFiles.filter((file) => file.id !== fileMetadata.id);
+    attachedFileMetadata = attachedFileMetadata.filter((file) => file.id !== fileMetadata.id);
+
     if (!fileMetadata.id) {
       await handleTranslationError(FILE_TRANSLATION_ERROR());
       return;
     }
+
     translatingId = fileMetadata.id;
     await threadsStore.setSendingBlocked(true);
     try {
@@ -57,7 +65,7 @@
         threadId = $page.params.thread_id;
       }
 
-      const metadataToSave = attachedFileMetadata.find((f) => f.id === fileMetadata.id);
+      const metadataToSave = attachedFileMetadataCopy.find((f) => f.id === fileMetadata.id);
       if (!metadataToSave) throw Error('Error getting file metadata');
       // Save new user message
       const newMessage = await saveMessage({
@@ -71,32 +79,21 @@
       await threadsStore.addMessageToStore(newMessage);
       threadsStore.updateMessagesState(originalMessages, setMessages, newMessage);
 
-
-      // This is used to create a "skeleton" message while the file is being translated
-      // It is deleted once the translation is complete
-      const emptyResponse = await saveMessage({
-        thread_id: threadId,
-        content: '',
-        role: 'assistant',
-      });
-      await threadsStore.addMessageToStore(emptyResponse);
-      threadsStore.updateMessagesState(originalMessages, setMessages, emptyResponse);
-
+      const tempId = uuidv4();
+      await threadsStore.addTempEmptyMessage(threadId, tempId);
 
       // translate
-      const file = attachedFiles.find((f) => f.id === fileMetadata.id);
+      const file = attachedFilesCopy.find((f) => f.id === fileMetadata.id);
       if (!file) {
         await handleTranslationError(FILE_TRANSLATION_ERROR());
         return;
       }
-
       const formData = new FormData();
       formData.append('file', file);
       const translateRes = await fetch(`/api/audio/translation`, {
         method: 'POST',
         body: formData
       });
-
       const translateResJson = await translateRes.json();
       if (!translateRes.ok) {
         if (translateResJson.message === `ValidationError: ${AUDIO_FILE_SIZE_ERROR_TEXT}`) {
@@ -107,18 +104,14 @@
         return;
       }
 
-      await threadsStore.deleteMessage(threadId, emptyResponse.id);
-
       // save translation response
       const translationMessage = await saveMessage({
         thread_id: threadId,
         content: translateResJson.text,
         role: 'assistant'
       });
-      await threadsStore.addMessageToStore(translationMessage);
+      threadsStore.replaceTempMessageWithActual(threadId, tempId, translationMessage);
       threadsStore.updateMessagesState(originalMessages, setMessages, translationMessage);
-      attachedFiles = attachedFiles.filter((file) => file.id !== fileMetadata.id);
-      attachedFileMetadata = attachedFileMetadata.filter((file) => file.id !== fileMetadata.id);
     } catch {
       await handleTranslationError(FILE_TRANSLATION_ERROR());
       return;
@@ -142,12 +135,7 @@
         on:click={() => translateFile(file)}
         disabled={translatingId}
       >
-        {#if translatingId === file.id}
-          <Spinner class="me-2" size="2" color="white" /><span
-            >{`Translating ${shortenFileName(file.name)}`}</span
-          >
-        {:else}
-          {`Translate ${shortenFileName(file.name)}`}{/if}</Button
+        {`Translate ${shortenFileName(file.name)}`}</Button
       >
     </div>
   {/each}
diff --git a/src/leapfrogai_ui/src/lib/stores/threads.ts b/src/leapfrogai_ui/src/lib/stores/threads.ts
index 273875b8a..7f6a33b22 100644
--- a/src/leapfrogai_ui/src/lib/stores/threads.ts
+++ b/src/leapfrogai_ui/src/lib/stores/threads.ts
@@ -209,6 +209,47 @@ const createThreadsStore = () => {
         });
       }
     },
+    // The following temp empty message methods are for showing a message skeleton in the messages window
+    // while waiting for a full response (e.g. waiting for translation response)
+    addTempEmptyMessage: (threadId: string, tempId: string) => {
+      update((old) => {
+        const updatedThreads = [...old.threads];
+        const threadIndex = old.threads.findIndex((c) => c.id === threadId);
+        const oldThread = old.threads[threadIndex];
+        updatedThreads[threadIndex] = {
+          ...oldThread,
+          messages: [
+            ...(oldThread.messages || []),
+            { id: tempId, role: 'assistant', content: '', createdAt: new Date() }
+          ]
+        };
+        return {
+          ...old,
+          threads: updatedThreads
+        };
+      });
+    },
+    replaceTempMessageWithActual: (threadId: string, tempId: string, newMessage: LFMessage) => {
+      update((old) => {
+        const updatedThreads = [...old.threads];
+        const threadIndex = old.threads.findIndex((c) => c.id === threadId);
+        const tempMessageIndex = old.threads[threadIndex].messages?.findIndex(
+          (m) => m.id === tempId
+        );
+        if (!tempMessageIndex || tempMessageIndex === -1) return old;
+        const oldThread = old.threads[threadIndex];
+        const messagesCopy = [...(oldThread.messages || [])];
+        messagesCopy[tempMessageIndex] = newMessage;
+        updatedThreads[threadIndex] = {
+          ...oldThread,
+          messages: messagesCopy
+        };
+        return {
+          ...old,
+          threads: updatedThreads
+        };
+      });
+    },
     updateMessagesState: (
       originalMessages: Message[],
       setMessages: (messages: Message[]) => void,

From 8c978c72e13767cbd35c3da75f6d52bd54da6d3b Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Thu, 19 Sep 2024 13:07:46 -0600
Subject: [PATCH 16/18] handle translation error

---
 .../src/lib/components/FileChatActions.svelte | 26 ++++++++++++++-----
 src/leapfrogai_ui/src/lib/stores/threads.ts   | 11 +++++++-
 2 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index a51dfdc29..7e68d521d 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -57,6 +57,7 @@
 
     translatingId = fileMetadata.id;
     await threadsStore.setSendingBlocked(true);
+    let tempId: string;
     try {
       if (!threadId) {
         // create new thread
@@ -79,7 +80,7 @@
       await threadsStore.addMessageToStore(newMessage);
       threadsStore.updateMessagesState(originalMessages, setMessages, newMessage);
 
-      const tempId = uuidv4();
+      tempId = uuidv4();
       await threadsStore.addTempEmptyMessage(threadId, tempId);
 
       // translate
@@ -105,14 +106,27 @@
       }
 
       // save translation response
-      const translationMessage = await saveMessage({
-        thread_id: threadId,
-        content: translateResJson.text,
-        role: 'assistant'
-      });
+      let translationMessage;
+      try {
+        translationMessage = await saveMessage({
+          thread_id: '123',
+          content: translateResJson.text,
+          role: 'assistant'
+        });
+      } catch {
+        translationMessage = await saveMessage({
+          thread_id: threadId,
+          content: 'There was an error translating the file',
+          role: 'assistant'
+        });
+      }
+
       threadsStore.replaceTempMessageWithActual(threadId, tempId, translationMessage);
       threadsStore.updateMessagesState(originalMessages, setMessages, translationMessage);
     } catch {
+      if (tempId) {
+        threadsStore.removeMessageFromStore(threadId, tempId);
+      }
       await handleTranslationError(FILE_TRANSLATION_ERROR());
       return;
     }
diff --git a/src/leapfrogai_ui/src/lib/stores/threads.ts b/src/leapfrogai_ui/src/lib/stores/threads.ts
index 7f6a33b22..0b9738fbb 100644
--- a/src/leapfrogai_ui/src/lib/stores/threads.ts
+++ b/src/leapfrogai_ui/src/lib/stores/threads.ts
@@ -236,7 +236,7 @@ const createThreadsStore = () => {
         const tempMessageIndex = old.threads[threadIndex].messages?.findIndex(
           (m) => m.id === tempId
         );
-        if (!tempMessageIndex || tempMessageIndex === -1) return old;
+        if (!tempMessageIndex || tempMessageIndex === -1) return { ...old };
         const oldThread = old.threads[threadIndex];
         const messagesCopy = [...(oldThread.messages || [])];
         messagesCopy[tempMessageIndex] = newMessage;
@@ -250,6 +250,15 @@ const createThreadsStore = () => {
         };
       });
     },
+    removeMessageFromStore: (threadId: string, messageId: string) => {
+      update((old) => {
+        const updatedThreads = [...old.threads];
+        const threadIndex = old.threads.findIndex((c) => c.id === threadId);
+        updatedThreads[threadIndex].messages =
+          old.threads[threadIndex].messages?.filter((m) => m.id !== messageId) || [];
+        return { ...old, thread: updatedThreads };
+      });
+    },
     updateMessagesState: (
       originalMessages: Message[],
       setMessages: (messages: Message[]) => void,

From 2479344f5350611be6e3cb76cde3a0f4cbe21fea Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Thu, 19 Sep 2024 14:18:22 -0600
Subject: [PATCH 17/18] adjust tests

---
 .../src/lib/components/FileChatActions.svelte |   3 ++-
 .../lib/components/FileChatActions.test.ts    |  24 ++++++++++++++----
 .../lib/components/UploadedFileCard.svelte    |   4 +--
 .../messages/[message_id]/+server.ts          |  23 -----------------
 src/leapfrogai_ui/tests/fixtures/spanish.m4a  | Bin 22725 -> 26614 bytes
 src/leapfrogai_ui/tests/translation.test.ts   |   5 ++--
 6 files changed, 25 insertions(+), 34 deletions(-)
 delete mode 100644 src/leapfrogai_ui/src/routes/api/threads/[thread_id]/messages/[message_id]/+server.ts

diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index 7e68d521d..494214341 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -109,11 +109,12 @@
       let translationMessage;
       try {
         translationMessage = await saveMessage({
-          thread_id: '123',
+          thread_id: threadId,
           content: translateResJson.text,
           role: 'assistant'
         });
       } catch {
+        await handleTranslationError(FILE_TRANSLATION_ERROR());
         translationMessage = await saveMessage({
           thread_id: threadId,
           content: 'There was an error translating the file',
diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
index 5927b7827..03914e7a4 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.test.ts
@@ -10,8 +10,12 @@ import {
   mockTranslationFileSizeError
 } from '$lib/mocks/chat-mocks';
 import { vi } from 'vitest';
-import { toastStore } from '$stores';
+import { threadsStore, toastStore } from '$stores';
 import { AUDIO_FILE_SIZE_ERROR_TOAST, FILE_TRANSLATION_ERROR } from '$constants/toastMessages';
+import { getFakeThread } from '$testUtils/fakeData';
+import { NO_SELECTED_ASSISTANT_ID } from '$constants';
+
+const thread = getFakeThread();
 
 const mockFile1: LFFile = new File([], 'test1.mpeg', { type: 'audio/mpeg' });
 const mockFile2: LFFile = new File([], 'test1.mp4', { type: 'audio/mp4' });
@@ -36,11 +40,21 @@ const mockMetadata2: FileMetadata = {
 };
 
 describe('FileChatActions', () => {
+  beforeEach(() => {
+    threadsStore.set({
+      threads: [thread], // uses date override starting in March
+      sendingBlocked: false,
+      selectedAssistantId: NO_SELECTED_ASSISTANT_ID,
+      lastVisitedThreadId: '',
+      streamingMessage: null
+    });
+  });
+
   it('should render a translate button for each audio file', () => {
     render(FileChatActions, {
       attachedFiles: [mockFile1, mockFile2],
       attachedFileMetadata: [mockMetadata1, mockMetadata2],
-      threadId: '123',
+      threadId: thread.id,
       originalMessages: [],
       setMessages: vi.fn()
     });
@@ -62,7 +76,7 @@ describe('FileChatActions', () => {
     render(FileChatActions, {
       attachedFiles: [mockFile1, mockFile2],
       attachedFileMetadata: [mockMetadata1, mockMetadata2],
-      threadId: '123',
+      threadId: thread.id,
       originalMessages: [],
       setMessages: vi.fn()
     });
@@ -95,7 +109,7 @@ describe('FileChatActions', () => {
     render(FileChatActions, {
       attachedFiles: [mockFile1, mockFile2],
       attachedFileMetadata: [mockMetadata1, mockMetadata2],
-      threadId: '123',
+      threadId: thread.id,
       originalMessages: [],
       setMessages: vi.fn()
     });
@@ -114,7 +128,7 @@ describe('FileChatActions', () => {
     render(FileChatActions, {
       attachedFiles: [mockFile1, mockFile2],
       attachedFileMetadata: [mockMetadata1, mockMetadata2],
-      threadId: '123',
+      threadId: thread.id,
       originalMessages: [],
       setMessages: vi.fn()
     });
diff --git a/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte b/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
index f4ed7a802..03f9b6cbe 100644
--- a/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
+++ b/src/leapfrogai_ui/src/lib/components/UploadedFileCard.svelte
@@ -46,9 +46,7 @@
           {/if}
         </div>
         <h5 class="flex flex-col">
-          <div
-            class={`max-w-56 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold text-gray-900 dark:text-white `}
-          >
+          <div class={`max-w-56 truncate text-sm font-bold text-gray-900 dark:text-white `}>
             {fileMetadata.name}
           </div>
 
diff --git a/src/leapfrogai_ui/src/routes/api/threads/[thread_id]/messages/[message_id]/+server.ts b/src/leapfrogai_ui/src/routes/api/threads/[thread_id]/messages/[message_id]/+server.ts
deleted file mode 100644
index 70f0bd9fc..000000000
--- a/src/leapfrogai_ui/src/routes/api/threads/[thread_id]/messages/[message_id]/+server.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { RequestHandler } from './$types';
-import { error } from '@sveltejs/kit';
-import { handleError } from '$helpers/apiHelpers';
-import { getOpenAiClient } from '$lib/server/constants';
-
-export const POST: RequestHandler = async ({ params, locals: { session } }) => {
-  if (!session) {
-    error(401, 'Unauthorized');
-  }
-
-  if (!params?.thread_id || !params?.message_id) {
-    error(400, 'Bad Request');
-  }
-
-  try {
-    const openai = getOpenAiClient(session.access_token);
-    const message = await openai.beta.threads.messages.update(params.thread_id, params.message_id, {
-
-    });
-  } catch (e) {
-    return handleError(e);
-  }
-};
diff --git a/src/leapfrogai_ui/tests/fixtures/spanish.m4a b/src/leapfrogai_ui/tests/fixtures/spanish.m4a
index da7f324c839b6ebbe08240471303f354080a22ce..9f57e6baac9f9ffbb474b0dad83fac37992bca84 100644
GIT binary patch
literal 26614
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

literal 22725
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
Btor}}

diff --git a/src/leapfrogai_ui/tests/translation.test.ts b/src/leapfrogai_ui/tests/translation.test.ts
index 9cc064c73..98b6dd471 100644
--- a/src/leapfrogai_ui/tests/translation.test.ts
+++ b/src/leapfrogai_ui/tests/translation.test.ts
@@ -16,11 +16,12 @@ test('it can translate an audio file', async ({ page, openAIClient }) => {
   const chatTools = page.getByTestId('chat-tools');
   await chatTools.getByRole('button', { name: 'Translate spanish.m4a' }).click();
 
-  await expect(page.getByText(`Translating spanish.m4a`)).toBeVisible();
+  await expect(page.getByTestId('loading-msg')).toHaveCount(1); // loading skeleton
+  await expect(page.getByTestId('loading-msg')).not.toBeVisible();
   await expect(page.getByTestId('message')).toHaveCount(2);
   const messages = await page.getByTestId('message').all();
   const responseText = await messages[1].innerText();
-  expect(responseText).toContain('cat');
+  expect(responseText).toContain('unicorn');
 
   await deleteActiveThread(page, openAIClient);
 });

From 68da3cdd18e6be13596a9d74f1654b4ea5b3104a Mon Sep 17 00:00:00 2001
From: Andrew Risse <andrewrisse@gmail.com>
Date: Thu, 19 Sep 2024 14:53:24 -0600
Subject: [PATCH 18/18] remove edit and regen for translations

---
 .../src/lib/components/FileChatActions.svelte | 29 ++++++++++++-------
 .../src/lib/components/Message.svelte         |  4 +--
 src/leapfrogai_ui/testUtils/fakeData/index.ts | 16 ++++++++++
 src/leapfrogai_ui/tests/translation.test.ts   |  3 ++
 4 files changed, 39 insertions(+), 13 deletions(-)

diff --git a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
index 494214341..f162407b6 100644
--- a/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
+++ b/src/leapfrogai_ui/src/lib/components/FileChatActions.svelte
@@ -55,6 +55,13 @@
       return;
     }
 
+    const file = attachedFilesCopy.find((f) => f.id === fileMetadata.id);
+    const metadataToSave = attachedFileMetadataCopy.find((f) => f.id === fileMetadata.id);
+    if (!file || !metadataToSave) {
+      await handleTranslationError(FILE_TRANSLATION_ERROR());
+      return;
+    }
+
     translatingId = fileMetadata.id;
     await threadsStore.setSendingBlocked(true);
     let tempId: string;
@@ -66,15 +73,14 @@
         threadId = $page.params.thread_id;
       }
 
-      const metadataToSave = attachedFileMetadataCopy.find((f) => f.id === fileMetadata.id);
-      if (!metadataToSave) throw Error('Error getting file metadata');
       // Save new user message
       const newMessage = await saveMessage({
         thread_id: threadId,
-        content: `Translate ${fileMetadata.name}`,
+        content: `Translate ${file.name}`, // use full name instead of metadata name which might be truncated
         role: 'user',
         metadata: {
-          filesMetadata: JSON.stringify([metadataToSave])
+          filesMetadata: JSON.stringify([metadataToSave]),
+          wasTranscriptionOrTranslation: 'true'
         }
       });
       await threadsStore.addMessageToStore(newMessage);
@@ -84,11 +90,6 @@
       await threadsStore.addTempEmptyMessage(threadId, tempId);
 
       // translate
-      const file = attachedFilesCopy.find((f) => f.id === fileMetadata.id);
-      if (!file) {
-        await handleTranslationError(FILE_TRANSLATION_ERROR());
-        return;
-      }
       const formData = new FormData();
       formData.append('file', file);
       const translateRes = await fetch(`/api/audio/translation`, {
@@ -111,14 +112,20 @@
         translationMessage = await saveMessage({
           thread_id: threadId,
           content: translateResJson.text,
-          role: 'assistant'
+          role: 'assistant',
+          metadata: {
+            wasTranscriptionOrTranslation: 'true'
+          }
         });
       } catch {
         await handleTranslationError(FILE_TRANSLATION_ERROR());
         translationMessage = await saveMessage({
           thread_id: threadId,
           content: 'There was an error translating the file',
-          role: 'assistant'
+          role: 'assistant',
+          metadata: {
+            wasTranscriptionOrTranslation: 'true'
+          }
         });
       }
 
diff --git a/src/leapfrogai_ui/src/lib/components/Message.svelte b/src/leapfrogai_ui/src/lib/components/Message.svelte
index 5496a2b0f..0af165b1f 100644
--- a/src/leapfrogai_ui/src/lib/components/Message.svelte
+++ b/src/leapfrogai_ui/src/lib/components/Message.svelte
@@ -197,7 +197,7 @@
       {/if}
 
       <div class="flex gap-1 pl-4">
-        {#if message.role === 'user' && !editMode}
+        {#if message.role === 'user' && !editMode && !message.metadata?.wasTranscriptionOrTranslation}
           <IconButton
             class={!messageIsHovered && 'hide'}
             on:click={() => (editMode = true)}
@@ -219,7 +219,7 @@
             <FileCopyOutline />
           </IconButton>
         {/if}
-        {#if message.role !== 'user' && isLastMessage && !$threadsStore.sendingBlocked}
+        {#if message.role !== 'user' && isLastMessage && !$threadsStore.sendingBlocked && !message.metadata?.wasTranscriptionOrTranslation}
           <IconButton
             data-testid="regenerate btn"
             class={!messageIsHovered && 'hide'}
diff --git a/src/leapfrogai_ui/testUtils/fakeData/index.ts b/src/leapfrogai_ui/testUtils/fakeData/index.ts
index 98cc60645..7ead385af 100644
--- a/src/leapfrogai_ui/testUtils/fakeData/index.ts
+++ b/src/leapfrogai_ui/testUtils/fakeData/index.ts
@@ -16,6 +16,7 @@ import type { Assistant } from 'openai/resources/beta/assistants';
 import type { VectorStore } from 'openai/resources/beta/vector-stores/index';
 import type { VectorStoreFile } from 'openai/resources/beta/vector-stores/files';
 import { type APIKeyRow, PERMISSIONS } from '../../src/lib/types/apiKeys';
+import type { FileMetadata, FileUploadStatus } from '$lib/types/files';
 
 const todayOverride = new Date('2024-03-20T00:00');
 
@@ -346,3 +347,18 @@ export const getFakeApiKeys = (options: GetFakeApiKeysOptions = {}): APIKeyRow[]
 };
 
 export const fakeKeys = getFakeApiKeys({ numKeys: 4 });
+
+type GetMockFileMetadataOptions = {
+  text?: string;
+  status?: FileUploadStatus;
+};
+export const getMockFileMetadata = (options: GetMockFileMetadataOptions = {}): FileMetadata => {
+  const { text = faker.word.noun(), status = 'complete' } = options;
+  return {
+    id: faker.string.uuid().substring(0, 8),
+    name: 'fake-file.pdf',
+    type: 'application/pdf',
+    text,
+    status
+  };
+};
diff --git a/src/leapfrogai_ui/tests/translation.test.ts b/src/leapfrogai_ui/tests/translation.test.ts
index 98b6dd471..364f8491e 100644
--- a/src/leapfrogai_ui/tests/translation.test.ts
+++ b/src/leapfrogai_ui/tests/translation.test.ts
@@ -19,6 +19,9 @@ test('it can translate an audio file', async ({ page, openAIClient }) => {
   await expect(page.getByTestId('loading-msg')).toHaveCount(1); // loading skeleton
   await expect(page.getByTestId('loading-msg')).not.toBeVisible();
   await expect(page.getByTestId('message')).toHaveCount(2);
+  // Edit and regen disabled for translated messages
+  await expect(page.getByTestId('edit-message')).not.toBeVisible();
+  await expect(page.getByTestId('regenerate btn')).not.toBeVisible();
   const messages = await page.getByTestId('message').all();
   const responseText = await messages[1].innerText();
   expect(responseText).toContain('unicorn');