feat: wire async app flows for checkout x mentions signed playback and queued generation

src/views/pages.js

@@ -189,7 +189,7 @@ function renderAppPage({ userId, summary, jobs, flash = null }) {
   });
 }
 
-function renderAudioPage({ audio, accessDecision, userId }) {
+function renderAudioPage({ audio, accessDecision, userId, playbackUrl = null }) {
   if (!audio) {
     return shell({
       title: "Audio not found",
@@ -218,7 +218,9 @@ function renderAudioPage({ audio, accessDecision, userId }) {
           <h1 class="text-xl font-bold">${escapeHtml(audio.articleTitle)}</h1>
           <div class="text-xs text-slate-400">Duration ~ ${audio.durationSec}s • Asset ${escapeHtml(audio.id)}</div>
           ${action}
-          ${accessDecision.allowed ? `<div class="mockup-code mt-3"><pre><code>stream://${escapeHtml(audio.storageKey)}</code></pre></div>` : ""}
+          ${accessDecision.allowed
+    ? `<div class="mockup-code mt-3"><pre><code>${escapeHtml(playbackUrl || `stream://${audio.storageKey}`)}</code></pre></div>`
+    : ""}
         </div>
       </section>
     `,