diff --git a/components/UploadScreen.tsx b/components/UploadScreen.tsx
index fd49f1e..1e67656 100644
--- a/components/UploadScreen.tsx
+++ b/components/UploadScreen.tsx
@@ -566,6 +566,10 @@ export function UploadScreen() {
         ? t("upload.ready")
         : t("upload.addToStart");
 
+  if (phase === "loading") {
+    return <LoadingState progress={progress} onCancel={() => abortRef.current?.abort()} />;
+  }
+
   /* Phones: the 3-step flow. Same state as the desktop card, different shape. */
   if (isPhone) {
     const stepLabel =
@@ -1018,10 +1022,6 @@ export function UploadScreen() {
     );
   }
 
-  if (phase === "loading") {
-    return <LoadingState progress={progress} onCancel={() => abortRef.current?.abort()} />;
-  }
-
   return (
     <div className="relative">
       <div className="relative space-y-5">
diff --git a/public/sw.js b/public/sw.js
index 18c0e56..068162b 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -9,7 +9,7 @@
  *
  * Bumping CACHE_VERSION is how a new deploy invalidates old assets.
  */
-const CACHE_VERSION = "freezmo-v23";
+const CACHE_VERSION = "freezmo-v24";
 const SHELL_CACHE = `${CACHE_VERSION}-shell`;
 const ASSET_CACHE = `${CACHE_VERSION}-assets`;