wait.. what?

src/app/engine/presets.ts

@@ -310,7 +310,77 @@ export const presets: Record<string, Preset> = {
       "painting",
       "3D render"
     ],
-  }
+  },
+  render: {
+    label: "3D Render",
+    family: "european",
+    color: "color",
+    font: "actionman",
+    llmPrompt: "new movie",
+    imagePrompt: (prompt: string) => [
+      `3D render`,
+      `Blender`,
+      `3D animation`,
+      `Unreal engine`,
+      `${prompt}`,
+    ],
+    negativePrompt: () => [
+      "manga",
+      "anime",
+      "american comic",
+      "grayscale",
+      "monochrome",
+      "painting"
+    ],
+  },
+  /*
+  psx: {
+    label: "PSX",
+    family: "european",
+    color: "color",
+    font: "actionman",
+    llmPrompt: "new movie",
+    imagePrompt: (prompt: string) => [
+      `videogame screenshot`,
+      `3dfx`,
+      `3D dos game`,
+      `software rendering`,
+      `${prompt}`,
+    ],
+    negativePrompt: () => [
+      "manga",
+      "anime",
+      "american comic",
+      "grayscale",
+      "monochrome",
+      "painting"
+    ],
+  },
+  */
+ /*
+  pixel: {
+    label: "Pixel",
+    family: "european",
+    color: "color",
+    font: "actionman",
+    llmPrompt: "new movie",
+    imagePrompt: (prompt: string) => [
+      `pixelart`,
+      `isometric`,
+      `pixelated`,
+      `low res`,
+      `${prompt}`,
+    ],
+    negativePrompt: () => [
+      "manga",
+      "anime",
+      "american comic",
+      "grayscale",
+      "monochrome",
+      "painting"
+    ],
+  },
+  */
 }
 
 export type PresetName = keyof typeof presets

src/app/interface/panel/index.tsx

@@ -20,13 +20,11 @@ export function Panel({
   className = "",
   width = 1,
   height = 1,
-  delay = 0,
 }: {
   panel: number
   className?: string
   width?: number
   height?: number
-  delay?: number
  }) {
   const font = useStore(state => state.font)
   const preset = useStore(state => state.preset)
@@ -47,6 +45,8 @@ export function Panel({
 
   const timeoutRef = useRef<any>(null)
 
+  const delay = 3000 + (1000 * panel)
+
   // since this run in its own loop, we need to use references everywhere
   // but perhaps this could be refactored
   useEffect(() => {
@@ -98,7 +98,7 @@ export function Panel({
       clearTimeout(timeoutRef.current)
 
       if (!renderedRef.current?.renderId || renderedRef.current?.status !== "pending") {
-        timeoutRef.current = setTimeout(checkStatus, 2500)
+        timeoutRef.current = setTimeout(checkStatus, delay)
         return
       }
       try {
@@ -116,14 +116,23 @@ export function Panel({
 
         if (newRendered.status === "pending") {
           // console.log("job not finished")
-          timeoutRef.current = setTimeout(checkStatus, 2500)
+          timeoutRef.current = setTimeout(checkStatus, delay)
+        } else if (newRendered.status === "error") {
+          console.log(`panel got an error :/ "${newRendered.error}", but let's try to recover..`)
+          try {
+            const newAttempt = await newRender({ prompt, width, height })
+            setRendered(renderedRef.current = newAttempt)
+          } catch (err) {
+            console.error("yeah sorry, something is wrong.. aborting")
+            setGeneratingImages(panel, false)
+          }
         } else {
           console.log("panel finished!")
           setGeneratingImages(panel, false)
         }
       } catch (err) {
         console.error(err)
-        timeoutRef.current = setTimeout(checkStatus, 2500)
+        timeoutRef.current = setTimeout(checkStatus, delay)
       }
     })
   }

src/app/interface/progress/index.tsx

@@ -24,7 +24,7 @@ export function Progress({
 
     // normally it takes 45, and we will try to go below,
     // but to be safe let's set the counter a 1 min
-    const nbSeconds = 60 // 1 min
+    const nbSeconds = 80 // 1 min
     const amountInPercent =  100 / (nbUpdatesPerSec * nbSeconds) // 0.333
 
     progressRef.current = Math.min(100, progressRef.current + amountInPercent)