From 8bf2b6d240e4b833e6b83cc36744988c9b6ed035 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 27 Oct 2025 07:31:49 +0000
Subject: [PATCH] fix: add UI validation for models requiring inputAsset

- Disable Generate button when model requires image/video/audio but none selected
- Add helper text showing 'This model requires an asset'
- Add improved error logging for FAL API errors
- Add translations for asset requirement message (EN/RU)
- Fixes FLUX.1 Kontext [pro] generation failure

Resolves issue where FLUX.1 Kontext [pro] and other image-to-image models
could be triggered without required image assets, causing API errors.

Co-Authored-By: Ilya Timonin <timoncool@gmail.com>
---
 messages/en.json               |  3 ++-
 messages/ru.json               |  3 ++-
 src/components/right-panel.tsx | 21 +++++++++++++++++++--
 src/data/mutations.ts          | 16 +++++++++++++---
 4 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/messages/en.json b/messages/en.json
index b40e4c7a..1b0ad2f3 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -92,7 +92,8 @@
       "imaginePlaceholder": "Imagine...",
       "enhancePrompt": "Enhance Prompt",
       "duration": "Duration",
-      "generate": "Generate"
+      "generate": "Generate",
+      "thisModelRequiresAsset": "This model requires an asset to be selected"
     },
     "videoPreview": {
       "export": "Export"
diff --git a/messages/ru.json b/messages/ru.json
index 7ae0331f..a38ed36a 100644
--- a/messages/ru.json
+++ b/messages/ru.json
@@ -92,7 +92,8 @@
       "imaginePlaceholder": "Представьте...",
       "enhancePrompt": "Улучшить запрос",
       "duration": "Длительность",
-      "generate": "Сгенерировать"
+      "generate": "Сгенерировать",
+      "thisModelRequiresAsset": "Эта модель требует выбора ресурса"
     },
     "videoPreview": {
       "export": "Экспорт"
diff --git a/src/components/right-panel.tsx b/src/components/right-panel.tsx
index 38fc1f77..f2f4889e 100644
--- a/src/components/right-panel.tsx
+++ b/src/components/right-panel.tsx
@@ -999,10 +999,27 @@ export default function RightPanel({
                 </AccordionContent>
               </AccordionItem>
             </Accordion>
-            <div className="flex flex-row gap-2">
+            <div className="flex flex-col gap-2">
+              {endpoint?.inputAsset?.some((asset) => {
+                const assetType = getAssetType(asset);
+                const assetKey = getAssetKey(asset);
+                return !generateData[assetKey];
+              }) && (
+                <div className="text-xs text-muted-foreground text-center">
+                  {t("thisModelRequiresAsset")}
+                </div>
+              )}
               <Button
                 className="w-full"
-                disabled={enhance.isPending || createJob.isPending}
+                disabled={
+                  enhance.isPending ||
+                  createJob.isPending ||
+                  endpoint?.inputAsset?.some((asset) => {
+                    const assetType = getAssetType(asset);
+                    const assetKey = getAssetKey(asset);
+                    return !generateData[assetKey];
+                  })
+                }
                 onClick={handleOnGenerate}
               >
                 {t("generate")}
diff --git a/src/data/mutations.ts b/src/data/mutations.ts
index 54915711..dec7b3c3 100644
--- a/src/data/mutations.ts
+++ b/src/data/mutations.ts
@@ -64,9 +64,19 @@ export const useJobCreator = ({
 
       if (provider === "fal") {
         console.log("[DEBUG] FAL - submitting with endpointId:", endpointId);
-        const result = await fal.queue.submit(endpointId, { input });
-        console.log("[DEBUG] FAL submit result:", result);
-        return result;
+        console.log("[DEBUG] FAL - input payload:", JSON.stringify(input, null, 2));
+        try {
+          const result = await fal.queue.submit(endpointId, { input });
+          console.log("[DEBUG] FAL submit result:", result);
+          return result;
+        } catch (error: any) {
+          console.error("[DEBUG] FAL submit ERROR:", error);
+          console.error("[DEBUG] FAL submit ERROR message:", error?.message);
+          console.error("[DEBUG] FAL submit ERROR status:", error?.status);
+          console.error("[DEBUG] FAL submit ERROR body:", error?.body);
+          console.error("[DEBUG] FAL submit ERROR response:", error?.response);
+          throw error;
+        }
       }
       const runware = await getRunwareClient();
       if (!runware) {