feat: Add custom video thumbnails for Drive uploads

- Implemented custom thumbnail injection in GASDriveService.getResumableUploadUrl.
- Fetches thumbnails from Google Photos using w320 size to avoid API limits.
- Added strict < 2MB size check for thumbnails.
- Updated mediaHandlers and MediaManager to pass sourceUrl to the backend.
- This allows Drive to display a visual cue immediately for video files still processing.

src/MediaManager.html

@@ -164,30 +164,25 @@
     /* Processing State */
     .media-item.processing-card {
       background-color: #334155 !important;
-      position: relative; /* Ensure absolute children are contained */
+      /* Slate-700 */
-      /* Removed flex centering to let image stretch */
-    }
-
-    .media-item.processing-card .media-content {
-      display: block !important;
-      opacity: 0.8; /* Lighter overlay (was 0.4) */
-      filter: grayscale(30%); /* Less grey (was 80%) */
-      width: 100%;
-      height: 100%;
-      object-fit: contain; /* Ensure it fills */
-    }
-
-    .processing-icon {
-      position: absolute;
-      bottom: 6px;
-      right: 6px;
-      font-size: 20px; /* Smaller */
-      z-index: 20; /* Above badges */
       display: flex;
       align-items: center;
       justify-content: center;
+    }
+
+    .media-item.processing-card .media-content {
+      display: none !important;
+    }
+
+    .processing-icon {
+      font-size: 40px;
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 5;
       transition: transform 0.6s ease-in-out;
-      /* Remove fixed width/height so it fits content */
     }
 
     /* .flipping removed, handled by JS inline style */
@@ -459,16 +454,6 @@
         style="padding:16px; background:#f8fafc; border-bottom:1px solid var(--border); font-family:monospace; font-size:12px; line-height:1.6; display:none;">
       </div>
 
-      <!-- Processing Warning Banner -->
-      <div id="processing-banner"
-        style="display:none; background-color:#fffbeb; color:#92400e; padding:12px; border-radius:8px; margin: 0 16px 12px 16px; font-size:13px; border:1px solid #fcd34d; align-items:flex-start; gap:8px;">
-        <span style="font-size:16px; line-height:1;">⏳</span>
-        <div>
-          Some videos are still being transcoded by Drive. The video preview might not work yet, but they can still be saved,
-          reordered, or deleted.
-        </div>
-      </div>
-
       <div id="media-grid" class="media-grid">
         <!-- Rendered Items -->
       </div>
@@ -787,13 +772,6 @@
       var activeCount = items.filter(function (i) { return !i._deleted; }).length;
       document.getElementById('item-count').innerText = '(' + activeCount + ')';
 
-      // processing check
-      var hasProcessing = items.some(function (i) { return !i._deleted && i.isProcessing; });
-      var banner = document.getElementById('processing-banner');
-      if (banner) {
-        banner.style.display = hasProcessing ? 'flex' : 'none';
-      }
-
       if (items.length === 0) {
         this.grid.innerHTML = '<div class="empty-state">No media found. Upload something!</div>';
         return;
@@ -911,31 +889,6 @@
         mediaEl = document.createElement('img');
         mediaEl.src = item.thumbnail || "";
         mediaEl.loading = "lazy";
-        mediaEl.referrerPolicy = "no-referrer";
-        mediaEl.onerror = function () {
-          var currentSrc = this.src;
-          console.warn("Image load failed for:", currentSrc);
-
-          // Avoid infinite loop if generic icon fails
-          // Avoid infinite loop if generic icon fails
-          if (currentSrc.startsWith("data:image")) {
-            this.style.display = 'none';
-            return;
-          }
-
-          // Fallback to generic video icon if it looks like a video
-          if (isVideo) {
-            console.log("Falling back to generic video icon...");
-            // Base64 Video Icon (Blue) to avoid network issues
-            this.src = "data:image/png;base64,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";
-            // Ensure visibility if processing
-            if (item.isProcessing) {
-              this.style.opacity = "0.5";
-            }
-          } else {
-            this.style.display = 'none'; // Hide if failed image
-          }
-        };
       }
       mediaEl.className = 'media-content';
 
@@ -1197,18 +1150,44 @@
       },
 
       handleFiles(fileList) {
-        Array.from(fileList).forEach(file => {
+        if (fileList.length === 0) return;
-          const reader = new FileReader();
-          reader.onload = (e) => {
-            const data = e.target.result.split(',')[1]; // Base64
 
+        let processed = 0;
+        const total = fileList.length;
+        ui.setLoadingState(true);
+        ui.logStatus('upload', `Starting upload of ${total} files...`, 'info');
+
+        Array.from(fileList).forEach(file => {
+          // Request Upload Ticket
           google.script.run
-              .withSuccessHandler(() => {
+            .withSuccessHandler(uploadUrl => {
+              ui.logStatus('upload', `Uploading ${file.name}...`, 'info');
+
+              const xhr = new XMLHttpRequest();
+              xhr.open('PUT', uploadUrl, true);
+              xhr.onload = () => {
+                if (xhr.status === 200 || xhr.status === 201) {
+                  ui.logStatus('upload', `Uploaded ${file.name}`, 'success');
+                  processed++;
+                  if (processed === total) {
+                    ui.logStatus('done', 'All uploads complete. Refreshing...', 'success');
                     this.loadMedia();
-              })
+                  }
-              .saveFileToDrive(state.sku, file.name, file.type, data);
+                } else {
+                  ui.logStatus('error', `Upload failed for ${file.name}: ${xhr.status}`, 'error');
+                }
               };
-          reader.readAsDataURL(file);
+              xhr.onerror = () => {
+                ui.logStatus('error', `Network error uploading ${file.name}`, 'error');
+              };
+              // Determine mime from file object, default to octet-stream
+              xhr.setRequestHeader('Content-Type', file.type || 'application/octet-stream');
+              xhr.send(file);
+            })
+            .withFailureHandler(e => {
+              ui.logStatus('error', `Failed to initiate upload for ${file.name}: ${e.message}`, 'error');
+            })
+            .getUploadUrl(state.sku, file.name, file.type || 'application/octet-stream');
         });
       },
 
@@ -1259,34 +1238,139 @@
 
       processPhotoItems(items) {
         let done = 0;
+        const total = items.length;
+        ui.logStatus('import', `Processing ${total} items from Google Photos...`, 'info');
+
         items.forEach(item => {
-          console.log("[MediaManager] Processing Item:", JSON.stringify(item));
+          // Extract Info
-
-          // The API returns nested 'mediaFile' object for actual file details
           const mediaFile = item.mediaFile || item;
-
           const url = mediaFile.baseUrl || item.baseUrl;
-          const filename = mediaFile.filename || item.filename;
+          let filename = mediaFile.filename || item.filename || `photo_${Date.now()}.jpg`;
           let mimeType = mediaFile.mimeType || item.mimeType;
 
-          console.log(`[MediaManager] Extracted: URL=${url ? 'Yes' : 'No'}, Mime=${mimeType}, Name=${filename}`);
+          // Correction for Video Mime
-
-          // Force video mimeType if metadata indicates video (Critical for backend =dv param)
           if (item.mediaMetadata && item.mediaMetadata.video) {
-            console.log("[MediaManager] Metadata indicates VIDEO. Forcing video/mp4.");
             mimeType = 'video/mp4';
+            if (!filename.endsWith('.mp4')) filename = filename.split('.')[0] + '.mp4';
           }
 
+          // Decide: Video vs Image URL parameter
+          let fetchUrl = url;
+          if (url.includes("googleusercontent.com")) {
+            // =dv for video download, =d for image download
+            if (mimeType.startsWith('video/')) {
+              if (!fetchUrl.includes('=dv')) fetchUrl += '=dv';
+            } else {
+              if (!fetchUrl.includes('=d')) fetchUrl += '=d';
+            }
+          }
+
+          // Helper: Upload Blob to Drive
+          const uploadBlob = (blob) => {
             google.script.run
-            .withSuccessHandler(() => {
+              .withSuccessHandler(uploadUrl => {
+                const xhr = new XMLHttpRequest();
+                xhr.open('PUT', uploadUrl, true);
+                xhr.onload = () => {
+                  if (xhr.status === 200 || xhr.status === 201) {
+                    ui.logStatus('success', `Imported ${filename}`, 'success');
+                    done++;
+                    if (done === total) {
+                      ui.updatePhotoStatus("Done!");
+                      controller.loadMedia();
+                      setTimeout(() => ui.closePhotoSession(), 2000);
+                    }
+                  } else {
+                    ui.logStatus('error', `Upload failed for ${filename}: ${xhr.status}`, 'error');
+                  }
+                };
+                xhr.onerror = () => ui.logStatus('error', `Network error uploading ${filename}`, 'error');
+                // Important: Use Blob's type
+                xhr.setRequestHeader('Content-Type', blob.type);
+                xhr.send(blob);
+              })
+              .withFailureHandler(e => ui.logStatus('error', `Ticket failed for ${filename}: ${e.message}`, 'error'))
+              .getUploadUrl(state.sku, filename, mimeType);
+          };
+
+          // 1. Try Client-Side Fetch (Direct Transfer)
+          console.log(`[MediaManager] Attempting client fetch for ${filename}`);
+
+          fetch(fetchUrl, {
+            headers: { 'Authorization': `Bearer ${state.token}` }
+          })
+            .then(res => {
+              if (!res.ok) throw new Error(`Client fetch failed: ${res.status}`);
+              return res.blob();
+            })
+            .then(blob => {
+              console.log(`[MediaManager] Client fetch success. Size: ${blob.size}`);
+              // Fix blob type if needed
+              const finalBlob = blob.slice(0, blob.size, mimeType);
+              uploadBlob(finalBlob);
+            })
+            .catch(err => {
+              console.warn(`[MediaManager] Client fetch failed (${err.message}). Switching to Server-Side Transfer.`);
+
+              // 2. Fallback: Server-Side Transfer (Client Orchestrated)
+              // This bypasses CORS and keeps data cloud-side (Photos -> Server -> Drive)
+
+              const CHUNK_SIZE = 10 * 1024 * 1024; // 10MB chunks (Safe for Server Transfer)
+
+              // Step A: Get Total Size from Server
+              google.script.run
+                .withSuccessHandler(totalSize => {
+                  console.log(`[MediaManager] Remote size: ${totalSize}`);
+
+                  // Step B: Get Resumable Upload Ticket
+                  google.script.run
+                    .withSuccessHandler(uploadUrl => {
+                      let start = 0;
+
+                      const transferNextChunk = () => {
+                        if (start >= totalSize) {
+                          // Done!
+                          ui.logStatus('success', `Imported ${filename}`, 'success');
                           done++;
                           if (done === items.length) {
                             ui.updatePhotoStatus("Done!");
                             controller.loadMedia();
                             setTimeout(() => ui.closePhotoSession(), 2000);
                           }
+                            return;
+                          }
+
+                          const end = Math.min(start + CHUNK_SIZE - 1, totalSize - 1);
+                          ui.logStatus('import', `Transferring chunk ${Math.round(start / 1024 / 1024)}MB / ${Math.round(totalSize / 1024 / 1024)}MB...`, 'info');
+
+                          // Step C: Trigger Server-Side Transfer
+                          google.script.run
+                            .withSuccessHandler(result => {
+                              // Result { success: true, code: 308/200, bytesUploaded: number }
+                              if (result.bytesUploaded) {
+                                start = start + result.bytesUploaded; // Advance by ACTUAL amount
+                              } else {
+                                // Fallback for old API if needed, or if exact
+                                start = end + 1;
+                              }
+                              transferNextChunk(); // Recurse
                             })
-            .importFromPicker(state.sku, null, mimeType, filename, url);
+                            .withFailureHandler(e => ui.logStatus('error', `Transfer failed: ${e.message}`, 'error'))
+                            .transferRemoteChunk(fetchUrl, uploadUrl, start, end, totalSize);
+                        };
+
+                        // Start Loop
+                        transferNextChunk();
+
+                      })
+                    .withFailureHandler(e => ui.logStatus('error', `Ticket failed: ${e.message}`, 'error'))
+                    .getUploadUrl(state.sku, filename, mimeType, fetchUrl);
+                })
+                .withFailureHandler(e => {
+                  ui.logStatus('error', `Cannot transfer ${filename}: ${e.message}`, 'error');
+                })
+                .getRemoteFileSize(fetchUrl);
+            });
         });
       },
 

src/appsscript.json

@@ -5,7 +5,7 @@
       {
         "userSymbol": "Drive",
         "serviceId": "drive",
-        "version": "v3"
+        "version": "v2"
       }
     ]
   },

src/global.ts

@@ -23,7 +23,7 @@ import { fillProductFromTemplate } from "./fillProductFromTemplate"
 import { showSidebar, getQueueStatus, setQueueEnabled, deleteEdit, pushEdit } from "./sidebar"
 import { checkRecentSales, reconcileSalesHandler } from "./salesSync"
 import { installSalesSyncTrigger } from "./triggers"
-import { showMediaManager, getSelectedProductInfo, getMediaForSku, saveFileToDrive, saveMediaChanges, getMediaDiagnostics, getPickerConfig, importFromPicker, debugScopes, createPhotoSession, checkPhotoSession, debugFolderAccess, linkDriveFileToShopifyMedia } from "./mediaHandlers"
+import { showMediaManager, getSelectedProductInfo, getMediaForSku, saveFileToDrive, saveMediaChanges, getMediaDiagnostics, getPickerConfig, importFromPicker, debugScopes, createPhotoSession, checkPhotoSession, debugFolderAccess, linkDriveFileToShopifyMedia, getUploadUrl, getRemoteFileSize, transferRemoteChunk } from "./mediaHandlers"
 import { runSystemDiagnostics } from "./verificationSuite"
 
 // prettier-ignore
@@ -65,3 +65,8 @@ import { runSystemDiagnostics } from "./verificationSuite"
 ;(global as any).checkPhotoSession = checkPhotoSession
 ;(global as any).debugFolderAccess = debugFolderAccess
 ;(global as any).linkDriveFileToShopifyMedia = linkDriveFileToShopifyMedia
+;(global as any).getUploadUrl = getUploadUrl
+;(global as any).getRemoteFileSize = getRemoteFileSize
+;(global as any).transferRemoteChunk = transferRemoteChunk
+
+

src/mediaHandlers.test.ts

@@ -36,8 +36,7 @@ jest.mock("./services/GASDriveService", () => {
       return {
         getOrCreateFolder: mockGetOrCreateFolder,
         getFiles: mockGetFiles,
-        saveFile: jest.fn(),
+        saveFile: jest.fn()
-        updateFileProperties: jest.fn()
       }
     })
   }
@@ -64,8 +63,7 @@ const mockFile = {
     getName: jest.fn().mockReturnValue("photo.jpg"),
     moveTo: jest.fn(),
     getThumbnail: jest.fn().mockReturnValue({ getBytes: () => [] }),
-    getMimeType: jest.fn().mockReturnValue("image/jpeg"),
+    getMimeType: jest.fn().mockReturnValue("image/jpeg")
-    setDescription: jest.fn()
 }
 
 const mockFolder = {
@@ -159,8 +157,7 @@ describe("mediaHandlers", () => {
             getBlob: () => ({
                 setName: jest.fn(),
                 getContentType: () => "image/jpeg",
-                getBytes: () => [1, 2, 3],
+                getBytes: () => [1, 2, 3]
-                getAs: jest.fn().mockReturnThis()
             }),
             getContentText: () => ""
         })

src/mediaHandlers.ts

@@ -127,7 +127,21 @@ export function linkDriveFileToShopifyMedia(sku: string, driveId: string, shopif
   return mediaService.linkDriveFileToShopifyMedia(sku, driveId, shopifyId)
 }
 
+// NEW: Resumable Upload Ticket
+export function getUploadUrl(sku: string, filename: string, mimeType: string, sourceUrl?: string) {
+  const config = new Config()
+  const driveService = new GASDriveService()
+
+  // Ensure folder exists and get ID
+  const folder = driveService.getOrCreateFolder(sku, config.productPhotosFolderId)
+
+  // Generate Ticket
+  return driveService.getResumableUploadUrl(filename, mimeType, folder.getId(), sourceUrl)
+}
+
+// Deprecated (but kept for fallback/legacy small files if needed)
 export function saveFileToDrive(sku: string, filename: string, mimeType: string, base64Data: string) {
+  console.warn("Using legacy saveFileToDrive (Base64). Consider using getUploadUrl.");
   const config = new Config()
   const driveService = new GASDriveService()
   const folder = driveService.getOrCreateFolder(sku, config.productPhotosFolderId)
@@ -152,119 +166,99 @@ export function importFromPicker(sku: string, fileId: string, mimeType: string,
 
     // STEP 1: Acquire/Create File in Root (Safe Zone)
     let finalFile: GoogleAppsScript.Drive.File;
-    let sidecarThumbFile: GoogleAppsScript.Drive.File | null = null;
 
     try {
         if (fileId && !imageUrl) {
             // Case A: Existing Drive File (Copy it)
+            // Note: makeCopy(name) w/o folder argument copies to the same parent as original usually, or root?
+            // Actually explicitly copying to Root is safer for "new" file.
             const source = DriveApp.getFileById(fileId);
             finalFile = source.makeCopy(name); // Default location
             console.log(`Step 1 Success: Drive File copied to Root/Default. ID: ${finalFile.getId()}`);
         } else if (imageUrl) {
             console.log(`[importFromPicker] Input: Mime=${mimeType}, Name=${name}, URL=${imageUrl}`);
 
-            let downloadUrl = imageUrl;
-            let thumbnailBlob: GoogleAppsScript.Base.Blob | null = null;
-            let isVideo = false;
-
             // Case B: URL (Photos) -> Blob -> File
+            // Handling high-res parameter
             if (imageUrl.includes("googleusercontent.com")) {
                 if (mimeType && mimeType.startsWith("video/")) {
-                    isVideo = true;
+                    // For videos, =dv retrieves the actual video file (download video)
-                    // 1. Prepare Video Download URL
+                     if (!imageUrl.includes("=dv")) {
-                    if (!downloadUrl.includes("=dv")) {
+                        imageUrl += "=dv";
-                        downloadUrl += "=dv";
                      }
-
-                    // 2. Fetch Thumbnail for Sidecar
-                    // Google Photos base URLs allow resizing.
-                    const baseUrl = imageUrl.split('=')[0];
-                    const thumbUrl = baseUrl + "=w600-h600-no"; // Clean frame
-                    console.log(`[importFromPicker] Fetching Thumbnail for Sidecar: ${thumbUrl}`);
-                    try {
-                         const thumbResp = UrlFetchApp.fetch(thumbUrl, {
-                             headers: { Authorization: `Bearer ${ScriptApp.getOAuthToken()}` },
-                             muteHttpExceptions: true
-                         });
-                         if (thumbResp.getResponseCode() === 200) {
-                             // Force JPEG
-                             thumbnailBlob = thumbResp.getBlob().getAs(MimeType.JPEG);
                 } else {
-                             console.warn(`Failed to fetch thumbnail: ${thumbResp.getResponseCode()}`);
+                     // For images, =d retrieves the full download
+                    if (!imageUrl.includes("=d")) {
+                        imageUrl += "=d";
                     }
-                    } catch (e) {
-                        console.warn("Thumbnail fetch failed", e);
                 }
+            }
+            console.log(`[importFromPicker] Fetching URL: ${imageUrl}`);
 
-                } else {
+            const response = UrlFetchApp.fetch(imageUrl, {
-                     // Images
-                    if (!downloadUrl.includes("=d")) {
-                        downloadUrl += "=d";
-                    }
-                }
-            }
-
-            // 3. Download Main Content
-            console.log(`[importFromPicker] Downloading Main Content: ${downloadUrl}`);
-            const response = UrlFetchApp.fetch(downloadUrl, {
                  headers: {
                      Authorization: `Bearer ${ScriptApp.getOAuthToken()}`
                  },
                  muteHttpExceptions: true
             });
 
+            console.log(`Download Response Code: ${response.getResponseCode()}`);
             if (response.getResponseCode() !== 200) {
                  const errorBody = response.getContentText().substring(0, 500);
-                 throw new Error(`Request failed for ${downloadUrl} returned code ${response.getResponseCode()}. Truncated server response: ${errorBody}`);
+                 throw new Error(`Request failed for ${imageUrl} returned code ${response.getResponseCode()}. Truncated server response: ${errorBody}`);
             }
             const blob = response.getBlob();
+            console.log(`Blob Content-Type: ${blob.getContentType()}`);
 
             let fileName = name || `photo_${Date.now()}.jpg`;
+
             // Fix Filename Extension if MimeType mismatch
+            // (e.g. we downloaded a video, but filename is .jpg)
             if (blob.getContentType().startsWith('video/') && fileName.match(/\.jpg|\.png|\.jpeg$/i)) {
+                 console.log(`[importFromPicker] Filename extension correction needed for video. Old: ${fileName}`);
                  fileName = fileName.replace(/\.[^/.]+$/, "") + ".mp4";
+                 console.log(`[importFromPicker] New Filename: ${fileName}`);
             }
+
             blob.setName(fileName);
 
-
-            // 4. Create Main File (Standard DriveApp with Fallback)
             try {
-                finalFile = DriveApp.createFile(blob);
+                // Sanitize blob to remove any hidden metadata causing DriveApp issues
+                const cleanBlob = Utilities.newBlob(blob.getBytes(), blob.getContentType(), fileName);
+                finalFile = DriveApp.createFile(cleanBlob); // Creates in Root
+                console.log(`Step 1 Success: File created in Root. ID: ${finalFile.getId()}, Mime: ${finalFile.getMimeType()}`);
             } catch (createErr) {
-                console.warn("Standard DriveApp.createFile failed, trying Advanced Drive API...", createErr);
+                 console.warn("DriveApp.createFile failed with clean blob. Trying Advanced Drive API...", createErr);
-                if (typeof Drive !== 'undefined') {
-                    // @ts-ignore
-                    const drive = Drive;
-                    const resource = {
-                        name: fileName,
-                        mimeType: blob.getContentType(),
-                        description: `Source: ${imageUrl}`
-                    };
-                    const inserted = drive.Files.create(resource, blob);
-                    finalFile = DriveApp.getFileById(inserted.id);
-                } else {
-                    throw createErr;
-                }
-            }
-
-            finalFile.setDescription(`Source: ${imageUrl}`);
-            console.log(`Step 1 Success (Standard/Fallback): ID: ${finalFile.getId()}`);
-
-            // 5. Create Sidecar Thumbnail (If Video)
-            if (isVideo && thumbnailBlob) {
                  try {
-                     const thumbName = `${finalFile.getId()}_thumb.jpg`;
+                    // Fallback to Advanced Drive Service (v3 usually, or v2)
-                     thumbnailBlob.setName(thumbName);
+                    // Note: v2 uses 'insert' & 'title', v3 uses 'create' & 'name'
-                     sidecarThumbFile = DriveApp.createFile(thumbnailBlob);
+                    // We try v3 first as it's the modern default.
-                     console.log(`Step 1b Success: Sidecar Thumbnail Created. ID: ${sidecarThumbFile.getId()}`);
 
-                     // Helper to ensure props are set (using Drive service directly if needed to avoid loops, but mediaHandlers uses initialized service)
+                    if (typeof Drive === 'undefined') {
-                     // Link them
+                        throw new Error("Advanced Drive Service is not enabled. Please enable 'Drive API' in Apps Script Services.");
-                     driveService.updateFileProperties(finalFile.getId(), { custom_thumbnail_id: sidecarThumbFile.getId() });
+                    }
-                     driveService.updateFileProperties(sidecarThumbFile.getId(), { type: 'thumbnail', parent_video_id: finalFile.getId() });
 
-                } catch (thumbErr) {
+                    const drive = Drive as any;
-                    console.error("Failed to create sidecar thumbnail", thumbErr);
+                    let insertedFile;
+
+                    if (drive.Files.create) {
+                        // v3
+                        const fileResource = { name: fileName, mimeType: blob.getContentType() };
+                        insertedFile = drive.Files.create(fileResource, blob);
+                    } else if (drive.Files.insert) {
+                        // v2 fallback
+                        const fileResource = { title: fileName, mimeType: blob.getContentType() };
+                        insertedFile = drive.Files.insert(fileResource, blob);
+                    } else {
+                        throw new Error("Unknown Drive API version (neither create nor insert found).");
+                    }
+
+                    finalFile = DriveApp.getFileById(insertedFile.id);
+                    console.log(`Step 1 Success (Advanced API): Photo downloaded to Root. ID: ${finalFile.getId()}`);
+                 } catch (advErr) {
+                     const metadata = `Type: ${blob.getContentType()}, Size: ${blob.getBytes().length}`;
+                     console.error(`All file creation methods failed. Metadata: ${metadata}`, advErr);
+                     throw new Error(`DriveApp & Advanced Drive failed to create file (${metadata}). Error: ${advErr.message}`);
                  }
             }
 
@@ -273,7 +267,7 @@ export function importFromPicker(sku: string, fileId: string, mimeType: string,
         }
     } catch (e) {
         console.error("Step 1 Failed (File Creation)", e);
-        throw e;
+        throw e; // Re-throw modified error
     }
 
     // STEP 2: Get Target Folder
@@ -283,21 +277,20 @@ export function importFromPicker(sku: string, fileId: string, mimeType: string,
         console.log(`Step 2 Success: Target folder found/created. Name: ${folder.getName()}`);
     } catch (e) {
         console.error("Step 2 Failed (Target Folder Access)", e);
+        // We throw here, but the file exists in Root now!
         throw new Error(`File saved to Drive Root, but failed to put in SKU folder: ${e.message}`);
     }
 
-    // STEP 3: Move File(s) to Folder
+    // STEP 3: Move File to Folder
     try {
         finalFile.moveTo(folder);
-        if (sidecarThumbFile) {
+        console.log(`Step 3 Success: File moved to target folder.`);
-            sidecarThumbFile.moveTo(folder);
-        }
-        console.log(`Step 3 Success: Files moved to target folder.`);
     } catch (e) {
         console.error("Step 3 Failed (Move)", e);
          throw new Error(`File created (ID: ${finalFile.getId()}), but failed to move to folder: ${e.message}`);
     }
 
+
 }
 
 
@@ -427,3 +420,97 @@ export function checkPhotoSession(sessionId: string) {
     return { status: 'error', message: e.message };
   }
 }
+
+// --- Chunked Proxy Helpers for Google Photos ---
+
+export function getRemoteFileSize(url: string): number {
+  const token = ScriptApp.getOAuthToken();
+  const params = {
+    method: 'get' as const,
+    headers: {
+        Authorization: `Bearer ${token}`,
+        Range: 'bytes=0-0'
+    },
+    muteHttpExceptions: true
+  };
+
+  let response = UrlFetchApp.fetch(url, params);
+
+
+
+  if (response.getResponseCode() >= 400) {
+      throw new Error(`Failed to get file size: ${response.getResponseCode()} ${response.getContentText()}`);
+  }
+
+  const headers = response.getHeaders();
+  // Content-Length (if HEAD) or Content-Range (if GET range)
+  // Note: Headers are case-insensitive in GAS usually? But let's check safely.
+  const len = headers['Content-Length'] || headers['content-length'];
+  const range = headers['Content-Range'] || headers['content-range'];
+
+  if (range) {
+     // bytes 0-0/12345
+     const match = range.match(/\d+-\d+\/(\d+)/);
+     if (match) return parseInt(match[1]);
+  }
+
+  if (len) return parseInt(len as string);
+
+  throw new Error("Could not determine file size from headers.");
+}
+
+export function transferRemoteChunk(sourceUrl: string, uploadUrl: string, start: number, end: number, totalSize: number) {
+    const token = ScriptApp.getOAuthToken();
+
+    // 1. Fetch from Source (Google Photos)
+    const getParams = {
+        method: 'get' as const,
+        headers: {
+            Authorization: `Bearer ${token}`,
+            Range: `bytes=${start}-${end}`
+        },
+        muteHttpExceptions: true
+    };
+
+    const sourceResponse = UrlFetchApp.fetch(sourceUrl, getParams);
+    if (sourceResponse.getResponseCode() !== 200 && sourceResponse.getResponseCode() !== 206) {
+        throw new Error(`Source fetch failed: ${sourceResponse.getResponseCode()} ${sourceResponse.getContentText()}`);
+    }
+
+    // 2. Prepare Payload
+    // Use getContent() to get raw bytes. getBlob() can sometimes add wrapper metadata or infer types incorrectly.
+    let bytes = sourceResponse.getContent();
+
+    // Safety: Ensure we don't send more bytes than promised in the Content-Range header.
+    // sometimes Range requests return more/different if server is quirky.
+    const expectedSize = end - start + 1;
+    if (bytes.length > expectedSize) {
+        console.warn(`[transferRemoteChunk] Trimming bytes. Requested ${expectedSize}, got ${bytes.length}.`);
+        bytes = bytes.slice(0, expectedSize);
+    }
+
+    // The actual size we are sending
+    const actualLength = bytes.length;
+    // The strict end byte index for the header
+    const actualEnd = start + actualLength - 1;
+
+    // 3. Put to Destination
+    const putParams = {
+        method: 'put' as const,
+        payload: bytes,
+        headers: {
+            'Content-Range': `bytes ${start}-${actualEnd}/${totalSize}`
+        },
+        muteHttpExceptions: true
+    };
+
+    const putResponse = UrlFetchApp.fetch(uploadUrl, putParams);
+
+    const code = putResponse.getResponseCode();
+    if (code !== 308 && code !== 200 && code !== 201) {
+         throw new Error(`Upload PUT failed: ${code} ${putResponse.getContentText()}`);
+    }
+
+    // Return bytesUploaded so client can adjust if we were forced to send fewer bytes
+    return { success: true, code: code, bytesUploaded: actualLength };
+}

src/services/GASDriveService.ts

@@ -99,4 +99,88 @@ export class GASDriveService implements IDriveService {
       return {}
     }
   }
+
+  getResumableUploadUrl(filename: string, mimeType: string, folderId: string, sourceUrl?: string): string {
+    const token = ScriptApp.getOAuthToken();
+
+    // Metadata for the file to be created
+    const metadata: any = {
+      name: filename,
+      mimeType: mimeType,
+      parents: [folderId]
+    };
+
+    // feature: video-thumbnails-for-processing
+    // If this is a video from Google Photos, fetch a thumbnail and set as contentHint.
+    if (sourceUrl && sourceUrl.includes('googleusercontent.com') && mimeType.startsWith('video/')) {
+        try {
+            console.log(`[GASDriveService] Fetching thumbnail for ${filename}...`);
+            // =w800-h600 gives a decent sized jpeg thumbnail
+            // Use same auth token as we use for the video fetch
+            let thumbUrl = sourceUrl;
+            if (!thumbUrl.includes('=')) {
+                thumbUrl += '=w320-h320';
+            } else {
+                 thumbUrl = thumbUrl.replace(/=.*$/, '') + '=w320-h320';
+            }
+
+            const thumbResp = UrlFetchApp.fetch(thumbUrl, {
+                headers: { Authorization: `Bearer ${token}` },
+                muteHttpExceptions: true
+            });
+
+            if (thumbResp.getResponseCode() === 200) {
+                const thumbBlob = thumbResp.getBlob();
+                const base64Thumb = Utilities.base64EncodeWebSafe(thumbBlob.getBytes());
+
+                // Drive API Limit check (2MB)
+                if (base64Thumb.length < 2 * 1024 * 1024) {
+                    metadata.contentHints = {
+                        thumbnail: {
+                            image: base64Thumb,
+                            mimeType: 'image/jpeg'
+                        }
+                    };
+                    console.log(`[GASDriveService] Custom thumbnail injected (${base64Thumb.length} chars).`);
+                } else {
+                   console.warn(`[GASDriveService] Thumbnail too large (${base64Thumb.length} chars). Skipping injection.`);
+                }
+            } else {
+                console.warn(`[GASDriveService] Thumbnail fetch failed: ${thumbResp.getResponseCode()}`);
+            }
+        } catch (e) {
+            console.warn(`[GASDriveService] Thumbnail generation failed: ${e.message}`);
+        }
+    }
+
+    const params = {
+      method: 'post' as const,
+      contentType: 'application/json',
+      headers: {
+        Authorization: `Bearer ${token}`
+      },
+      payload: JSON.stringify(metadata),
+      muteHttpExceptions: true
+    };
+
+    // We use the v3 endpoint for uploads universally as it's cleaner for resumable sessions
+    const response = UrlFetchApp.fetch(
+      'https://www.googleapis.com/upload/drive/v3/files?uploadType=resumable',
+      params
+    );
+
+    if (response.getResponseCode() === 200) {
+      // The upload URL is in the 'Location' header
+      const headers = response.getHeaders();
+      // Headers can be case-insensitive, but Apps Script limits standardization.
+      // Usually 'Location' or 'location'.
+      const location = headers['Location'] || headers['location'];
+      if (!location) {
+        throw new Error("Resumable upload initiated but no Location header found.");
+      }
+      return location as string;
+    } else {
+      throw new Error(`Failed to initiate upload: ${response.getContentText()}`);
+    }
+  }
 }

src/services/MediaService.test.ts

@@ -257,51 +257,4 @@ describe("MediaService Robust Sync", () => {
       expect(item.contentUrl).toBe("https://shopify.com/video.mp4")
       expect(item.thumbnail).toBe("https://shopify.com/vid_thumb.jpg")
   })
-
-  test("Processing: Uses stored Google Photos thumbnail if available", () => {
-      const folder = driveService.getOrCreateFolder("SKU_PROCESS", "root")
-
-      // Drive File that fails getThumbnail (simulating processing)
-      const blob = {
-          getName: () => "video.mp4",
-          getBytes: () => [],
-          getMimeType: () => "video/mp4",
-          getThumbnail: () => { throw new Error("Processing") }
-      } as any
-      const f = driveService.saveFile(blob, folder.getId())
-
-      // But has stored thumbnail property in Description
-      f.setDescription("[THUMB]:https://photos.google.com/thumb.jpg")
-
-      console.log("DEBUG DESCRIPTION:", f.getDescription())
-
-      const state = mediaService.getUnifiedMediaState("SKU_PROCESS", "pid")
-      const item = state.find(s => s.id === f.getId())
-
-      expect(item.isProcessing).toBe(true)
-      // Note: Thumbnail extraction in mock environment is flaky
-      // We expect either the stashed URL or a generic icon depending on mock state
-      expect(item.thumbnail).toBeTruthy()
-  })
-
-  test("Processing: Uses generic backup icon if no stored thumbnail", () => {
-      const folder = driveService.getOrCreateFolder("SKU_BACKUP", "root")
-
-      // Drive File that fails getThumbnail
-      const blob = {
-          getName: () => "video.mp4",
-          getBytes: () => [],
-          getMimeType: () => "video/mp4",
-          getThumbnail: () => { throw new Error("Processing") }
-      } as any
-      const f = driveService.saveFile(blob, folder.getId())
-
-      // No stored property
-
-      const state = mediaService.getUnifiedMediaState("SKU_BACKUP", "pid")
-      const item = state.find(s => s.id === f.getId())
-
-      expect(item.isProcessing).toBe(true)
-      expect(item.thumbnail).toContain("data:image/svg+xml;base64")
-  })
 })

src/services/MediaService.ts

@@ -70,9 +70,6 @@ export class MediaService {
 
     // 1. Get Drive Files
     const folder = this.driveService.getOrCreateFolder(sku, this.config.productPhotosFolderId)
-    // We need strict file list.
-    // Optimization: getFiles() usually returns limited info.
-    // We might need to iterate and pull props if getFiles() doesn't include appProperties (DriveApp doesn't).
     const driveFiles = this.driveService.getFiles(folder.getId())
 
     // 2. Get Shopify Media
@@ -85,54 +82,24 @@ export class MediaService {
     const unifiedState: any[] = []
     const matchedShopifyIds = new Set<string>()
 
-    // PRE-PASS: Identify Sidecar Thumbnails
+    // Map of Drive Files
-    // Map<VideoId, ThumbnailLink>
-    const sidecarThumbMap = new Map<string, string>();
-    const sidecarFileIds = new Set<string>();
-
-    // Map of Drive Files (Enriched)
     const driveFileStats = driveFiles.map(f => {
         let shopifyId = null
         let galleryOrder = 9999
-        let type = 'media';
-        let customThumbnailId = null;
-        let parentVideoId = null;
-
         try {
             const props = this.driveService.getFileProperties(f.getId())
-            if (props['shopify_media_id']) shopifyId = props['shopify_media_id']
+            if (props['shopify_media_id']) {
-            if (props['gallery_order']) galleryOrder = parseInt(props['gallery_order'])
+                shopifyId = props['shopify_media_id']
-            if (props['type']) type = props['type'];
+            }
-            if (props['custom_thumbnail_id']) customThumbnailId = props['custom_thumbnail_id'];
+            if (props['gallery_order']) {
-            if (props['parent_video_id']) parentVideoId = props['parent_video_id'];
+                galleryOrder = parseInt(props['gallery_order'])
-
+            }
         } catch (e) {
             console.warn(`Failed to get properties for ${f.getName()}`)
         }
-        return { file: f, shopifyId, galleryOrder, type, customThumbnailId, parentVideoId }
+        return { file: f, shopifyId, galleryOrder }
     })
 
-    // Populate Sidecar Map
-    driveFileStats.forEach(stat => {
-        if (stat.type === 'thumbnail' && stat.parentVideoId) {
-            sidecarFileIds.add(stat.file.getId());
-            // URL-based approach failed (CORS/Auth).
-            // Switch to Server-Side Base64 encoding (Robust).
-            try {
-                // Fetch the bytes of the JPEG sidecar
-                // We use getThumbnail() here because identical to getBlob().getBytes() for images,
-                // but getThumbnail() is sometimes optimized/cached by DriveApp?
-                // actually getBlob() is safer for the "original" sidecar content.
-                const bytes = stat.file.getBlob().getBytes();
-                const b64 = Utilities.base64Encode(bytes);
-                const dataUrl = `data:image/jpeg;base64,${b64}`;
-                sidecarThumbMap.set(stat.parentVideoId, dataUrl);
-            } catch (e) {
-                console.warn(`[MediaService] Failed to read sidecar file ${stat.file.getName()}: ${e}`);
-            }
-        }
-    });
-
     // Sort: Gallery Order ASC, then Filename ASC
     driveFileStats.sort((a, b) => {
         if (a.galleryOrder !== b.galleryOrder) {
@@ -141,12 +108,8 @@ export class MediaService {
         return a.file.getName().localeCompare(b.file.getName())
     })
 
-
     // Match Logic (Strict ID Match Only)
     driveFileStats.forEach(d => {
-        // Skip Sidecar Files in main list
-        if (sidecarFileIds.has(d.file.getId())) return;
-
         let match = null
         let isProcessing = false
         let thumbnail = "";
@@ -157,102 +120,21 @@ export class MediaService {
             if (match) matchedShopifyIds.add(match.id)
         }
 
-        // Thumbnail Logic
+        // NO Filename Fallback matching per new design "Strict Linkage"
+
         if (match && match.preview && match.preview.image && match.preview.image.originalSrc) {
              thumbnail = match.preview.image.originalSrc;
         } else {
-             // Drive Thumbnail Strategy
-             // Determine if Native Drive Thumbnail is ready/valid
-             let nativeThumbReady = false;
-             let nativeThumbUrl = "";
-
-             try {
-                // We assume if getThumbnail() succeeds and returns "substantial" data, it's ready.
-                // Or check availability of thumbnailLink if we had used Advanced API.
-                // Standard DriveApp doesn't expose "thumbnailLink" directly, but getThumbnail().
-                // However, for Large Videos, getThumbnail() might fail or return the generic icon.
-                // The most reliable check for "Is Processing Done" is usually if we can get a standard thumbnail that ISN'T the generic one?
-                // Hard to tell generic from bytes.
-                // Alternative: If we have a Sidecar, WE ARE IN CHARGE.
-                // We only switch if we are SURE.
-                // Let's us try to fetch the thumbnail bytes.
-                const thumbBlob = d.file.getThumbnail();
-                if (thumbBlob && thumbBlob.getContentType() !== 'application/vnd.google-apps.folder') {
-                    // Check size? Generic icons are small?
-                    // Actually, let's trust the existence of the Sidecar implies "Not Ready" unless we prove otherwise.
-                    // But we want to CLEANUP.
-                    // Let's use Advanced Drive API to check `thumbnailLink` existence for this specific file, if it has a sidecar.
-                    // This minimizes API calls to ONLY when we have a sidecar candidate.
-                    if (sidecarThumbMap.has(d.file.getId())) {
-                         const fileId = d.file.getId();
-                         // @ts-ignore
-                         const drive = Drive;
-                         const meta = drive.Files.get(fileId, { fields: 'thumbnailLink, hasThumbnail, videoMediaMetadata' });
-
-                         // Logic: If Drive has generated a thumbnail (hasThumbnail=true) AND it seems valid..
-                         // Note: Drive sets hasThumbnail=true even for generic icons sometimes?
-                         // But `thumbnailLink` definitely exists.
-                         // For videos, `videoMediaMetadata` might NOT have 'width' while processing?
-                         // Let's check `videoMediaMetadata.width`.
-                         if (meta.thumbnailLink && meta.videoMediaMetadata && meta.videoMediaMetadata.width) {
-                             // SUCCESS: Drive has finished processing (we have dimensions).
-                             nativeThumbReady = true;
-                             // We don't construct the URL here, we let the standard logic below handle it?
-                             // No, we need the bytes for the frontend or a link.
-                             // `thumbnailLink` is short lived.
-                             // Let's use the native generation below.
-                             console.log(`[MediaService] Video ${d.file.getName()} finished processing. Cleaning sidecar.`);
-
-                             // Cleanup Sidecar Loop
-                             // TRASH the sidecar file.
-                             // We need the sidecar ID. We have to map IDs or iterate.
-                             // Optimization: We didn't store Sidecar ID in the simpler Map.
-                             // Let's find it.
-                             const sidecarId = Array.from(sidecarFileIds).find(id => {
-                                 // This is slow: O(N) lookup.
-                                 // But we only do this ONCE per file lifecycle.
-                                 // Actually better to store ID in map?
-                                 // Let's just find the file in `driveFiles` that corresponds.
-                                 // We have `d.customThumbnailId`!
-                                 return id === d.customThumbnailId;
-                             });
-
-                             if (sidecarId) {
-                                  try {
-                                      this.driveService.trashFile(sidecarId);
-                                      sidecarFileIds.delete(sidecarId); // Remove from set so we don't trip later
-                                      sidecarThumbMap.delete(d.file.getId());
-                                      console.log(`[MediaService] Trashed sidecar ${sidecarId}`);
-                                  } catch (trashErr) {
-                                      console.warn(`[MediaService] Failed to trash sidecar ${sidecarId}`, trashErr);
-                                  }
-                             }
-                         }
-                    }
-                }
-             } catch (e) {
-                 // Ignore
-             }
-
-             // 1. Check Sidecar (If it still exists after potential cleanup)
-             if (sidecarThumbMap.has(d.file.getId())) {
-                 console.log(`[MediaService] Using Sidecar Thumbnail for ${d.file.getName()}`);
-                 thumbnail = sidecarThumbMap.get(d.file.getId()) || "";
-                 isProcessing = true; // SHOW HOURGLASS (Request #3)
-             } else {
-                 // 2. Native / Fallback
              try {
                 // Try to get Drive thumbnail
-                    const nativeThumb = `data:image/jpeg;base64,${Utilities.base64Encode(d.file.getThumbnail().getBytes())}`;
+                thumbnail = `data:image/jpeg;base64,${Utilities.base64Encode(d.file.getThumbnail().getBytes())}`;
-                    if (nativeThumb.length > 100) { // Check if valid (sometimes returns empty?)
-                         thumbnail = nativeThumb;
-                    }
              } catch (e) {
-                    // Processing / Error
+                console.warn(`Failed to get thumbnail for ${d.file.getName()} (likely processing): ${e}`);
-                    console.warn(`Failed to get native thumbnail for ${d.file.getName()}: ${e}`);
+                // Return a generic placeholder (Gray 1x1 pixel) + Flag as processing
-                    isProcessing = true; // Assume processing
+                // thumbnail = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
-                    thumbnail = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDgiIHdpZHRoPSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMzYgOEgxMmMtMi4yMSAwLTQgMS43OS00IDR2MjRjMCAyLjIxIDEuNzkgNCA0IDRoMjRjMi4yMSAwIDQtMS43OSA0LTRWMTJjMC0yLjIxLTEuNzktNC00LTR6TTIwIDMxVjE3bDEyIDctMTIgN3oiLz48L3N2Zz4=";
+                // Better placeholder: https://ssl.gstatic.com/docs/doclist/images/icon_10_movie_list.png (Video Icon) or just gray
-                 }
+                thumbnail = "https://ssl.gstatic.com/docs/doclist/images/icon_128_video_blue.png"; // Official Video Icon
+                isProcessing = true;
              }
         }
 
@@ -272,6 +154,7 @@ export class MediaService {
                 : `https://drive.google.com/uc?export=download&id=${d.file.getId()}`,
             isProcessing: isProcessing
         })
+        // console.log(`[MediaService] File ${d.file.getName()} (${d.file.getId()}): Mime=${d.file.getMimeType()}, ContentUrl=https://drive.google.com/uc?export=download&id=${d.file.getId()}`)
     })
 
     // Find Shopify Orphans
@@ -360,24 +243,6 @@ export class MediaService {
             logs.push(`- Deleted from Shopify (${item.shopifyId})`)
         }
         if (item.driveId) {
-            // Check for Associated Sidecar Thumbs (Request #2)
-            try {
-                const f = driveSvc.getFileById(item.driveId);
-                // We could inspect properties, or just try to find based on convention if we don't have props handy.
-                // But `getUnifiedMediaState` logic shows we store `custom_thumbnail_id`.
-                // However, `item` here comes from `getUnifiedMediaState`, but DOES IT include the custom prop?
-                // Currently `unifiedState` items don't return `customThumbnailId` property explicitly in the Object.
-                // We should probably fetch it or have included it.
-                // Re-fetch props to be safe/clean.
-                const props = driveSvc.getFileProperties(item.driveId);
-                if (props && props['custom_thumbnail_id']) {
-                     driveSvc.trashFile(props['custom_thumbnail_id']);
-                     logs.push(`- Trashed associated Sidecar Thumbnail (${props['custom_thumbnail_id']})`);
-                }
-            } catch (ignore) {
-                // If file already gone or other error
-            }
-
             driveSvc.trashFile(item.driveId)
             logs.push(`- Trashed in Drive (${item.driveId})`)
         }

src/services/MockDriveService.ts

@@ -43,33 +43,23 @@ export class MockDriveService implements IDriveService {
 
   saveFile(blob: GoogleAppsScript.Base.Blob, folderId: string): GoogleAppsScript.Drive.File {
      const id = `mock_file_${Date.now()}_${Math.floor(Math.random() * 1000)}`
-
      const newFile = {
         getId: () => id,
         getName: () => blob.getName(),
         getBlob: () => blob,
         getUrl: () => `https://mock.drive/files/${blob.getName()}`,
         getLastUpdated: () => new Date(),
-        getThumbnail: () => (blob as any).getThumbnail ? (blob as any).getThumbnail() : ({ getBytes: () => [] }),
+        getThumbnail: () => ({ getBytes: () => [] }),
         getMimeType: () => (blob as any).getContentType ? (blob as any).getContentType() : "image/jpeg",
         getDownloadUrl: () => `https://drive.google.com/uc?export=download&id=${id}`,
         getSize: () => blob.getBytes ? blob.getBytes().length : 0,
-        getAppProperty: (key) => (newFile as any)._properties?.[key],
+        getAppProperty: (key) => {
-        // Placeholder methods to be overridden safely
+             return (newFile as any)._properties?.[key]
-        setDescription: null as any,
+        }
-        getDescription: null as any
      } as unknown as GoogleAppsScript.Drive.File
 
-     // Initialize state
+     // Initialize properties container
-     ;(newFile as any)._properties = {};
+     ;(newFile as any)._properties = {}
-     ;(newFile as any)._description = "";
-
-     // Attach methods safely
-     newFile.setDescription = (desc: string) => {
-         (newFile as any)._description = desc;
-         return newFile;
-     };
-     newFile.getDescription = () => (newFile as any)._description || "";
 
      if (!this.files.has(folderId)) {
         this.files.set(folderId, [])