diff --git a/src/renderer/public/assets/cyd-loading.gif b/src/renderer/public/assets/cyd-loading.gif
new file mode 100644
index 00000000..8decc61c
Binary files /dev/null and b/src/renderer/public/assets/cyd-loading.gif differ
diff --git a/src/renderer/src/view_models/AccountXViewModel.ts b/src/renderer/src/view_models/AccountXViewModel.ts
index d5969671..cad671fc 100644
--- a/src/renderer/src/view_models/AccountXViewModel.ts
+++ b/src/renderer/src/view_models/AccountXViewModel.ts
@@ -2639,104 +2639,104 @@ Hang on while I scroll down to your earliest bookmarks.`;
 
                 case State.WizardImportOrBuild:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `
 **I need a local database of the data in your X account before I can delete it.**
 
 You can either import an X archive, or I can build it from scratch by scrolling through your profile.`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardImportOrBuildDisplay;
                     break;
 
                 case State.WizardImportStart:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `
 **Before you can import your X archive, you need to download it from X. Here's how.**`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardImportStartDisplay;
                     break;
 
                 case State.WizardImportDownload:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `You have requested your X archive, so now we wait.`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardImportDownloadDisplay;
                     break;
 
                 case State.WizardImporting:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `
 **I'll help you import your X archive into your local database.**`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardImportingDisplay;
                     break;
 
                 case State.WizardBuildOptions:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `
 I'll help you build a private local database of your X data to the \`Documents\` folder on your computer.
 You'll be able to access it even after you delete it from X.
 
 **Which data do you want to save?**`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardBuildOptionsDisplay;
                     break;
 
                 case State.WizardArchiveOptions:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `
 - I can save an HTML version of each of your tweets.
 - I can backup a copy of your bookmarks, which isn't included in the official X archive.
 - And I can also save a more detailed backup of your direct messages than is available in the official X archive.
 
 **Which data do you want to save?**`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardArchiveOptionsDisplay;
                     break;
 
                 case State.WizardDeleteOptions:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `
 **Which data do you want to delete?**`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardDeleteOptionsDisplay;
                     break;
 
                 case State.WizardReview:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `I'm almost ready to start helping you claw back your data from X!
 
 **Here's what I'm planning on doing.**`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardReviewDisplay;
                     break;
 
                 case State.WizardDeleteReview:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     databaseStatsString = await this.getDatabaseStatsString();
                     this.instructions = "I've finished saving the data I need before I can start deleting."
                     if (databaseStatsString != "") {
                         this.instructions += `\n\nI've saved: **${await this.getDatabaseStatsString()}**.`
                     }
+                    await this.loadURL("about:blank");
                     this.state = State.WizardDeleteReviewDisplay;
                     break;
 
                 case State.FinishedRunningJobs:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `
 All done!
 
 **Here's what I did.**`;
+                    await this.loadURL("about:blank");
                     this.state = State.FinishedRunningJobsDisplay;
                     break;
 
                 case State.WizardCheckPremium:
                     this.showBrowser = false;
-                    await this.loadURL("about:blank");
                     this.instructions = `**I'm almost ready to delete your data from X!**
 
 You can save all your data for free, but you need a Premium plan to delete your data.`;
+                    await this.loadURL("about:blank");
                     this.state = State.WizardCheckPremiumDisplay;
                     break;
 
diff --git a/src/renderer/src/views/x/AccountXView.vue b/src/renderer/src/views/x/AccountXView.vue
index d3e7c942..fe77d0a7 100644
--- a/src/renderer/src/views/x/AccountXView.vue
+++ b/src/renderer/src/views/x/AccountXView.vue
@@ -398,43 +398,53 @@ onUnmounted(async () => {
         <AccountHeader :account="account" :show-refresh-button="true" @on-refresh-clicked="emit('onRefreshClicked')"
             @on-remove-clicked="emit('onRemoveClicked')" />
 
-        <div class="d-flex ms-2">
-            <div class="d-flex flex-column flex-grow-1">
-                <!-- Speech bubble -->
-                <SpeechBubble ref="speechBubbleComponent" :message="model.instructions || ''" class="mb-2"
-                    :class="{ 'w-100': currentJobs.length === 0 }" />
-
-                <!-- Progress -->
-                <XProgressComponent
-                    v-if="((rateLimitInfo && rateLimitInfo.isRateLimited) || progress) && model.state == State.RunJobs"
-                    :progress="progress" :rate-limit-info="rateLimitInfo" :account-i-d="account.id" />
+        <template v-if="model.state == State.WizardPrestart || model.state == State.WizardStart">
+            <div class="text-center ms-2 mt-5">
+                <img src="/assets/cyd-loading.gif" alt="Loading">
             </div>
+        </template>
+
+        <template v-if="model.state != State.WizardPrestart && model.state != State.WizardStart">
+            <div class="d-flex ms-2">
+                <div class="d-flex flex-column flex-grow-1">
+                    <!-- Speech bubble -->
+                    <SpeechBubble ref="speechBubbleComponent" :message="model.instructions || ''" class="mb-2"
+                        :class="{ 'w-100': currentJobs.length === 0 }" />
+
+                    <!-- Progress -->
+                    <XProgressComponent
+                        v-if="((rateLimitInfo && rateLimitInfo.isRateLimited) || progress) && model.state == State.RunJobs"
+                        :progress="progress" :rate-limit-info="rateLimitInfo" :account-i-d="account.id" />
+                </div>
 
-            <div class="d-flex align-items-center">
-                <!-- Job status -->
-                <XJobStatusComponent v-if="currentJobs.length > 0 && model.state == State.RunJobs" :jobs="currentJobs"
-                    :is-paused="isPaused" class="job-status-component" @on-pause="model.pause()"
-                    @on-resume="model.resume()" @on-cancel="emit('onRefreshClicked')" @on-report-bug="onReportBug" />
+                <div class="d-flex align-items-center">
+                    <!-- Job status -->
+                    <XJobStatusComponent v-if="currentJobs.length > 0 && model.state == State.RunJobs"
+                        :jobs="currentJobs" :is-paused="isPaused" class="job-status-component" @on-pause="model.pause()"
+                        @on-resume="model.resume()" @on-cancel="emit('onRefreshClicked')"
+                        @on-report-bug="onReportBug" />
+                </div>
             </div>
-        </div>
-
-        <!-- U2F security key notice -->
-        <p v-if="model.state == State.Login" class="u2f-info text-center text-muted small ms-2">
-            <i class="fa-solid fa-circle-info me-2" />
-            If you use a U2F security key (like a Yubikey) for 2FA, press it when you see a white
-            screen. <a href="#" @click="openURL('https://cyd.social/docs-u2f')">Read more</a>.
-        </p>
-
-        <!-- Automation notice -->
-        <p v-if="(model.showBrowser && model.showAutomationNotice)" class="text-muted text-center automation-notice">
-            <i class="fa-solid fa-robot" /> I'm following your instructions. Feel free to switch windows and use
-            your computer for other things.
-        </p>
-
-        <!-- Ready for input -->
-        <p v-if="(model.showBrowser && !model.showAutomationNotice)" class="text-muted text-center ready-for-input">
-            <i class="fa-solid fa-computer-mouse" /> Ready for input.
-        </p>
+
+            <!-- U2F security key notice -->
+            <p v-if="model.state == State.Login" class="u2f-info text-center text-muted small ms-2">
+                <i class="fa-solid fa-circle-info me-2" />
+                If you use a U2F security key (like a Yubikey) for 2FA, press it when you see a white
+                screen. <a href="#" @click="openURL('https://cyd.social/docs-u2f')">Read more</a>.
+            </p>
+
+            <!-- Automation notice -->
+            <p v-if="(model.showBrowser && model.showAutomationNotice)"
+                class="text-muted text-center automation-notice">
+                <i class="fa-solid fa-robot" /> I'm following your instructions. Feel free to switch windows and use
+                your computer for other things.
+            </p>
+
+            <!-- Ready for input -->
+            <p v-if="(model.showBrowser && !model.showAutomationNotice)" class="text-muted text-center ready-for-input">
+                <i class="fa-solid fa-computer-mouse" /> Ready for input.
+            </p>
+        </template>
 
         <!-- Webview -->
         <webview ref="webviewComponent" src="about:blank" class="webview" :partition="`persist:account-${account.id}`"
@@ -444,88 +454,90 @@ onUnmounted(async () => {
                 'webview-input-border': !model.showAutomationNotice
             }" />
 
-        <!-- RunJobs states -->
-        <div :class="{
-            'hidden': model.showBrowser || !(model.state == State.RunJobs && model.runJobsState != RunJobsState.Default),
-            'run-jobs-state': true,
-            'ms-2': true
-        }">
-            <div class="run-jobs-state-container d-flex">
-                <div class="run-jobs-state-content flex-grow-1">
-                    <XJobDeleteTweets
-                        v-if="model.runJobsState == RunJobsState.DeleteTweets || model.runJobsState == RunJobsState.DeleteRetweets || model.runJobsState == RunJobsState.DeleteLikes || model.runJobsState == RunJobsState.DeleteBookmarks"
-                        :model="unref(model)" />
+        <template v-if="model.state != State.WizardPrestart && model.state != State.WizardStart">
+            <!-- RunJobs states -->
+            <div :class="{
+                'hidden': model.showBrowser || !(model.state == State.RunJobs && model.runJobsState != RunJobsState.Default),
+                'run-jobs-state': true,
+                'ms-2': true
+            }">
+                <div class="run-jobs-state-container d-flex">
+                    <div class="run-jobs-state-content flex-grow-1">
+                        <XJobDeleteTweets
+                            v-if="model.runJobsState == RunJobsState.DeleteTweets || model.runJobsState == RunJobsState.DeleteRetweets || model.runJobsState == RunJobsState.DeleteLikes || model.runJobsState == RunJobsState.DeleteBookmarks"
+                            :model="unref(model)" />
+                    </div>
                 </div>
             </div>
-        </div>
-
-        <!-- Wizard -->
-        <div :class="{ 'hidden': model.showBrowser || model.state == State.RunJobs, 'wizard': true, 'ms-2': true }">
-            <div class="wizard-container d-flex">
-                <div class="wizard-content flex-grow-1">
-                    <XWizardImportOrBuildPage v-if="model.state == State.WizardImportOrBuildDisplay"
-                        :model="unref(model)" @set-state="setState($event)" />
-
-                    <XWizardImportPage v-if="model.state == State.WizardImportStartDisplay" :model="unref(model)"
-                        @set-state="setState($event)" />
-
-                    <XWizardImportDownloadPage v-if="model.state == State.WizardImportDownloadDisplay"
-                        @set-state="setState($event)" />
-
-                    <XWizardImportingPage v-if="model.state == State.WizardImportingDisplay" :model="unref(model)"
-                        @set-state="setState($event)" />
-
-                    <XWizardBuildOptionsPage v-if="model.state == State.WizardBuildOptionsDisplay" :model="unref(model)"
-                        @set-state="setState($event)" @update-account="updateAccount" />
-
-                    <XWizardArchiveOptionsPage v-if="model.state == State.WizardArchiveOptionsDisplay"
-                        :model="unref(model)" @set-state="setState($event)" @update-account="updateAccount" />
-
-                    <XWizardDeleteOptionsPage v-if="model.state == State.WizardDeleteOptionsDisplay"
-                        :model="unref(model)" :user-authenticated="userAuthenticated" :user-premium="userPremium"
-                        @update-account="updateAccount" @set-state="setState($event)" />
-
-                    <XWizardReviewPage v-if="model.state == State.WizardReviewDisplay" :model="unref(model)"
-                        @set-state="setState($event)" @update-account="updateAccount" @start-jobs="startJobs" />
-
-                    <XWizardCheckPremium v-if="model.state == State.WizardCheckPremiumDisplay" :model="unref(model)"
-                        :user-authenticated="userAuthenticated" :user-premium="userPremium"
-                        @set-state="setState($event)" @update-account="updateAccount"
-                        @start-jobs-just-save="startJobsJustSave" @update-user-premium="updateUserPremium" />
-
-                    <XFinishedRunningJobsPage v-if="model.state == State.FinishedRunningJobsDisplay"
-                        :model="unref(model)"
-                        :failure-state-index-likes_-failed-to-retry-after-rate-limit="failureStateIndexLikes_FailedToRetryAfterRateLimit"
-                        :failure-state-index-tweets_-failed-to-retry-after-rate-limit="failureStateIndexTweets_FailedToRetryAfterRateLimit"
-                        @set-state="setState($event)" @finished-run-again-clicked="finishedRunAgainClicked"
-                        @on-refresh-clicked="emit('onRefreshClicked')" />
-
-                    <!-- Debug state -->
-                    <div v-if="model.state == State.Debug">
-                        <p>Debug debug debug!!!</p>
-                        <p>
-                            <button class="btn btn-danger" @click="debugModeTriggerError(1)">
-                                Trigger Error
-                            </button>
-                        </p>
-                        <p>
-                            <button class="btn btn-danger" @click="debugModeTriggerError(3)">
-                                Trigger 3 Errors
-                            </button>
-                        </p>
-                        <p>
-                            <button class="btn btn-primary" @click="debugModeDisable">
-                                Cancel Debug Mode
-                            </button>
-                        </p>
+
+            <!-- Wizard -->
+            <div :class="{ 'hidden': model.showBrowser || model.state == State.RunJobs, 'wizard': true, 'ms-2': true }">
+                <div class="wizard-container d-flex">
+                    <div class="wizard-content flex-grow-1">
+                        <XWizardImportOrBuildPage v-if="model.state == State.WizardImportOrBuildDisplay"
+                            :model="unref(model)" @set-state="setState($event)" />
+
+                        <XWizardImportPage v-if="model.state == State.WizardImportStartDisplay" :model="unref(model)"
+                            @set-state="setState($event)" />
+
+                        <XWizardImportDownloadPage v-if="model.state == State.WizardImportDownloadDisplay"
+                            @set-state="setState($event)" />
+
+                        <XWizardImportingPage v-if="model.state == State.WizardImportingDisplay" :model="unref(model)"
+                            @set-state="setState($event)" />
+
+                        <XWizardBuildOptionsPage v-if="model.state == State.WizardBuildOptionsDisplay"
+                            :model="unref(model)" @set-state="setState($event)" @update-account="updateAccount" />
+
+                        <XWizardArchiveOptionsPage v-if="model.state == State.WizardArchiveOptionsDisplay"
+                            :model="unref(model)" @set-state="setState($event)" @update-account="updateAccount" />
+
+                        <XWizardDeleteOptionsPage v-if="model.state == State.WizardDeleteOptionsDisplay"
+                            :model="unref(model)" :user-authenticated="userAuthenticated" :user-premium="userPremium"
+                            @update-account="updateAccount" @set-state="setState($event)" />
+
+                        <XWizardReviewPage v-if="model.state == State.WizardReviewDisplay" :model="unref(model)"
+                            @set-state="setState($event)" @update-account="updateAccount" @start-jobs="startJobs" />
+
+                        <XWizardCheckPremium v-if="model.state == State.WizardCheckPremiumDisplay" :model="unref(model)"
+                            :user-authenticated="userAuthenticated" :user-premium="userPremium"
+                            @set-state="setState($event)" @update-account="updateAccount"
+                            @start-jobs-just-save="startJobsJustSave" @update-user-premium="updateUserPremium" />
+
+                        <XFinishedRunningJobsPage v-if="model.state == State.FinishedRunningJobsDisplay"
+                            :model="unref(model)"
+                            :failure-state-index-likes_-failed-to-retry-after-rate-limit="failureStateIndexLikes_FailedToRetryAfterRateLimit"
+                            :failure-state-index-tweets_-failed-to-retry-after-rate-limit="failureStateIndexTweets_FailedToRetryAfterRateLimit"
+                            @set-state="setState($event)" @finished-run-again-clicked="finishedRunAgainClicked"
+                            @on-refresh-clicked="emit('onRefreshClicked')" />
+
+                        <!-- Debug state -->
+                        <div v-if="model.state == State.Debug">
+                            <p>Debug debug debug!!!</p>
+                            <p>
+                                <button class="btn btn-danger" @click="debugModeTriggerError(1)">
+                                    Trigger Error
+                                </button>
+                            </p>
+                            <p>
+                                <button class="btn btn-danger" @click="debugModeTriggerError(3)">
+                                    Trigger 3 Errors
+                                </button>
+                            </p>
+                            <p>
+                                <button class="btn btn-primary" @click="debugModeDisable">
+                                    Cancel Debug Mode
+                                </button>
+                            </p>
+                        </div>
                     </div>
-                </div>
 
-                <!-- wizard side bar -->
-                <XWizardSidebar :model="unref(model)" @set-state="setState($event)"
-                    @set-debug-autopause-end-of-step="debugAutopauseEndOfStepChanged" />
+                    <!-- wizard side bar -->
+                    <XWizardSidebar :model="unref(model)" @set-state="setState($event)"
+                        @set-debug-autopause-end-of-step="debugAutopauseEndOfStepChanged" />
+                </div>
             </div>
-        </div>
+        </template>
     </div>
 </template>