Removed Total file, Progress was stuck at 0% fixed and added stop or cancel transfer

total 43872768 in every folder — phantom row, now gone
That wasn't a file at all — it was ls -la's total N summary line being parsed as an entry. The parser skipped empty lines but not this, so it appeared in every folder with a checkbox. One-line fix to skip /^total\s+\d+$/. (Selecting it before would also have poisoned downloads with a guaranteed-failed entry.)

2. Stuck "0%" while gigabytes move
Your screenshot shows the exact failure: stat gave no usable total for that file, so the UI sat at 0% with "Calculating…" while 1.5 GB flowed. Two fixes:

Sizes now travel with the request — the file list already knows every size from ls, so selections carry a sizeHint and the first progress event has totals immediately (verified: first event carried totalBytes: 67203777).
Bytes-moved headline — when no total exists, the big readout shows 1.5 GB transferred instead of a lying 0% complete.
3. Upload MBs
adb push reports nothing mid-flight, so the main process now runs the push as a tracked child while polling the remote size every 500ms. Proven live: a 67MB upload emitted 54%, 89% with real byte counts; totals are announced up-front from local stat.

4. Stop button
New Stop button in the sheet header (× still just hides to the pill). A transfer registry tracks live child processes per transfer ID; Stop kills them, loops abort between files, and handlers report {cancelled: true} so the sheet shows "Transfer cancelled" instead of an error. Batch return shapes changed to {results, cancelled} — call sites updated. Also fixed as a bonus: progress events now carry the transfer ID, so a previous transfer's late events can't paint over a new one.

Author: jackhallloween21

assets/classes.dex

@@ -55,11 +55,12 @@ contextBridge.exposeInMainWorld('api', {
   // files
   listFiles: (serial, remotePath) => ipcRenderer.invoke('files:list', { serial, remotePath }),
   previewFile: (serial, remotePath) => ipcRenderer.invoke('files:preview', { serial, remotePath }),
-  pullFile: (serial, remotePath) => ipcRenderer.invoke('files:pull', { serial, remotePath }),
-  pullBatch: (serial, files, destDir) => ipcRenderer.invoke('files:pullBatch', { serial, files, destDir }),
-  pushFile: (serial, remoteDir) => ipcRenderer.invoke('files:push', { serial, remoteDir }),
-  pushBatch: (serial, remoteDir) => ipcRenderer.invoke('files:pushBatch', { serial, remoteDir }),
-  pushBatchFiles: (serial, remoteDir, filePaths) => ipcRenderer.invoke('files:pushBatchFiles', { serial, remoteDir, filePaths }),
+  pullFile: (serial, remotePath, opts) => ipcRenderer.invoke('files:pull', { serial, remotePath, ...(opts || {}) }),
+  pullBatch: (serial, files, destDir, opts) => ipcRenderer.invoke('files:pullBatch', { serial, files, destDir, ...(opts || {}) }),
+  pushFile: (serial, remoteDir, opts) => ipcRenderer.invoke('files:push', { serial, remoteDir, ...(opts || {}) }),
+  pushBatch: (serial, remoteDir, opts) => ipcRenderer.invoke('files:pushBatch', { serial, remoteDir, ...(opts || {}) }),
+  pushBatchFiles: (serial, remoteDir, filePaths, opts) => ipcRenderer.invoke('files:pushBatchFiles', { serial, remoteDir, filePaths, ...(opts || {}) }),
+  cancelTransfer: (transferId) => ipcRenderer.invoke('files:cancelTransfer', { transferId }),
   deleteFile: (serial, remotePath) => ipcRenderer.invoke('files:delete', { serial, remotePath }),
   onPullProgress: (cb) => ipcRenderer.on('files:pullProgress', (_e, data) => cb(data)),
   onPushProgress: (cb) => ipcRenderer.on('files:pushProgress', (_e, data) => cb(data)),
@@ -104,9 +105,11 @@ contextBridge.exposeInMainWorld('api', {
   stopAudio: () => ipcRenderer.invoke('audio:stop'),
   audioStatus: () => ipcRenderer.invoke('audio:status'),
   setVolume: (serial, level) => ipcRenderer.invoke('audio:setVolume', { serial, level }),
-  mediaKey: (serial, action) => ipcRenderer.invoke('media:key', { serial, action }),
+  getVolume: (serial) => ipcRenderer.invoke('audio:getVolume', serial),
+  mediaKey: (serial, action, pkg) => ipcRenderer.invoke('media:key', { serial, action, package: pkg }),
   nowPlaying: (serial) => ipcRenderer.invoke('media:nowPlaying', serial),
   artwork: (serial, uri) => ipcRenderer.invoke('media:artwork', { serial, uri }),
+  artworkBatch: (serial, uris) => ipcRenderer.invoke('media:artworkBatch', { serial, uris }),
 
   // camera
   listCameras: (serial) => ipcRenderer.invoke('camera:list', serial),

main.js

@@ -136,7 +136,17 @@ if (!serial) {
   }
   window.api.cameraRecordStatus().then((active) => { camRecording = !!active; paintCamRec(); }).catch(() => {});
 
-  action('c-stop', () => window.api.stopCamera(), { busy: 'Stopping camera…' });
+  action('c-stop', () => window.api.stopCamera(), {
+    busy: 'Stopping camera…',
+    done: (res) => {
+      // A stop also ends an in-flight recording (finalized main-side).
+      camRecording = false;
+      paintCamRec();
+      if (res && res.recording) return `Stopped — saved ${String(res.recording).split(/[\\/]/).pop()}`;
+      if (res && res.recordError) return 'Stopped — recording failed';
+      return 'Stopped';
+    },
+  });
 
   action('a-redock', () => window.api.cameraRedock(), {
     done: (ok) => (ok ? 'Snapped back under the video' : 'No docked session'),

preload.js

@@ -281,10 +281,6 @@ <h3><span class="head-dot" style="background:var(--cat-photos)"></span>Storage</
               <span id="file-sel-count" class="muted tiny"></span>
               <button id="file-download-btn" class="primary-btn tiny" disabled>Download selected</button>
               <button id="file-upload-btn" class="ghost-btn tiny" disabled>Upload to here</button>
-              <div id="file-transfer-progress" class="transfer-progress hidden">
-                <div class="transfer-bar"><div id="file-transfer-fill" class="transfer-fill"></div></div>
-                <span id="file-transfer-label" class="muted tiny"></span>
-              </div>
             </div>
             <div id="file-list" class="mono file-list"></div>
             <div id="file-drop-overlay" class="file-drop-overlay hidden">
@@ -1067,6 +1063,54 @@ <h3>Android system binaries &amp; drivers</h3>
     </div>
   </div>
 
+  <!-- Transfer center: floating sheet for file uploads/downloads -->
+  <div id="transfer-pill" class="transfer-pill hidden" title="Show transfers">
+    <span id="transfer-pill-icon">&#11015;</span><span id="transfer-pill-text" class="mono">0%</span>
+  </div>
+  <section id="transfer-center" class="transfer-center hidden" aria-live="polite">
+    <div class="tc-grip"></div>
+    <div class="tc-head">
+      <span id="tc-icon" class="tc-icon">&#11015;</span>
+      <span id="tc-title" class="tc-title">Transferring Files</span>
+      <span id="tc-count" class="tc-count-pill">0 items</span>
+      <span class="tc-head-spacer"></span>
+      <button id="tc-stop" class="ghost-btn tiny hidden" title="Stop this transfer">Stop</button>
+      <button id="tc-collapse" class="icon-btn" title="Collapse">&#9662;</button>
+      <button id="tc-close" class="icon-btn" title="Close">&times;</button>
+    </div>
+    <div id="tc-body">
+      <div class="tc-overall-row">
+        <span id="tc-pct" class="tc-pct">0%</span><span id="tc-complete-word" class="tc-complete muted">complete</span>
+        <span class="tc-head-spacer"></span>
+        <span id="tc-eta" class="tc-eta">Calculating&hellip;</span>
+      </div>
+      <div class="transfer-bar tc-overall-bar"><div id="tc-overall-fill" class="transfer-fill"></div></div>
+      <div class="tc-meta-row">
+        <span id="tc-speed" class="tc-speed mono">&mdash;</span>
+        <span class="tc-head-spacer"></span>
+        <span id="tc-totals" class="tc-totals mono">&mdash;</span>
+      </div>
+      <div id="tc-route" class="tc-route muted"></div>
+      <div id="tc-active" class="tc-active hidden">
+        <div class="tc-active-top">
+          <span id="tc-active-idx" class="tc-active-idx">ACTIVE ITEM</span>
+          <span class="tc-head-spacer"></span>
+          <span id="tc-active-pct" class="tc-active-pct mono">0%</span>
+        </div>
+        <div class="tc-active-main">
+          <span id="tc-active-icon" class="tc-item-icon">&#128196;</span>
+          <span class="tc-active-text">
+            <span id="tc-active-name" class="tc-active-name"></span>
+            <span id="tc-active-sub" class="tc-active-sub muted"></span>
+          </span>
+        </div>
+        <div class="transfer-bar tc-item-bar"><div id="tc-active-fill" class="transfer-fill"></div></div>
+      </div>
+      <div class="tc-queue-head"><span id="tc-queue-title">Transfer Queue</span></div>
+      <div id="tc-queue" class="tc-queue"></div>
+    </div>
+  </section>
+
   <script src="renderer.js"></script>
 </body>
 </html>