improve performance of the LLM

src/app/interface/settings-dialog/index.tsx

@@ -77,7 +77,7 @@ export function SettingsDialog() {
       <DialogTrigger asChild>
         <Button className="space-x-1 md:space-x-2">
           <div>
-            <span className="hidden md:inline">Settings</span>
+            <span className="hidden md:inline">Improve quality</span>
           </div>
         </Button> 
       </DialogTrigger>
@@ -123,7 +123,7 @@ export function SettingsDialog() {
                 />
                 <span
                   onClick={() => setRenderingUseTurbo(!renderingUseTurbo)}
-                  className={cn("cursor-pointer", { "text-zinc-800": renderingUseTurbo })}>Use a faster model, but with inferior quality of images (you are warned!).</span>
+                  className={cn("cursor-pointer", { "text-zinc-800": renderingUseTurbo })}>Use a faster by low-quality model (uncheck this for improved quality).</span>
               </div>
             </Field>
           </>}

src/app/interface/share/index.tsx

@@ -98,7 +98,7 @@ ${comicFileMd}`;
           >
           <div className="scale-105"><HuggingClap /></div>
           <div>
-          <span className="hidden md:inline">{remainingImages ? `⌛` : `Share to community`}</span>
+          <span className="hidden md:inline">{remainingImages ? `⌛` : `Share`}</span>
         <span className="inline md:hidden">{remainingImages ? `⌛` : `Share`}</span>
           </div>
         </Button> 

src/app/main.tsx

@@ -87,8 +87,7 @@ export default function Main() {
             nbPanelsToGenerate,
             existingPanels,
           })
-          console.log("LLM generated some new panels:")
-          console.table(candidatePanels)
+          console.log("LLM generated some new panels:", candidatePanels)
 
           existingPanels.push(...candidatePanels)
 

src/app/queries/predictNextPanels.ts

@@ -36,14 +36,14 @@ export const predictNextPanels = async ({
         `Please write detailed drawing instructions and short (2-3 sentences long) speech captions for the next ${nbPanelsToGenerate} panels of a new story, but keep it open-ended (it will be continued and expanded later). Please make sure each of those ${nbPanelsToGenerate} panels include info about character gender, age, origin, clothes, colors, location, lights, etc.`,
         `Give your response as a VALID JSON array like this: \`Array<{ panel: number; instructions: string; caption: string; }>\`.`,
         // `Give your response as Markdown bullet points.`,
-        `Be brief in your ${nbPanelsToGenerate} instructions and narrative captions, don't add your own comments. The captions must be captivating, smart, entertaining. Be straight to the point, and never reply things like "Sure, I can.." etc. Reply using valid JSON.`
+        `Be brief in your ${nbPanelsToGenerate} instructions and narrative captions, don't add your own comments. The captions must be captivating, smart, entertaining. Be straight to the point, and never reply things like "Sure, I can.." etc. Reply using valid JSON!! Important: Write valid JSON!`
       ].filter(item => item).join("\n")
     },
     {
       role: "user",
       content: `The story is about: ${prompt}.${existingPanelsTemplate}`,
     }
-  ]) + "\n```[{"
+  ]) + "\n[{"
 
 
   let result = ""