From 2a6bbcd40852d69dc28815bed550d802f26a6925 Mon Sep 17 00:00:00 2001
From: "soroush.asadi" <soroush.asadi@aliasaas.com>
Date: Fri, 5 Jun 2026 22:13:26 +0330
Subject: [PATCH] fix(render-page): register completion without requiring a
 download URL

The full-screen render page only transitioned to "completed" when status was
completed AND an outputUrl existed, so dev renders (which produce no export file)
polled forever at 100%. Now completion is driven by status alone; the download/
share buttons render only when a URL is present, otherwise a "dev render, no file"
note is shown. Same guard helps real renders whose export URL resolves a beat late.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../studio/render/[projectId]/page.tsx        | 49 +++++++++++--------
 1 file changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/app/[locale]/studio/render/[projectId]/page.tsx b/src/app/[locale]/studio/render/[projectId]/page.tsx
index e9d687d..3866aeb 100644
--- a/src/app/[locale]/studio/render/[projectId]/page.tsx
+++ b/src/app/[locale]/studio/render/[projectId]/page.tsx
@@ -109,8 +109,8 @@ export default function RenderPage() {
         setProgressMessage(data.progressMessage ?? `Rendering… ${data.progress}%`);
         if (data.previewB64) setPreviewB64(data.previewB64);
 
-        if (data.status === "completed" && data.outputUrl) {
-          setOutputUrl(data.outputUrl);
+        if (data.status === "completed") {
+          if (data.outputUrl) setOutputUrl(data.outputUrl);
           setProgress(100);
           setPhase("completed");
         } else if (data.status === "failed") {
@@ -219,27 +219,36 @@ export default function RenderPage() {
         </div>
 
         {/* State-specific panel */}
-        {phase === "completed" && outputUrl ? (
+        {phase === "completed" ? (
           <div className="w-full max-w-md space-y-3 text-center">
             <p className="text-lg font-semibold text-emerald-400">ویدیوی شما آماده است!</p>
             <div className="flex flex-col gap-2">
-              <a
-                href={outputUrl}
-                download
-                className="inline-flex items-center justify-center gap-2 rounded-lg bg-primary-600 px-4 py-3 text-sm font-medium text-white hover:bg-primary-700"
-              >
-                <Download className="h-4 w-4" />
-                دانلود MP4
-              </a>
-              <a
-                href={outputUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="inline-flex items-center justify-center gap-2 rounded-lg border border-[#2a2d3e] px-4 py-2.5 text-sm text-gray-200 hover:bg-[#161a2b]"
-              >
-                <Link2 className="h-4 w-4" />
-                لینک اشتراک‌گذاری
-              </a>
+              {outputUrl ? (
+                <>
+                  <a
+                    href={outputUrl}
+                    download
+                    className="inline-flex items-center justify-center gap-2 rounded-lg bg-primary-600 px-4 py-3 text-sm font-medium text-white hover:bg-primary-700"
+                  >
+                    <Download className="h-4 w-4" />
+                    دانلود MP4
+                  </a>
+                  <a
+                    href={outputUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="inline-flex items-center justify-center gap-2 rounded-lg border border-[#2a2d3e] px-4 py-2.5 text-sm text-gray-200 hover:bg-[#161a2b]"
+                  >
+                    <Link2 className="h-4 w-4" />
+                    لینک اشتراک‌گذاری
+                  </a>
+                </>
+              ) : (
+                <p className="rounded-lg border border-[#2a2d3e] bg-[#0c0e1a] px-3 py-2.5 text-xs text-gray-400">
+                  رندر در محیط توسعه کامل شد (بدون فایل خروجی واقعی). در محیط تولید، لینک دانلود اینجا
+                  نمایش داده می‌شود.
+                </p>
+              )}
               <Link
                 href={backToStudio}
                 className="mt-1 text-xs text-gray-500 hover:text-gray-300"