Merge pull request #75 from timoncool/devin/1730055000-fix-flux-kontext-validation

Fix: Add UI validation for models requiring inputAsset

Author: timoncool

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"

messages/ru.json

@@ -92,7 +92,8 @@
       "imaginePlaceholder": "Представьте...",
       "enhancePrompt": "Улучшить запрос",
       "duration": "Длительность",
-      "generate": "Сгенерировать"
+      "generate": "Сгенерировать",
+      "thisModelRequiresAsset": "Эта модель требует выбора ресурса"
     },
     "videoPreview": {
       "export": "Экспорт"

src/components/right-panel.tsx

@@ -1016,10 +1016,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")}

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) {