upload multi files

src/renderer/src/components/AppDetail/DropZone.tsx

@@ -12,7 +12,7 @@ import { CloudUpload } from "lucide-react";
 interface DropZoneProps {
   fileType: "js" | "css";
   isSaving: boolean;
-  onFileSelected: (file: File) => Promise<void>;
+  onFileSelected: (files: File[]) => Promise<void>;
 }
 
 const useStyles = createStyles(({ token, css }) => ({
@@ -56,9 +56,9 @@ const DropZone: React.FC<DropZoneProps> = ({ fileType, isSaving, onFileSelected
 
   const handleChange = useCallback(
     async (e: React.ChangeEvent<HTMLInputElement>) => {
-      const file = e.target.files?.[0];
-      if (file) {
-        await onFileSelected(file);
+      const files = Array.from(e.target.files || []);
+      if (files.length > 0) {
+        await onFileSelected(files);
       }
       e.target.value = "";
     },
@@ -84,6 +84,7 @@ const DropZone: React.FC<DropZoneProps> = ({ fileType, isSaving, onFileSelected
         ref={inputRef}
         type="file"
         accept={`.${fileType}`}
+        multiple
         style={{ display: "none" }}
         onChange={handleChange}
       />

src/renderer/src/components/AppDetail/FileSection.tsx

@@ -127,22 +127,25 @@ const FileSection: React.FC<FileSectionProps> = ({
 
   // ── Shared save logic ─────────────────────────────────────────────────────
   const saveFile = useCallback(
-    async (file: File) => {
+    async (fileOrFiles: File | File[]) => {
+      const files = Array.isArray(fileOrFiles) ? fileOrFiles : [fileOrFiles];
+
+      for (const file of files) {
         const ext = file.name.split(".").pop()?.toLowerCase();
         if (ext !== fileType) {
           message.error(t("fileTypeNotSupported", { expected: `.${fileType}` }));
-        return;
+          continue;
         }
         if (file.size > MAX_FILE_SIZE) {
           message.error(t("fileSizeExceeded"));
-        return;
+          continue;
         }
 
         const sourcePath =
           window.api.getPathForFile(file) || (file as File & { path?: string }).path;
         if (!sourcePath) {
           message.error(t("fileAddFailed"));
-        return;
+          continue;
         }
 
         setIsSaving(true);
@@ -159,7 +162,7 @@ const FileSection: React.FC<FileSectionProps> = ({
 
           if (!result.success) {
             message.error(result.error || t("fileAddFailed"));
-          return;
+            continue;
           }
 
           const entry: FileEntry = {
@@ -179,6 +182,7 @@ const FileSection: React.FC<FileSectionProps> = ({
         } finally {
           setIsSaving(false);
         }
+      }
     },
     [domainId, appId, platform, fileType, addFile, message, t],
   );
@@ -248,7 +252,7 @@ const FileSection: React.FC<FileSectionProps> = ({
 
       const droppedFiles = Array.from(e.dataTransfer.files);
       if (droppedFiles.length === 0) return;
-      await saveFile(droppedFiles[0]);
+      await saveFile(droppedFiles);
     },
     [saveFile],
   );