add captions

src/app/interface/panel/index.tsx

@@ -238,21 +238,8 @@ export function Panel({
       { "grayscale": preset.color === "grayscale" },
       className
     )}>
-        {rendered.assetUrl &&
-        <img
-          ref={ref}
-          src={imageWithText || rendered.assetUrl}
-          width={width}
-          height={height}
-          alt={rendered.alt}
-          className={cn(
-            `comic-panel w-full h-full object-cover max-w-max`,
-            // showCaptions ? `-mt-11` : ''
-            )}
-        />}
-        {/*
-              <div className={cn(
-        `flex`,
+        <div className={cn(
+        ``,
         `bg-stone-50`,
         `border-stone-800`,
         `transition-all duration-200 ease-in-out`,
@@ -262,16 +249,27 @@ export function Panel({
         zoomLevel > 40 ? `border-b-[0.5px] md:border-b-[1px]` :
         `border-transparent md:border-b-[0.5px]`,
         `print:border-b-[1.5px]`,
-        showCaptions ? `` : `hidden`,
+        showCaptions ? `block` : `hidden`,
         `truncate`,
-        `h-11`,
-        `p-3`
+        `max-h-32`,
+        `p-2`
       )}
       style={{
         fontSize: zoomLevel * 0.2
       }}
       >{caption}</div>
-    */}
+        {rendered.assetUrl &&
+        <img
+          ref={ref}
+          src={imageWithText || rendered.assetUrl}
+          width={width}
+          height={height}
+          alt={rendered.alt}
+          className={cn(
+            `comic-panel w-full h-full object-cover max-w-max`,
+            // showCaptions ? `-mt-11` : ''
+            )}
+        />}
     </div>
   )
 }

src/app/interface/top-menu/index.tsx

@@ -204,7 +204,6 @@ export function TopMenu() {
         >
           Generate
         </Button>
-        {/*
         <Switch
           checked={showCaptions}
           onCheckedChange={setShowCaptions}
@@ -212,7 +211,6 @@ export function TopMenu() {
         <Label>
           Caption
         </Label>
-        */}
       </div>
       {/*
         Let's add this feature later, because right now people

src/lib/cleanJson.ts

@@ -2,6 +2,9 @@ import { dirtyLLMResponseCleaner } from "./dirtyLLMResponseCleaner"
 
 export function cleanJson(input: string) {
   
+  if (input.includes('```')) {
+    input = input.split('```')[0]
+  }
   let tmp = dirtyLLMResponseCleaner(input)
   
   // we only keep what's after the first [