fixed a big bug

src/app/interface/panel/index.tsx

@@ -126,13 +126,15 @@ export function Panel({
  
   useEffect(() => {
     console.log("starting timeout")
+    clearTimeout(timeoutRef.current)
+    
     // normally it should reply in < 1sec, but we could also use an interval
     timeoutRef.current = setTimeout(checkStatus, delay)
 
     return () => {
       clearTimeout(timeoutRef.current)
     }
-  }, [])
+  }, [prompt, width, height])
 
   /*
   doing the captionning from the browser is expensive

src/app/main.tsx

@@ -59,10 +59,17 @@ export default function Main() {
 
     // TODO call the LLM here!
     const panelPrompt = preset.imagePrompt(prompt).join(", ")
+    console.log("panelPrompt:", panelPrompt)
 
     // what we want is for it to invent a small "story"
-    setPanels([ panelPrompt, panelPrompt, panelPrompt, panelPrompt ])
-  }, [prompt, preset]) // important: we need to react to preset changes too
+    // we are going to use a LLM for this, but until then let's do this:
+    setPanels([
+      `introduction scene, ${panelPrompt}`,
+      panelPrompt,
+      panelPrompt,
+      `final scene, ${panelPrompt}`,
+    ])
+  }, [prompt, preset?.label]) // important: we need to react to preset changes too
 
   const LayoutElement = (layouts as any)[layout]