Implement creator studio and upload updates

resources/js/components/upload/steps/Step1FileUpload.jsx

@@ -1,4 +1,5 @@
 import React from 'react'
+import ArchiveScreenshotPicker from '../ArchiveScreenshotPicker'
 import UploadDropzone from '../UploadDropzone'
 import ScreenshotUploader from '../ScreenshotUploader'
 
@@ -22,9 +23,11 @@ export default function Step1FileUpload({
   // Archive screenshots
   isArchive,
   screenshots,
+  selectedScreenshotIndex,
   screenshotErrors,
   screenshotPerFileErrors,
   onScreenshotsChange,
+  onSelectedScreenshotChange,
   // Machine state (passed for potential future use)
   machine,
 }) {
@@ -95,6 +98,19 @@ export default function Step1FileUpload({
         onFilesChange={onScreenshotsChange}
       />
 
+      {isArchive && screenshots.length > 0 && (
+        <div className="rounded-2xl border border-white/10 bg-white/[0.03] p-4 sm:p-5">
+          <ArchiveScreenshotPicker
+            screenshots={screenshots}
+            selectedIndex={selectedScreenshotIndex}
+            onSelect={onSelectedScreenshotChange}
+            compact
+            title="Choose default screenshot"
+            description="Pick the screenshot that should be uploaded as the archive preview before you start the upload."
+          />
+        </div>
+      )}
+
       {/* ── Subtle what-happens-next hints (shown only before a file is picked) */}
       {!fileSelected && (
         <div className="grid gap-3 sm:grid-cols-3">