feat: support all file types (not just images) in chat upload

- Remove image-only filter from multer and paste handler
- Accept any file from clipboard or file picker (text, PDF, code, etc.)
- Increase max size from 10MB to 50MB
- Message format: [Image: path] for images, [File: path] for other types
- Renamed uploadImage → uploadFile in API

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Ericonaldo

client/src/api/client.ts

@@ -135,8 +135,8 @@ async function uploadFile<T>(path: string, file: File, fieldName: string): Promi
 }
 
 export const api = {
-  // Upload
-  uploadImage: (file: File) => uploadFile<{ path: string }>('/upload-image', file, 'image'),
+  // Upload (images + any file type)
+  uploadFile: (file: File) => uploadFile<{ path: string; originalName: string; size: number }>('/upload-image', file, 'file'),
 
   // Agents
   getAgents: () => request<Agent[]>('/agents'),

client/src/pages/AgentChat.tsx

@@ -553,16 +553,12 @@ export function AgentChat() {
     }
   };
 
-  const handleImageUpload = async (files: File[]) => {
-    const imageFiles = files.filter(f =>
-      ['image/png', 'image/jpeg', 'image/gif', 'image/webp'].includes(f.type)
-    );
-    if (imageFiles.length === 0) return;
-
-    setUploadingCount(prev => prev + imageFiles.length);
-    for (const file of imageFiles) {
+  const handleFileUpload = async (files: File[]) => {
+    if (files.length === 0) return;
+    setUploadingCount(prev => prev + files.length);
+    for (const file of files) {
       try {
-        const result = await api.uploadImage(file);
+        const result = await api.uploadFile(file);
         setAttachedImages(prev => [...prev, { name: file.name, path: result.path }]);
       } catch (err) {
         addLocalMessage(`Failed to upload ${file.name}: ${err instanceof Error ? err.message : String(err)}`);
@@ -576,17 +572,18 @@ export function AgentChat() {
     const items = e.clipboardData?.items;
     if (!items) return;
 
-    const imageFiles: File[] = [];
+    const pasteFiles: File[] = [];
     for (let i = 0; i < items.length; i++) {
       const item = items[i];
-      if (item.type.startsWith('image/')) {
+      // Accept any file type from clipboard (images, PDFs, etc.)
+      if (item.kind === 'file') {
         const file = item.getAsFile();
-        if (file) imageFiles.push(file);
+        if (file) pasteFiles.push(file);
       }
     }
-    if (imageFiles.length > 0) {
+    if (pasteFiles.length > 0) {
       e.preventDefault();
-      handleImageUpload(imageFiles);
+      handleFileUpload(pasteFiles);
     }
   };
 
@@ -628,7 +625,10 @@ export function AgentChat() {
     }
 
     // Build message text with image paths prepended
-    const imagePrefixes = attachedImages.map(img => `[Image: ${img.path}]`).join('\n');
+    const imagePrefixes = attachedImages.map(img => {
+      const isImage = /\.(png|jpe?g|gif|webp|svg|bmp)$/i.test(img.name);
+      return isImage ? `[Image: ${img.path}]` : `[File: ${img.path}]`;
+    }).join('\n');
     const userText = input.trim();
     const text = imagePrefixes
       ? (userText ? `${imagePrefixes}\n\n${userText}` : imagePrefixes)
@@ -1004,12 +1004,12 @@ export function AgentChat() {
           <input
             ref={fileInputRef}
             type="file"
-            accept="image/png,image/jpeg,image/gif,image/webp"
+            accept="*/*"
             multiple
             style={{ display: 'none' }}
             onChange={(e) => {
               if (e.target.files) {
-                handleImageUpload(Array.from(e.target.files));
+                handleFileUpload(Array.from(e.target.files));
                 e.target.value = '';
               }
             }}

server/src/routes/upload.ts

@@ -23,26 +23,18 @@ const storage = multer.diskStorage({
 
 const upload = multer({
   storage,
-  limits: { fileSize: 10 * 1024 * 1024 }, // 10MB
-  fileFilter: (_req, file, cb) => {
-    const allowed = ['image/png', 'image/jpeg', 'image/gif', 'image/webp'];
-    if (allowed.includes(file.mimetype)) {
-      cb(null, true);
-    } else {
-      cb(new Error(`Unsupported file type: ${file.mimetype}. Allowed: ${allowed.join(', ')}`));
-    }
-  },
+  limits: { fileSize: 50 * 1024 * 1024 }, // 50MB
 });
 
 export function uploadRoutes(): Router {
   const router = Router();
 
-  router.post('/', upload.single('image'), (req, res) => {
+  router.post('/', upload.single('file'), (req, res) => {
     if (!req.file) {
-      res.status(400).json({ error: 'No image file provided' });
+      res.status(400).json({ error: 'No file provided' });
       return;
     }
-    res.json({ path: req.file.path });
+    res.json({ path: req.file.path, originalName: req.file.originalname, size: req.file.size });
   });
 
   return router;