Update web/src/components/ChatArea.tsx

web/src/components/ChatArea.tsx

@@ -50,7 +50,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 import { SmartReview } from "./SmartReview";
 import clareAvatar from "../assets/dfe44dab3ad8cd93953eac4a3e68bd1a5f999653.png";
 
-// ✅ NEW
+// NEW
 import { useObjectUrlCache } from "../lib/useObjectUrlCache";
 
 type ReviewEventType = "send_message" | "review_topic" | "review_all";
@@ -60,9 +60,8 @@ interface ChatAreaProps {
   onSendMessage: (content: string) => void;
   uploadedFiles: UploadedFile[];
   onFileUpload: (files: File[]) => void;
+  onRemoveFile: (index: number) => void;
 
-  // ✅ FIX: remove by File (NOT by index)
-  onRemoveFile: (file: File) => void;
 
   onFileTypeChange: (index: number, type: FileType) => void;
   memoryProgress: number;
@@ -594,11 +593,13 @@ export function ChatArea({
     const thumbUrl = isImage ? getOrCreate(file) : null;
 
     // ✅ FIX: uploaded remove by File; pending remove by File (not index)
+    // ✅ FIX: uploaded remove by INDEX (matches props); pending remove in local state
     const handleRemove = () => {
       if (source === "uploaded") {
-        onRemoveFile(file);
+        onRemoveFile(index);
       } else {
-        setPendingFiles((prev) => prev.filter((p) => p.file !== file));
+        // pending: index is the map index of pendingFiles
+        setPendingFiles((prev) => prev.filter((_, i) => i !== index));
       }
     };
 
@@ -1213,8 +1214,7 @@ export function ChatArea({
             <AlertDialogAction
               onClick={() => {
                 if (fileToDelete !== null) {
-                  const f = uploadedFiles[fileToDelete]?.file;
-                  if (f) onRemoveFile(f);
+                  onRemoveFile(fileToDelete); // ✅ pass index
                   setFileToDelete(null);
                 }
                 setShowDeleteDialog(false);