From 65a925f92f57ce92df38beeac9d4f3d2bcee5c42 Mon Sep 17 00:00:00 2001
From: Hugo Richard <hugo.richard@vercel.com>
Date: Mon, 27 Oct 2025 11:37:27 +0000
Subject: [PATCH 1/4] feat: add file(s) upload

---
 app/app.vue                         |   2 +-
 app/components/DragDropOverlay.vue  | 104 +++++++++++++++++++++++
 app/components/FileAvatar.vue       |  63 ++++++++++++++
 app/components/FileUploadButton.vue |  49 +++++++++++
 app/composables/useFileUpload.ts    | 126 ++++++++++++++++++++++++++++
 app/pages/chat/[id].vue             |  61 ++++++++++++--
 app/pages/index.vue                 |  59 +++++++++++--
 package.json                        |   2 +-
 patches/@nuxt__vite-builder.patch   |  12 +++
 pnpm-lock.yaml                      | 104 ++++++++++++++++++-----
 pnpm-workspace.yaml                 |   3 +
 server/api/chats.post.ts            |  11 ++-
 server/api/chats/[id].delete.ts     |  34 +++++++-
 server/api/chats/[id].post.ts       |   4 +-
 server/api/upload.delete.ts         |  36 ++++++++
 server/api/upload.post.ts           |  64 ++++++++++++++
 shared/utils/file.ts                |  64 ++++++++++++++
 shared/utils/index.ts               |   1 +
 18 files changed, 759 insertions(+), 40 deletions(-)
 create mode 100644 app/components/DragDropOverlay.vue
 create mode 100644 app/components/FileAvatar.vue
 create mode 100644 app/components/FileUploadButton.vue
 create mode 100644 app/composables/useFileUpload.ts
 create mode 100644 patches/@nuxt__vite-builder.patch
 create mode 100644 server/api/upload.delete.ts
 create mode 100644 server/api/upload.post.ts
 create mode 100644 shared/utils/file.ts

diff --git a/app/app.vue b/app/app.vue
index d73a2a2..d337643 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -32,7 +32,7 @@ useSeoMeta({
 </script>
 
 <template>
-  <UApp :toaster="{ position: 'top-right' }">
+  <UApp :toaster="{ position: 'top-right' }" :tooltip="{ delayDuration: 200 }">
     <NuxtLoadingIndicator color="var(--ui-primary)" />
 
     <NuxtLayout>
diff --git a/app/components/DragDropOverlay.vue b/app/components/DragDropOverlay.vue
new file mode 100644
index 0000000..e5ac7e6
--- /dev/null
+++ b/app/components/DragDropOverlay.vue
@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import { Motion } from 'motion-v'
+
+const { loggedIn } = useUserSession()
+
+defineProps<{
+  show: boolean
+}>()
+</script>
+
+<template>
+  <div
+    v-if="show && loggedIn"
+    class="absolute inset-0 z-50 flex items-center justify-center backdrop-blur-lg pointer-events-none"
+  >
+    <div class="absolute text-center">
+      <div class="flex items-center justify-center gap-2">
+        <Motion
+          :initial="{
+            rotate: 0,
+            scale: 0.5,
+            opacity: 0
+          }"
+          :animate="show ? {
+            rotate: -15,
+            scale: 1,
+            opacity: 1
+          } : {}"
+          :transition="{
+            type: 'spring',
+            stiffness: 400,
+            damping: 18,
+            delay: 0
+          }"
+        >
+          <UIcon name="i-lucide-file-text" class="size-12" />
+        </Motion>
+        <Motion
+          :initial="{
+            scale: 0.5,
+            opacity: 0,
+            y: 0
+          }"
+          :animate="show ? {
+            scale: 1,
+            opacity: 1,
+            y: 0
+          } : {}"
+          :transition="{
+            type: 'spring',
+            stiffness: 500,
+            damping: 15,
+            delay: 0.03
+          }"
+        >
+          <UIcon name="i-lucide-file" class="size-14" />
+        </Motion>
+
+        <Motion
+          :initial="{
+            rotate: 0,
+            scale: 0.5,
+            opacity: 0
+          }"
+          :animate="show ? {
+            rotate: 15,
+            scale: 1,
+            opacity: 1
+          } : {}"
+          :transition="{
+            type: 'spring',
+            stiffness: 400,
+            damping: 18,
+            delay: 0.06
+          }"
+        >
+          <UIcon name="i-lucide-file-spreadsheet" class="size-12" />
+        </Motion>
+      </div>
+
+      <Motion
+        :initial="{
+          opacity: 0,
+          y: 10
+        }"
+        :animate="show ? {
+          opacity: 1,
+          y: 0
+        } : {}"
+        :transition="{
+          delay: 0.08,
+          duration: 0.2
+        }"
+      >
+        <p class="text-lg/7 font-medium mt-4">
+          Drop your files here
+        </p>
+        <p class="text-sm/6 text-muted">
+          Supported formats: Images, PDFs, CSV files
+        </p>
+      </Motion>
+    </div>
+  </div>
+</template>
diff --git a/app/components/FileAvatar.vue b/app/components/FileAvatar.vue
new file mode 100644
index 0000000..5faf30e
--- /dev/null
+++ b/app/components/FileAvatar.vue
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+interface FileAvatarProps {
+  name: string
+  type: string
+  previewUrl?: string
+  status?: 'idle' | 'uploading' | 'uploaded' | 'error'
+  error?: string
+  removable?: boolean
+}
+
+withDefaults(defineProps<FileAvatarProps>(), {
+  status: 'idle',
+  removable: false
+})
+
+const emit = defineEmits<{
+  remove: []
+}>()
+</script>
+
+<template>
+  <div class="relative group">
+    <UTooltip arrow :text="removeRandomSuffix(name)">
+      <UAvatar
+        size="3xl"
+        :src="type.startsWith('image/') ? previewUrl : undefined"
+        :icon="getFileIcon(type, name)"
+        class="border border-default rounded-lg"
+        :class="{
+          'opacity-50': status === 'uploading',
+          'border-error': status === 'error'
+        }"
+      />
+    </UTooltip>
+
+    <div
+      v-if="status === 'uploading'"
+      class="absolute inset-0 flex items-center justify-center bg-black/50 rounded-lg"
+    >
+      <UIcon name="i-lucide-loader-2" class="size-8 animate-spin text-white" />
+    </div>
+
+    <UTooltip
+      v-if="status === 'error'"
+      :text="error"
+    >
+      <div class="absolute inset-0 flex items-center justify-center bg-error/50 rounded-lg">
+        <UIcon name="i-lucide-alert-circle" class="size-8 text-white" />
+      </div>
+    </UTooltip>
+
+    <UButton
+      v-if="removable && status !== 'uploading'"
+      icon="i-lucide-x"
+      size="xs"
+      square
+      color="neutral"
+      variant="solid"
+      class="absolute p-0 -top-1 -right-1 opacity-0 group-hover:opacity-100 transition-opacity rounded-full"
+      @click="emit('remove')"
+    />
+  </div>
+</template>
diff --git a/app/components/FileUploadButton.vue b/app/components/FileUploadButton.vue
new file mode 100644
index 0000000..cc6350b
--- /dev/null
+++ b/app/components/FileUploadButton.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+const { loggedIn } = useUserSession()
+
+const emit = defineEmits<{
+  filesSelected: [files: File[]]
+}>()
+
+const inputId = useId()
+
+function handleFileSelect(e: Event) {
+  const input = e.target as HTMLInputElement
+  const files = Array.from(input.files || [])
+
+  if (files.length > 0) {
+    emit('filesSelected', files)
+  }
+
+  input.value = ''
+}
+</script>
+
+<template>
+  <UTooltip
+    :content="{
+      side: 'top'
+    }"
+    :text="!loggedIn ? 'You need to be logged in to upload files' : ''"
+  >
+    <label :for="inputId" :class="{ 'cursor-not-allowed opacity-50': !loggedIn }">
+      <UButton
+        icon="i-lucide-paperclip"
+        variant="ghost"
+        color="neutral"
+        size="sm"
+        as="span"
+        :disabled="!loggedIn"
+      />
+    </label>
+    <input
+      :id="inputId"
+      type="file"
+      multiple
+      :accept="FILE_UPLOAD_CONFIG.acceptPattern"
+      class="hidden"
+      :disabled="!loggedIn"
+      @change="handleFileSelect"
+    >
+  </UTooltip>
+</template>
diff --git a/app/composables/useFileUpload.ts b/app/composables/useFileUpload.ts
new file mode 100644
index 0000000..b12a4e4
--- /dev/null
+++ b/app/composables/useFileUpload.ts
@@ -0,0 +1,126 @@
+function createObjectUrl(file: File): string {
+  return URL.createObjectURL(file)
+}
+
+async function uploadFileToBlob(file: File, chatId: string): Promise<UploadResponse> {
+  const formData = new FormData()
+  formData.append('file', file)
+  formData.append('chatId', chatId)
+
+  return await $fetch('/api/upload', {
+    method: 'POST',
+    body: formData
+  })
+}
+
+export function useFileUploadWithStatus(chatId: string) {
+  const files = ref<FileWithStatus[]>([])
+  const toast = useToast()
+  const { loggedIn } = useUserSession()
+
+  async function uploadFiles(newFiles: File[]) {
+    if (!loggedIn.value) {
+      return
+    }
+
+    const filesWithStatus: FileWithStatus[] = newFiles.map(file => ({
+      file,
+      id: crypto.randomUUID(),
+      previewUrl: createObjectUrl(file),
+      status: 'uploading' as const
+    }))
+
+    files.value = [...files.value, ...filesWithStatus]
+
+    const uploadPromises = filesWithStatus.map(async (fileWithStatus) => {
+      try {
+        const response = await uploadFileToBlob(fileWithStatus.file, chatId)
+
+        const index = files.value.findIndex(f => f.id === fileWithStatus.id)
+        if (index !== -1) {
+          files.value[index] = {
+            ...files.value[index]!,
+            status: 'uploaded',
+            uploadedUrl: response.url
+          }
+        }
+      } catch (error) {
+        const index = files.value.findIndex(f => f.id === fileWithStatus.id)
+        toast.add({
+          title: 'Upload failed',
+          description: (error as { statusMessage?: string }).statusMessage || 'Upload failed',
+          icon: 'i-lucide-alert-circle',
+          color: 'error'
+        })
+        if (index !== -1) {
+          files.value[index] = {
+            ...files.value[index]!,
+            status: 'error',
+            error: (error as { statusMessage?: string }).statusMessage || 'Upload failed'
+          }
+        }
+      }
+    })
+
+    await Promise.allSettled(uploadPromises)
+  }
+
+  const { dropzoneRef, isDragging } = useFileUpload({
+    accept: FILE_UPLOAD_CONFIG.acceptPattern,
+    multiple: true,
+    onUpdate: uploadFiles
+  })
+
+  const isUploading = computed(() =>
+    files.value.some(f => f.status === 'uploading')
+  )
+
+  const uploadedFiles = computed(() =>
+    files.value
+      .filter(f => f.status === 'uploaded' && f.uploadedUrl)
+      .map(f => ({
+        type: 'file' as const,
+        mediaType: f.file.type,
+        url: f.uploadedUrl!
+      }))
+  )
+
+  function removeFile(id: string) {
+    const file = files.value.find(f => f.id === id)
+    if (file) {
+      URL.revokeObjectURL(file.previewUrl)
+      files.value = files.value.filter(f => f.id !== id)
+
+      if (file.status === 'uploaded' && file.uploadedUrl) {
+        $fetch('/api/upload', {
+          method: 'DELETE',
+          body: { url: file.uploadedUrl }
+        }).catch((error) => {
+          console.error('Failed to delete file from blob:', error)
+        })
+      }
+    }
+  }
+
+  function clearFiles() {
+    files.value.forEach((fileWithStatus) => {
+      URL.revokeObjectURL(fileWithStatus.previewUrl)
+    })
+    files.value = []
+  }
+
+  onUnmounted(() => {
+    clearFiles()
+  })
+
+  return {
+    dropzoneRef,
+    isDragging,
+    files,
+    isUploading,
+    uploadedFiles,
+    addFiles: uploadFiles,
+    removeFile,
+    clearFiles
+  }
+}
diff --git a/app/pages/chat/[id].vue b/app/pages/chat/[id].vue
index 05b72c6..682aaf8 100644
--- a/app/pages/chat/[id].vue
+++ b/app/pages/chat/[id].vue
@@ -16,6 +16,28 @@ const toast = useToast()
 const clipboard = useClipboard()
 const { model } = useModels()
 
+function getFileName(url: string): string {
+  try {
+    const urlObj = new URL(url)
+    const pathname = urlObj.pathname
+    const filename = pathname.split('/').pop() || 'file'
+    return decodeURIComponent(filename)
+  } catch {
+    return 'file'
+  }
+}
+
+const {
+  dropzoneRef,
+  isDragging,
+  files,
+  isUploading,
+  uploadedFiles,
+  addFiles,
+  removeFile,
+  clearFiles
+} = useFileUploadWithStatus(route.params.id as string)
+
 const { data } = await useFetch(`/api/chats/${route.params.id}`, {
   cache: 'force-cache'
 })
@@ -51,13 +73,15 @@ const chat = new Chat({
   }
 })
 
-function handleSubmit(e: Event) {
+async function handleSubmit(e: Event) {
   e.preventDefault()
-  if (input.value.trim()) {
+  if (input.value.trim() && !isUploading.value) {
     chat.sendMessage({
-      text: input.value
+      text: input.value,
+      files: uploadedFiles.value.length > 0 ? uploadedFiles.value : undefined
     })
     input.value = ''
+    clearFiles()
   }
 }
 
@@ -87,7 +111,8 @@ onMounted(() => {
     </template>
 
     <template #body>
-      <UContainer class="flex-1 flex flex-col gap-4 sm:gap-6">
+      <DragDropOverlay :show="isDragging" />
+      <UContainer ref="dropzoneRef" class="flex-1 flex flex-col gap-4 sm:gap-6">
         <UChatMessages
           should-auto-scroll
           :messages="chat.messages"
@@ -120,6 +145,12 @@ onMounted(() => {
                   v-else-if="part.type === 'tool-chart'"
                   :invocation="(part as ChartUIToolInvocation)"
                 />
+                <FileAvatar
+                  v-else-if="part.type === 'file'"
+                  :name="getFileName(part.url)"
+                  :type="part.mediaType"
+                  :preview-url="part.url"
+                />
               </template>
             </div>
           </template>
@@ -128,15 +159,35 @@ onMounted(() => {
         <UChatPrompt
           v-model="input"
           :error="chat.error"
+          :disabled="isUploading"
           variant="subtle"
           class="sticky bottom-0 [view-transition-name:chat-prompt] rounded-b-none z-10"
           @submit="handleSubmit"
         >
+          <template v-if="files.length > 0" #header>
+            <div class="flex flex-wrap gap-2">
+              <FileAvatar
+                v-for="fileWithStatus in files"
+                :key="fileWithStatus.id"
+                :name="fileWithStatus.file.name"
+                :type="fileWithStatus.file.type"
+                :preview-url="fileWithStatus.previewUrl"
+                :status="fileWithStatus.status"
+                :error="fileWithStatus.error"
+                removable
+                @remove="removeFile(fileWithStatus.id)"
+              />
+            </div>
+          </template>
           <template #footer>
-            <ModelSelect v-model="model" />
+            <div class="flex items-center gap-2">
+              <FileUploadButton @files-selected="addFiles($event)" />
+              <ModelSelect v-model="model" />
+            </div>
 
             <UChatPromptSubmit
               :status="chat.status"
+              :disabled="isUploading"
               color="neutral"
               @stop="chat.stop"
               @reload="chat.regenerate"
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 20b6c8f..f6083f8 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,23 +1,49 @@
 <script setup lang="ts">
 const input = ref('')
 const loading = ref(false)
+const chatId = crypto.randomUUID()
 
 const { model } = useModels()
 
+const {
+  dropzoneRef,
+  isDragging,
+  files,
+  isUploading,
+  uploadedFiles,
+  addFiles,
+  removeFile,
+  clearFiles
+} = useFileUploadWithStatus(chatId)
+
 async function createChat(prompt: string) {
   input.value = prompt
   loading.value = true
+
+  const parts: Array<{ type: string, text?: string, mediaType?: string, url?: string }> = [{ type: 'text', text: prompt }]
+
+  if (uploadedFiles.value.length > 0) {
+    parts.push(...uploadedFiles.value)
+  }
+
   const chat = await $fetch('/api/chats', {
     method: 'POST',
-    body: { input: prompt }
+    body: {
+      id: chatId,
+      message: {
+        role: 'user',
+        parts
+      }
+    }
   })
 
   refreshNuxtData('chats')
   navigateTo(`/chat/${chat?.id}`)
 }
 
-function onSubmit() {
-  createChat(input.value)
+async function onSubmit() {
+  await createChat(input.value)
+  clearFiles()
 }
 
 const quickChats = [
@@ -59,7 +85,8 @@ const quickChats = [
     </template>
 
     <template #body>
-      <UContainer class="flex-1 flex flex-col justify-center gap-4 sm:gap-6 py-8">
+      <DragDropOverlay :show="isDragging" />
+      <UContainer ref="dropzoneRef" class="flex-1 flex flex-col justify-center gap-4 sm:gap-6 py-8">
         <h1 class="text-3xl sm:text-4xl text-highlighted font-bold">
           How can I help you today?
         </h1>
@@ -67,14 +94,34 @@ const quickChats = [
         <UChatPrompt
           v-model="input"
           :status="loading ? 'streaming' : 'ready'"
+          :disabled="isUploading"
           class="[view-transition-name:chat-prompt]"
           variant="subtle"
           @submit="onSubmit"
         >
-          <UChatPromptSubmit color="neutral" />
+          <template v-if="files.length > 0" #header>
+            <div class="flex flex-wrap gap-2">
+              <FileAvatar
+                v-for="fileWithStatus in files"
+                :key="fileWithStatus.id"
+                :name="fileWithStatus.file.name"
+                :type="fileWithStatus.file.type"
+                :preview-url="fileWithStatus.previewUrl"
+                :status="fileWithStatus.status"
+                :error="fileWithStatus.error"
+                removable
+                @remove="removeFile(fileWithStatus.id)"
+              />
+            </div>
+          </template>
 
           <template #footer>
-            <ModelSelect v-model="model" />
+            <div class="flex items-center gap-1">
+              <FileUploadButton @files-selected="addFiles($event)" />
+              <ModelSelect v-model="model" />
+            </div>
+
+            <UChatPromptSubmit color="neutral" :disabled="isUploading" />
           </template>
         </UChatPrompt>
 
diff --git a/package.json b/package.json
index 1aedcc2..7069aa0 100644
--- a/package.json
+++ b/package.json
@@ -13,13 +13,13 @@
     "db:migrate": "drizzle-kit migrate"
   },
   "dependencies": {
-    "@ai-sdk/gateway": "^2.0.2",
     "@ai-sdk/vue": "^2.0.80",
     "@iconify-json/logos": "^1.2.9",
     "@iconify-json/lucide": "^1.2.71",
     "@iconify-json/simple-icons": "^1.2.55",
     "@nuxt/ui": "^4.1.0",
     "@nuxtjs/mdc": "^0.18.0",
+    "@vercel/blob": "^2.0.0",
     "ai": "^5.0.80",
     "date-fns": "^4.1.0",
     "drizzle-orm": "^0.44.7",
diff --git a/patches/@nuxt__vite-builder.patch b/patches/@nuxt__vite-builder.patch
new file mode 100644
index 0000000..3b841a4
--- /dev/null
+++ b/patches/@nuxt__vite-builder.patch
@@ -0,0 +1,12 @@
+diff --git a/dist/index.mjs b/dist/index.mjs
+index f58ecfd7fbf251eda347e932aef875c5ac1e0fdb..fe6f591f6c96c35de6601808d86561dbb81268c1 100644
+--- a/dist/index.mjs
++++ b/dist/index.mjs
+@@ -1886,6 +1886,7 @@ function EnvironmentsPlugin(nuxt) {
+   let viteConfig;
+   return {
+     name: "nuxt:environments",
++    enforce: "pre",
+     config(config) {
+       viteConfig = config;
+       if (!nuxt.options.dev) {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fcd1e31..c537824 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,13 +7,15 @@ settings:
 overrides:
   unimport: 4.1.1
 
+patchedDependencies:
+  '@nuxt/vite-builder':
+    hash: dbfb7f37d331cee8de42bac0867af36d698e9207ed6dfd1415b4b243177e569e
+    path: patches/@nuxt__vite-builder.patch
+
 importers:
 
   .:
     dependencies:
-      '@ai-sdk/gateway':
-        specifier: ^2.0.2
-        version: 2.0.2(zod@4.1.11)
       '@ai-sdk/vue':
         specifier: ^2.0.80
         version: 2.0.81(vue@3.5.22(typescript@5.9.3))(zod@4.1.11)
@@ -28,10 +30,13 @@ importers:
         version: 1.2.55
       '@nuxt/ui':
         specifier: ^4.1.0
-        version: 4.1.0(@babel/parser@7.28.4)(change-case@5.4.4)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(embla-carousel@8.6.0)(ioredis@5.8.2)(magicast@0.3.5)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-router@4.6.3(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))(zod@4.1.11)
+        version: 4.1.0(@babel/parser@7.28.4)(@vercel/blob@2.0.0)(change-case@5.4.4)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(embla-carousel@8.6.0)(ioredis@5.8.2)(magicast@0.3.5)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-router@4.6.3(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))(zod@4.1.11)
       '@nuxtjs/mdc':
         specifier: ^0.18.0
         version: 0.18.0(magicast@0.3.5)
+      '@vercel/blob':
+        specifier: ^2.0.0
+        version: 2.0.0
       ai:
         specifier: ^5.0.80
         version: 5.0.81(zod@4.1.11)
@@ -43,7 +48,7 @@ importers:
         version: 0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)
       nuxt:
         specifier: ^4.2.0
-        version: 4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1)
+        version: 4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vercel/blob@2.0.0)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1)
       nuxt-auth-utils:
         specifier: ^0.5.25
         version: 0.5.25(magicast@0.3.5)
@@ -680,6 +685,10 @@ packages:
     resolution: {integrity: sha512-sB5uyeq+dwCWyPi31B2gQlVlo+j5brPlWx4yZBrEaRo/nhdDE8Xke1gsGgtiBdaBTxuTkceLVuVt/pclrasb0A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@fastify/busboy@2.1.1':
+    resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
+    engines: {node: '>=14'}
+
   '@floating-ui/core@1.7.3':
     resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
 
@@ -2095,6 +2104,10 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@vercel/blob@2.0.0':
+    resolution: {integrity: sha512-oAj7Pdy83YKSwIaMFoM7zFeLYWRc+qUpW3PiDSblxQMnGFb43qs4bmfq7dr/+JIfwhs6PTwe1o2YBwKhyjWxXw==}
+    engines: {node: '>=20.0.0'}
+
   '@vercel/nft@0.30.3':
     resolution: {integrity: sha512-UEq+eF0ocEf9WQCV1gktxKhha36KDs7jln5qii6UpPf5clMqDc0p3E7d9l2Smx0i9Pm1qpq4S4lLfNl97bbv6w==}
     engines: {node: '>=18'}
@@ -2366,6 +2379,9 @@ packages:
     resolution: {integrity: sha512-3pYeLyDZ6nJew9QeBhS4Nly02269Dkdk32+zdbbKmL6n4ZuaGorwwA+xx12xgOciA8BF1w9x+dlH7oUkFTW91w==}
     engines: {node: '>=20.18.0'}
 
+  async-retry@1.3.3:
+    resolution: {integrity: sha512-wfr/jstw9xNi/0teMHrRW7dsz3Lt5ARhYNZ2ewpadnhaIp5mbALhOAP+EAdsC7t4Z6wqsDVv9+W6gm1Dk9mEyw==}
+
   async-sema@3.1.1:
     resolution: {integrity: sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==}
 
@@ -3785,6 +3801,10 @@ packages:
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
+  is-buffer@2.0.5:
+    resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
+    engines: {node: '>=4'}
+
   is-builtin-module@5.0.0:
     resolution: {integrity: sha512-f4RqJKBUe5rQkJ2eJEJBXSticB3hGbN9j0yxxMQFqIW89Jp9WYFtzfTcRlstDKVUTRzSOTLKRfO9vIztenwtxA==}
     engines: {node: '>=18.20'}
@@ -3833,6 +3853,9 @@ packages:
   is-module@1.0.0:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
 
+  is-node-process@1.2.0:
+    resolution: {integrity: sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==}
+
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -5096,6 +5119,10 @@ packages:
   restructure@3.0.2:
     resolution: {integrity: sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==}
 
+  retry@0.13.1:
+    resolution: {integrity: sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==}
+    engines: {node: '>= 4'}
+
   reusify@1.1.0:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -5448,6 +5475,10 @@ packages:
     resolution: {integrity: sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==}
     engines: {node: '>=12.22'}
 
+  throttleit@2.1.0:
+    resolution: {integrity: sha512-nt6AMGKW1p/70DF/hGBdJB57B8Tspmbp5gfJ8ilhLnt7kkr2ye7hzD6NVG8GGErk2HWF34igrL2CXmNIkzKqKw==}
+    engines: {node: '>=18'}
+
   tiny-inflate@1.0.3:
     resolution: {integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==}
 
@@ -5538,6 +5569,10 @@ packages:
   undici-types@7.16.0:
     resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
 
+  undici@5.29.0:
+    resolution: {integrity: sha512-raqeBD6NQK4SkWhQzeYKd1KmIG6dllBOTt55Rmkt4HtI9mwdWtJljnrXjAFUBLTSN67HWrOIZ3EPF4kjUw80Bg==}
+    engines: {node: '>=14.0'}
+
   undici@7.16.0:
     resolution: {integrity: sha512-QEg3HPMll0o3t2ourKwOeUAZ159Kn9mx5pnzHRQO8+Wixmh88YdZRiIwat0iNzNNXn0yoEtXJqFpyW7eM8BV7g==}
     engines: {node: '>=20.18.1'}
@@ -6610,6 +6645,8 @@ snapshots:
       '@eslint/core': 0.16.0
       levn: 0.4.1
 
+  '@fastify/busboy@2.1.1': {}
+
   '@floating-ui/core@1.7.3':
     dependencies:
       '@floating-ui/utils': 0.2.10
@@ -6976,7 +7013,7 @@ snapshots:
       - utf-8-validate
       - vite
 
-  '@nuxt/fonts@0.11.4(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)(magicast@0.3.5)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))':
+  '@nuxt/fonts@0.11.4(@vercel/blob@2.0.0)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)(magicast@0.3.5)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))':
     dependencies:
       '@nuxt/devtools-kit': 2.6.5(magicast@0.3.5)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))
       '@nuxt/kit': 3.19.2(magicast@0.3.5)
@@ -6997,7 +7034,7 @@ snapshots:
       ufo: 1.6.1
       unifont: 0.4.1
       unplugin: 2.3.10
-      unstorage: 1.17.1(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)
+      unstorage: 1.17.1(@vercel/blob@2.0.0)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -7097,7 +7134,7 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/nitro-server@4.2.0(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(ioredis@5.8.2)(magicast@0.3.5)(nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1))(typescript@5.9.3)':
+  '@nuxt/nitro-server@4.2.0(@vercel/blob@2.0.0)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(ioredis@5.8.2)(magicast@0.3.5)(nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vercel/blob@2.0.0)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1))(typescript@5.9.3)':
     dependencies:
       '@nuxt/devalue': 2.0.2
       '@nuxt/kit': 4.2.0(magicast@0.3.5)
@@ -7114,15 +7151,15 @@ snapshots:
       impound: 1.0.0
       klona: 2.0.6
       mocked-exports: 0.1.1
-      nitropack: 2.12.8(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))
-      nuxt: 4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1)
+      nitropack: 2.12.8(@vercel/blob@2.0.0)(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))
+      nuxt: 4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vercel/blob@2.0.0)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1)
       pathe: 2.0.3
       pkg-types: 2.3.0
       radix3: 1.1.2
       std-env: 3.10.0
       ufo: 1.6.1
       unctx: 2.4.1
-      unstorage: 1.17.1(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)
+      unstorage: 1.17.1(@vercel/blob@2.0.0)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)
       vue: 3.5.22(typescript@5.9.3)
       vue-bundle-renderer: 2.2.0
       vue-devtools-stub: 0.1.0
@@ -7185,13 +7222,13 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/ui@4.1.0(@babel/parser@7.28.4)(change-case@5.4.4)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(embla-carousel@8.6.0)(ioredis@5.8.2)(magicast@0.3.5)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-router@4.6.3(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))(zod@4.1.11)':
+  '@nuxt/ui@4.1.0(@babel/parser@7.28.4)(@vercel/blob@2.0.0)(change-case@5.4.4)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(embla-carousel@8.6.0)(ioredis@5.8.2)(magicast@0.3.5)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-router@4.6.3(vue@3.5.22(typescript@5.9.3)))(vue@3.5.22(typescript@5.9.3))(zod@4.1.11)':
     dependencies:
       '@ai-sdk/vue': 2.0.81(vue@3.5.22(typescript@5.9.3))(zod@4.1.11)
       '@iconify/vue': 5.0.0(vue@3.5.22(typescript@5.9.3))
       '@internationalized/date': 3.10.0
       '@internationalized/number': 3.6.5
-      '@nuxt/fonts': 0.11.4(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)(magicast@0.3.5)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))
+      '@nuxt/fonts': 0.11.4(@vercel/blob@2.0.0)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)(magicast@0.3.5)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))
       '@nuxt/icon': 2.0.0(magicast@0.3.5)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))
       '@nuxt/kit': 4.2.0(magicast@0.3.5)
       '@nuxt/schema': 4.2.0
@@ -7279,7 +7316,7 @@ snapshots:
       - vite
       - vue
 
-  '@nuxt/vite-builder@4.2.0(@types/node@24.9.1)(eslint@9.38.0(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.3.5)(nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1))(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vue-tsc@3.1.2(typescript@5.9.3))(vue@3.5.22(typescript@5.9.3))(yaml@2.8.1)':
+  '@nuxt/vite-builder@4.2.0(patch_hash=dbfb7f37d331cee8de42bac0867af36d698e9207ed6dfd1415b4b243177e569e)(@types/node@24.9.1)(eslint@9.38.0(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.3.5)(nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vercel/blob@2.0.0)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1))(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vue-tsc@3.1.2(typescript@5.9.3))(vue@3.5.22(typescript@5.9.3))(yaml@2.8.1)':
     dependencies:
       '@nuxt/kit': 4.2.0(magicast@0.3.5)
       '@rollup/plugin-replace': 6.0.2(rollup@4.52.5)
@@ -7299,7 +7336,7 @@ snapshots:
       magic-string: 0.30.21
       mlly: 1.8.0
       mocked-exports: 0.1.1
-      nuxt: 4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1)
+      nuxt: 4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vercel/blob@2.0.0)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1)
       pathe: 2.0.3
       pkg-types: 2.3.0
       postcss: 8.5.6
@@ -8374,6 +8411,14 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
+  '@vercel/blob@2.0.0':
+    dependencies:
+      async-retry: 1.3.3
+      is-buffer: 2.0.5
+      is-node-process: 1.2.0
+      throttleit: 2.1.0
+      undici: 5.29.0
+
   '@vercel/nft@0.30.3(rollup@4.52.5)':
     dependencies:
       '@mapbox/node-pre-gyp': 2.0.0
@@ -8708,6 +8753,10 @@ snapshots:
       '@babel/parser': 7.28.4
       ast-kit: 2.1.2
 
+  async-retry@1.3.3:
+    dependencies:
+      retry: 0.13.1
+
   async-sema@3.1.1: {}
 
   async@3.2.6: {}
@@ -10184,6 +10233,8 @@ snapshots:
 
   is-arrayish@0.2.1: {}
 
+  is-buffer@2.0.5: {}
+
   is-builtin-module@5.0.0:
     dependencies:
       builtin-modules: 5.0.0
@@ -10219,6 +10270,8 @@ snapshots:
 
   is-module@1.0.0: {}
 
+  is-node-process@1.2.0: {}
+
   is-number@7.0.0: {}
 
   is-path-inside@4.0.0: {}
@@ -10906,7 +10959,7 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
-  nitropack@2.12.8(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)):
+  nitropack@2.12.8(@vercel/blob@2.0.0)(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)):
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.0
       '@rollup/plugin-alias': 5.1.1(rollup@4.52.5)
@@ -10973,7 +11026,7 @@ snapshots:
       unenv: 2.0.0-rc.21
       unimport: 4.1.1
       unplugin-utils: 0.3.1
-      unstorage: 1.17.1(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)
+      unstorage: 1.17.1(@vercel/blob@2.0.0)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2)
       untyped: 2.0.0
       unwasm: 0.3.11
       youch: 4.1.0-beta.11
@@ -11080,16 +11133,16 @@ snapshots:
       - supports-color
       - vue
 
-  nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1):
+  nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vercel/blob@2.0.0)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1):
     dependencies:
       '@dxup/nuxt': 0.2.0(magicast@0.3.5)
       '@nuxt/cli': 3.29.3(magicast@0.3.5)
       '@nuxt/devtools': 2.6.5(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue@3.5.22(typescript@5.9.3))
       '@nuxt/kit': 4.2.0(magicast@0.3.5)
-      '@nuxt/nitro-server': 4.2.0(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(ioredis@5.8.2)(magicast@0.3.5)(nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1))(typescript@5.9.3)
+      '@nuxt/nitro-server': 4.2.0(@vercel/blob@2.0.0)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(ioredis@5.8.2)(magicast@0.3.5)(nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vercel/blob@2.0.0)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1))(typescript@5.9.3)
       '@nuxt/schema': 4.2.0
       '@nuxt/telemetry': 2.6.6(magicast@0.3.5)
-      '@nuxt/vite-builder': 4.2.0(@types/node@24.9.1)(eslint@9.38.0(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.3.5)(nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1))(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vue-tsc@3.1.2(typescript@5.9.3))(vue@3.5.22(typescript@5.9.3))(yaml@2.8.1)
+      '@nuxt/vite-builder': 4.2.0(patch_hash=dbfb7f37d331cee8de42bac0867af36d698e9207ed6dfd1415b4b243177e569e)(@types/node@24.9.1)(eslint@9.38.0(jiti@2.6.1))(lightningcss@1.30.2)(magicast@0.3.5)(nuxt@4.2.0(@parcel/watcher@2.5.1)(@types/node@24.9.1)(@vercel/blob@2.0.0)(@vue/compiler-sfc@3.5.22)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))(eslint@9.38.0(jiti@2.6.1))(ioredis@5.8.2)(lightningcss@1.30.2)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vite@7.1.12(@types/node@24.9.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.1))(vue-tsc@3.1.2(typescript@5.9.3))(yaml@2.8.1))(optionator@0.9.4)(rollup@4.52.5)(terser@5.44.0)(typescript@5.9.3)(vue-tsc@3.1.2(typescript@5.9.3))(vue@3.5.22(typescript@5.9.3))(yaml@2.8.1)
       '@unhead/vue': 2.0.19(vue@3.5.22(typescript@5.9.3))
       '@vue/shared': 3.5.22
       c12: 3.3.1(magicast@0.3.5)
@@ -11913,6 +11966,8 @@ snapshots:
 
   restructure@3.0.2: {}
 
+  retry@0.13.1: {}
+
   reusify@1.1.0: {}
 
   rfdc@1.4.1: {}
@@ -12262,6 +12317,8 @@ snapshots:
 
   throttle-debounce@5.0.2: {}
 
+  throttleit@2.1.0: {}
+
   tiny-inflate@1.0.3: {}
 
   tiny-invariant@1.3.3: {}
@@ -12334,6 +12391,10 @@ snapshots:
 
   undici-types@7.16.0: {}
 
+  undici@5.29.0:
+    dependencies:
+      '@fastify/busboy': 2.1.1
+
   undici@7.16.0: {}
 
   unenv@2.0.0-rc.21:
@@ -12532,7 +12593,7 @@ snapshots:
       '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
       '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
 
-  unstorage@1.17.1(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2):
+  unstorage@1.17.1(@vercel/blob@2.0.0)(db0@0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3)))(ioredis@5.8.2):
     dependencies:
       anymatch: 3.1.3
       chokidar: 4.0.3
@@ -12543,6 +12604,7 @@ snapshots:
       ofetch: 1.4.1
       ufo: 1.6.1
     optionalDependencies:
+      '@vercel/blob': 2.0.0
       db0: 0.3.4(drizzle-orm@0.44.7(@opentelemetry/api@1.9.0)(pg@8.16.3))
       ioredis: 5.8.2
 
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 085ffce..aecd569 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -4,3 +4,6 @@ ignoredBuiltDependencies:
   - esbuild
   - unrs-resolver
   - vue-demi
+
+patchedDependencies:
+  '@nuxt/vite-builder': patches/@nuxt__vite-builder.patch
diff --git a/server/api/chats.post.ts b/server/api/chats.post.ts
index 5a81a65..ac415bc 100644
--- a/server/api/chats.post.ts
+++ b/server/api/chats.post.ts
@@ -1,10 +1,17 @@
+import type { UIMessage } from 'ai'
+import { z } from 'zod'
+
 export default defineEventHandler(async (event) => {
   const session = await getUserSession(event)
 
-  const { input } = await readBody(event)
+  const { id, message } = await readValidatedBody(event, z.object({
+    id: z.string(),
+    message: z.custom<UIMessage>()
+  }).parse)
   const db = useDrizzle()
 
   const [chat] = await db.insert(tables.chats).values({
+    id,
     title: '',
     userId: session.user?.id || session.id
   }).returning()
@@ -15,7 +22,7 @@ export default defineEventHandler(async (event) => {
   await db.insert(tables.messages).values({
     chatId: chat.id,
     role: 'user',
-    parts: [{ type: 'text', text: input }]
+    parts: message.parts
   })
 
   return chat
diff --git a/server/api/chats/[id].delete.ts b/server/api/chats/[id].delete.ts
index 33430f8..cc8ec1e 100644
--- a/server/api/chats/[id].delete.ts
+++ b/server/api/chats/[id].delete.ts
@@ -1,10 +1,40 @@
+import { list, del } from '@vercel/blob'
+
 export default defineEventHandler(async (event) => {
   const session = await getUserSession(event)
-
   const { id } = getRouterParams(event)
-
   const db = useDrizzle()
 
+  const chat = await db.query.chats.findFirst({
+    where: (chat, { eq }) => and(eq(chat.id, id as string), eq(chat.userId, session.user?.id || session.id))
+  })
+
+  if (!chat) {
+    throw createError({
+      statusCode: 404,
+      statusMessage: 'Chat not found'
+    })
+  }
+
+  const username = session.user?.username || session.id
+  const chatFolder = `${username}/${id}/`
+
+  try {
+    const { blobs } = await list({
+      prefix: chatFolder
+    })
+
+    await Promise.all(
+      blobs.map(blob =>
+        del(blob.url).catch(error =>
+          console.error('Failed to delete file:', blob.pathname, error)
+        )
+      )
+    )
+  } catch (error) {
+    console.error('Failed to list/delete chat files:', error)
+  }
+
   return await db.delete(tables.chats)
     .where(and(eq(tables.chats.id, id as string), eq(tables.chats.userId, session.user?.id || session.id)))
     .returning()
diff --git a/server/api/chats/[id].post.ts b/server/api/chats/[id].post.ts
index 68d86ad..f434825 100644
--- a/server/api/chats/[id].post.ts
+++ b/server/api/chats/[id].post.ts
@@ -36,7 +36,7 @@ export default defineEventHandler(async (event) => {
 
   if (!chat.title) {
     const { text: title } = await generateText({
-      model: gateway('openai/gpt-4o-mini'),
+      model: 'openai/gpt-4o-mini',
       system: `You are a title generator for a chat:
           - Generate a short title based on the first user's message
           - The title should be less than 30 characters long
@@ -61,7 +61,7 @@ export default defineEventHandler(async (event) => {
   const stream = createUIMessageStream({
     execute: ({ writer }) => {
       const result = streamText({
-        model: gateway(model),
+        model,
         system: `You are a knowledgeable and helpful AI assistant. ${session.user?.username ? `The user's name is ${session.user.username}.` : ''} Your goal is to provide clear, accurate, and well-structured responses.
 
 **FORMATTING RULES (CRITICAL):**
diff --git a/server/api/upload.delete.ts b/server/api/upload.delete.ts
new file mode 100644
index 0000000..2745171
--- /dev/null
+++ b/server/api/upload.delete.ts
@@ -0,0 +1,36 @@
+import { del } from '@vercel/blob'
+import { z } from 'zod'
+
+export default defineEventHandler(async (event) => {
+  const session = await getUserSession(event)
+
+  if (!session.user) {
+    throw createError({
+      statusCode: 401,
+      statusMessage: 'Authentication required to delete files'
+    })
+  }
+
+  const username = session.user.username
+
+  const { url } = await readValidatedBody(event, z.object({
+    url: z.string().url()
+  }).parse)
+
+  if (!url.includes(`/${username}/`)) {
+    throw createError({
+      statusCode: 403,
+      statusMessage: 'You do not have permission to delete this file'
+    })
+  }
+
+  try {
+    await del(url)
+    return { success: true }
+  } catch (error) {
+    throw createError({
+      statusCode: 500,
+      statusMessage: error instanceof Error ? error.message : 'Failed to delete file'
+    })
+  }
+})
diff --git a/server/api/upload.post.ts b/server/api/upload.post.ts
new file mode 100644
index 0000000..a53b325
--- /dev/null
+++ b/server/api/upload.post.ts
@@ -0,0 +1,64 @@
+import { put } from '@vercel/blob'
+
+export default defineEventHandler(async (event) => {
+  const session = await getUserSession(event)
+
+  if (!session.user) {
+    throw createError({
+      statusCode: 401,
+      statusMessage: 'Authentication required to upload files'
+    })
+  }
+
+  const username = session.user.username
+
+  const form = await readFormData(event)
+  const file = form.get('file') as File
+  const chatId = form.get('chatId') as string | null
+
+  if (!file) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: 'No file provided'
+    })
+  }
+
+  if (!chatId) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: 'Chat ID is required'
+    })
+  }
+
+  const sizeValidation = validateFileSize(file.size)
+  if (!sizeValidation.valid) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: sizeValidation.error
+    })
+  }
+
+  if (!isValidFileType(file.type)) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: 'File type not allowed. Only images, PDFs, and CSV files are accepted.'
+    })
+  }
+
+  // Sanitize filename to prevent path traversal
+  const safeFilename = sanitizeFilename(file.name)
+  const filename = `${username}/${chatId}/${safeFilename}`
+
+  const blob = await put(filename, file, {
+    access: 'public',
+    addRandomSuffix: true,
+    allowOverwrite: true
+  })
+
+  return {
+    url: blob.url,
+    pathname: blob.pathname,
+    contentType: file.type,
+    size: file.size
+  }
+})
diff --git a/shared/utils/file.ts b/shared/utils/file.ts
new file mode 100644
index 0000000..ea6cd8f
--- /dev/null
+++ b/shared/utils/file.ts
@@ -0,0 +1,64 @@
+export interface FileWithStatus {
+  file: File
+  id: string
+  previewUrl: string
+  status: 'uploading' | 'uploaded' | 'error'
+  uploadedUrl?: string
+  error?: string
+}
+
+export interface UploadedFile {
+  type: 'file'
+  mediaType: string
+  url: string
+}
+
+export interface UploadResponse {
+  url: string
+  pathname: string
+  contentType: string
+  size: number
+}
+
+export const FILE_UPLOAD_CONFIG = {
+  maxFileSize: 10 * 1024 * 1024, // 10MB
+  allowedMimeTypes: ['image/', 'application/pdf', 'text/csv'],
+  acceptPattern: 'image/*,application/pdf,.csv,text/csv',
+  maxFilesPerUpload: 10
+} as const
+
+export function isValidFileType(mimeType: string): boolean {
+  return FILE_UPLOAD_CONFIG.allowedMimeTypes.some(type =>
+    mimeType.startsWith(type) || mimeType === type
+  )
+}
+
+export function validateFileSize(size: number): { valid: boolean, error?: string } {
+  if (size > FILE_UPLOAD_CONFIG.maxFileSize) {
+    return {
+      valid: false,
+      error: `File too large. Maximum size is ${FILE_UPLOAD_CONFIG.maxFileSize / 1024 / 1024}MB`
+    }
+  }
+  return { valid: true }
+}
+
+export function getFileIcon(mimeType: string, fileName?: string): string {
+  if (mimeType.startsWith('image/')) return 'i-lucide-image'
+  if (mimeType === 'application/pdf') return 'i-lucide-file-text'
+  if (mimeType === 'text/csv' || fileName?.endsWith('.csv')) return 'i-lucide-file-spreadsheet'
+  return 'i-lucide-file'
+}
+
+export function removeRandomSuffix(filename: string): string {
+  return filename.replace(/^(.+)-[a-zA-Z0-9]+(\.[^.]+)$/, '$1$2')
+}
+
+export function sanitizeFilename(filename: string): string {
+  // Remove path traversal attempts and dangerous characters
+  return filename
+    .replace(/\.\./g, '')
+    .replace(/[/\\]/g, '-')
+    .replace(/[<>:"|?*]/g, '')
+    .trim()
+}
diff --git a/shared/utils/index.ts b/shared/utils/index.ts
index 7c1e546..6b1c999 100644
--- a/shared/utils/index.ts
+++ b/shared/utils/index.ts
@@ -1,2 +1,3 @@
 export * from './tools/weather'
 export * from './tools/chart'
+export * from './file'

From 1fdbc8451f19e8f365ebd3db573ef778c13f5864 Mon Sep 17 00:00:00 2001
From: Hugo Richard <hugo.richard@vercel.com>
Date: Mon, 27 Oct 2025 14:58:51 +0000
Subject: [PATCH 2/4] fix ci

---
 server/api/chats/[id].post.ts | 1 -
 server/api/upload.delete.ts   | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/server/api/chats/[id].post.ts b/server/api/chats/[id].post.ts
index f434825..3788052 100644
--- a/server/api/chats/[id].post.ts
+++ b/server/api/chats/[id].post.ts
@@ -1,5 +1,4 @@
 import { convertToModelMessages, createUIMessageStream, createUIMessageStreamResponse, generateText, smoothStream, stepCountIs, streamText } from 'ai'
-import { gateway } from '@ai-sdk/gateway'
 import type { UIMessage } from 'ai'
 import { z } from 'zod'
 
diff --git a/server/api/upload.delete.ts b/server/api/upload.delete.ts
index 2745171..c7a3f23 100644
--- a/server/api/upload.delete.ts
+++ b/server/api/upload.delete.ts
@@ -14,7 +14,7 @@ export default defineEventHandler(async (event) => {
   const username = session.user.username
 
   const { url } = await readValidatedBody(event, z.object({
-    url: z.string().url()
+    url: z.url()
   }).parse)
 
   if (!url.includes(`/${username}/`)) {

From bbfad5d06014e1f1e6521d8273832770cdae41fa Mon Sep 17 00:00:00 2001
From: Hugo Richard <hugo.richard@vercel.com>
Date: Mon, 27 Oct 2025 16:12:57 +0000
Subject: [PATCH 3/4] improvements

---
 app/components/FileAvatar.vue    |  5 +--
 app/components/ModelSelect.vue   |  5 +--
 app/composables/useFileUpload.ts | 58 +++++++++++++++-----------------
 app/composables/useModels.ts     | 18 +++++++++-
 shared/utils/file.ts             |  9 +----
 5 files changed, 49 insertions(+), 46 deletions(-)

diff --git a/app/components/FileAvatar.vue b/app/components/FileAvatar.vue
index 5faf30e..4940a9b 100644
--- a/app/components/FileAvatar.vue
+++ b/app/components/FileAvatar.vue
@@ -40,10 +40,7 @@ const emit = defineEmits<{
       <UIcon name="i-lucide-loader-2" class="size-8 animate-spin text-white" />
     </div>
 
-    <UTooltip
-      v-if="status === 'error'"
-      :text="error"
-    >
+    <UTooltip v-if="status === 'error'" :text="error">
       <div class="absolute inset-0 flex items-center justify-center bg-error/50 rounded-lg">
         <UIcon name="i-lucide-alert-circle" class="size-8 text-white" />
       </div>
diff --git a/app/components/ModelSelect.vue b/app/components/ModelSelect.vue
index 2913ea5..0199baf 100644
--- a/app/components/ModelSelect.vue
+++ b/app/components/ModelSelect.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-const { model, models } = useModels()
+const { model, models, formatModelName } = useModels()
 
 const items = computed(() => models.map(model => ({
-  label: model,
+  label: formatModelName(model),
   value: model,
   icon: `i-simple-icons-${model.split('/')[0]}`
 })))
@@ -12,6 +12,7 @@ const items = computed(() => models.map(model => ({
   <USelectMenu
     v-model="model"
     :items="items"
+    size="sm"
     :icon="`i-simple-icons-${model.split('/')[0]}`"
     variant="ghost"
     value-key="value"
diff --git a/app/composables/useFileUpload.ts b/app/composables/useFileUpload.ts
index b12a4e4..5fc0241 100644
--- a/app/composables/useFileUpload.ts
+++ b/app/composables/useFileUpload.ts
@@ -33,31 +33,28 @@ export function useFileUploadWithStatus(chatId: string) {
     files.value = [...files.value, ...filesWithStatus]
 
     const uploadPromises = filesWithStatus.map(async (fileWithStatus) => {
+      const index = files.value.findIndex(f => f.id === fileWithStatus.id)
+      if (index === -1) return
+
       try {
         const response = await uploadFileToBlob(fileWithStatus.file, chatId)
-
-        const index = files.value.findIndex(f => f.id === fileWithStatus.id)
-        if (index !== -1) {
-          files.value[index] = {
-            ...files.value[index]!,
-            status: 'uploaded',
-            uploadedUrl: response.url
-          }
+        files.value[index] = {
+          ...files.value[index]!,
+          status: 'uploaded',
+          uploadedUrl: response.url
         }
       } catch (error) {
-        const index = files.value.findIndex(f => f.id === fileWithStatus.id)
+        const errorMessage = (error as { statusMessage?: string }).statusMessage || 'Upload failed'
         toast.add({
           title: 'Upload failed',
-          description: (error as { statusMessage?: string }).statusMessage || 'Upload failed',
+          description: errorMessage,
           icon: 'i-lucide-alert-circle',
           color: 'error'
         })
-        if (index !== -1) {
-          files.value[index] = {
-            ...files.value[index]!,
-            status: 'error',
-            error: (error as { statusMessage?: string }).statusMessage || 'Upload failed'
-          }
+        files.value[index] = {
+          ...files.value[index]!,
+          status: 'error',
+          error: errorMessage
         }
       }
     })
@@ -87,25 +84,24 @@ export function useFileUploadWithStatus(chatId: string) {
 
   function removeFile(id: string) {
     const file = files.value.find(f => f.id === id)
-    if (file) {
-      URL.revokeObjectURL(file.previewUrl)
-      files.value = files.value.filter(f => f.id !== id)
-
-      if (file.status === 'uploaded' && file.uploadedUrl) {
-        $fetch('/api/upload', {
-          method: 'DELETE',
-          body: { url: file.uploadedUrl }
-        }).catch((error) => {
-          console.error('Failed to delete file from blob:', error)
-        })
-      }
+    if (!file) return
+
+    URL.revokeObjectURL(file.previewUrl)
+    files.value = files.value.filter(f => f.id !== id)
+
+    if (file.status === 'uploaded' && file.uploadedUrl) {
+      $fetch('/api/upload', {
+        method: 'DELETE',
+        body: { url: file.uploadedUrl }
+      }).catch((error) => {
+        console.error('Failed to delete file from blob:', error)
+      })
     }
   }
 
   function clearFiles() {
-    files.value.forEach((fileWithStatus) => {
-      URL.revokeObjectURL(fileWithStatus.previewUrl)
-    })
+    if (files.value.length === 0) return
+    files.value.forEach(fileWithStatus => URL.revokeObjectURL(fileWithStatus.previewUrl))
     files.value = []
   }
 
diff --git a/app/composables/useModels.ts b/app/composables/useModels.ts
index f635930..dd28e17 100644
--- a/app/composables/useModels.ts
+++ b/app/composables/useModels.ts
@@ -1,3 +1,18 @@
+export function formatModelName(modelId: string): string {
+  const acronyms = ['gpt'] // words that should be uppercase
+  const modelName = modelId.split('/')[1] || modelId
+
+  return modelName
+    .split('-')
+    .map((word) => {
+      const lowerWord = word.toLowerCase()
+      return acronyms.includes(lowerWord)
+        ? word.toUpperCase()
+        : word.charAt(0).toUpperCase() + word.slice(1)
+    })
+    .join(' ')
+}
+
 export function useModels() {
   const models = [
     'openai/gpt-5-nano',
@@ -9,6 +24,7 @@ export function useModels() {
 
   return {
     models,
-    model
+    model,
+    formatModelName
   }
 }
diff --git a/shared/utils/file.ts b/shared/utils/file.ts
index ea6cd8f..b1c98ea 100644
--- a/shared/utils/file.ts
+++ b/shared/utils/file.ts
@@ -7,12 +7,6 @@ export interface FileWithStatus {
   error?: string
 }
 
-export interface UploadedFile {
-  type: 'file'
-  mediaType: string
-  url: string
-}
-
 export interface UploadResponse {
   url: string
   pathname: string
@@ -23,8 +17,7 @@ export interface UploadResponse {
 export const FILE_UPLOAD_CONFIG = {
   maxFileSize: 10 * 1024 * 1024, // 10MB
   allowedMimeTypes: ['image/', 'application/pdf', 'text/csv'],
-  acceptPattern: 'image/*,application/pdf,.csv,text/csv',
-  maxFilesPerUpload: 10
+  acceptPattern: 'image/*,application/pdf,.csv,text/csv'
 } as const
 
 export function isValidFileType(mimeType: string): boolean {

From 78022dd9cd69b308cfe09c65825d003a4c510fc6 Mon Sep 17 00:00:00 2001
From: Hugo Richard <hugo.richard@vercel.com>
Date: Mon, 27 Oct 2025 17:29:07 +0000
Subject: [PATCH 4/4] remove useless div

---
 app/pages/chat/[id].vue | 60 ++++++++++++++++++++---------------------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/app/pages/chat/[id].vue b/app/pages/chat/[id].vue
index 682aaf8..a1e602b 100644
--- a/app/pages/chat/[id].vue
+++ b/app/pages/chat/[id].vue
@@ -122,37 +122,35 @@ onMounted(() => {
           class="lg:pt-(--ui-header-height) pb-4 sm:pb-6"
         >
           <template #content="{ message }">
-            <div class="*:first:mt-0 *:last:mb-0">
-              <template v-for="(part, index) in message.parts" :key="`${message.id}-${part.type}-${index}${'state' in part ? `-${part.state}` : ''}`">
-                <Reasoning
-                  v-if="part.type === 'reasoning'"
-                  :text="part.text"
-                  :is-streaming="part.state !== 'done'"
-                />
-                <MDCCached
-                  v-else-if="part.type === 'text'"
-                  :value="part.text"
-                  :cache-key="`${message.id}-${index}`"
-                  :components="components"
-                  :parser-options="{ highlight: false }"
-                  class="*:first:mt-0 *:last:mb-0"
-                />
-                <ToolWeather
-                  v-else-if="part.type === 'tool-weather'"
-                  :invocation="(part as WeatherUIToolInvocation)"
-                />
-                <ToolChart
-                  v-else-if="part.type === 'tool-chart'"
-                  :invocation="(part as ChartUIToolInvocation)"
-                />
-                <FileAvatar
-                  v-else-if="part.type === 'file'"
-                  :name="getFileName(part.url)"
-                  :type="part.mediaType"
-                  :preview-url="part.url"
-                />
-              </template>
-            </div>
+            <template v-for="(part, index) in message.parts" :key="`${message.id}-${part.type}-${index}${'state' in part ? `-${part.state}` : ''}`">
+              <Reasoning
+                v-if="part.type === 'reasoning'"
+                :text="part.text"
+                :is-streaming="part.state !== 'done'"
+              />
+              <MDCCached
+                v-else-if="part.type === 'text'"
+                :value="part.text"
+                :cache-key="`${message.id}-${index}`"
+                :components="components"
+                :parser-options="{ highlight: false }"
+                class="*:first:mt-0 *:last:mb-0"
+              />
+              <ToolWeather
+                v-else-if="part.type === 'tool-weather'"
+                :invocation="(part as WeatherUIToolInvocation)"
+              />
+              <ToolChart
+                v-else-if="part.type === 'tool-chart'"
+                :invocation="(part as ChartUIToolInvocation)"
+              />
+              <FileAvatar
+                v-else-if="part.type === 'file'"
+                :name="getFileName(part.url)"
+                :type="part.mediaType"
+                :preview-url="part.url"
+              />
+            </template>
           </template>
         </UChatMessages>