Add local queued video upscale with Real-ESRGAN and RIFE

components/QueuedJobModal.vue

@@ -20,6 +20,13 @@
         <p v-else-if="loading" class="mt-4 text-sm text-zinc-400">Loading job…</p>
 
         <div v-if="job" class="mt-5 space-y-4">
+          <div v-if="job.payload.upscale" class="text-sm text-zinc-300">
+            <p>Local video upscale · {{ job.payload.upscale.scale }}x · {{ job.payload.upscale.target }} · FPS {{ job.payload.upscale.fps }} · {{ job.payload.upscale.enhance }}</p>
+            <p class="mt-2">View progress and the result on the source clip. Cancel this queue item to choose different settings.</p>
+            <NuxtLink :to="`/?clip=${job.payload.upscale.sourceId}`" class="text-amber-200 underline" @click="close">Open source clip</NuxtLink>
+            <p v-if="job.lastError" class="text-red-300">{{ job.lastError }}</p>
+          </div>
+          <template v-else>
           <div v-if="thumbUrl" class="overflow-hidden rounded-2xl border border-white/10 bg-black/40">
             <img :src="thumbUrl" alt="" class="max-h-56 w-full object-contain">
           </div>
@@ -162,6 +169,7 @@
             <button v-if="editable" type="button" class="rounded-full bg-amber-400 px-3 py-1.5 text-xs font-semibold text-zinc-950 disabled:opacity-50" :disabled="busy" @click="saveChanges">Save changes</button>
             <button type="button" class="rounded-full border border-sky-300/40 px-3 py-1.5 text-xs text-sky-100 hover:border-sky-200" @click="loadAway">{{ job.kind === 'music' ? 'Load into Music' : 'Load into Studio' }}</button>
           </div>
+          </template>
         </div>
       </div>
     </div>