bugfix, improve quality, add layou

package-lock.json

@@ -24,6 +24,7 @@
         "@radix-ui/react-slider": "^1.1.2",
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
+        "@radix-ui/react-toast": "^1.1.4",
         "@radix-ui/react-tooltip": "^1.0.6",
         "@react-pdf/renderer": "^3.1.12",
         "@types/node": "20.4.2",
@@ -3263,6 +3264,40 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-toast": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.1.4.tgz",
+      "integrity": "sha512-wf+fc8DOywrpRK3jlPlWVe+ELYGHdKDaaARJZNuUTWyWYq7+ANCFLp4rTjZ/mcGkJJQ/vZ949Zis9xxEpfq9OA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-collection": "1.0.3",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.4",
+        "@radix-ui/react-portal": "1.0.3",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1",
+        "@radix-ui/react-visually-hidden": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-tooltip": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.0.6.tgz",

package.json

@@ -25,6 +25,7 @@
     "@radix-ui/react-slider": "^1.1.2",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-toast": "^1.1.4",
     "@radix-ui/react-tooltip": "^1.0.6",
     "@react-pdf/renderer": "^3.1.12",
     "@types/node": "20.4.2",

src/app/engine/render.ts

@@ -50,7 +50,7 @@ export async function newRender({
         prompt,
         // negativePrompt, unused for now
         nbFrames: 1,
-        nbSteps: 20, // 20 = fast, 30 = better, 50 = best
+        nbSteps: 25, // 20 = fast, 30 = better, 50 = best
         actionnables: [],
         segmentation: "disabled", // one day we will remove this param, to make it automatic
         width,

src/app/interface/zoom/index.tsx

@@ -18,7 +18,7 @@ export function Zoom() {
         <VerticalSlider
           defaultValue={[zoomLevel]}
           min={30}
-          max={100}
+          max={200}
           step={1}
           onValueChange={value => setZoomLevel(value[0] || 10)}
           value={[zoomLevel]}

src/app/layouts/index.tsx

@@ -218,7 +218,7 @@ export function Layout6() {
 }
 
 // export const layouts = { Layout1, Layout2, Layout3, Layout4, Layout5, Layout6 }
-export const layouts = { Layout1 }
+export const layouts = { Layout1, Layout5, Layout6  }
 
 export type LayoutName = keyof typeof layouts 
 

src/app/queries/getStory.ts

@@ -69,6 +69,15 @@ export const getStory = async ({
     return captions.map(caption => caption.split(":").pop()?.trim() || "")
   } catch (err) {
     console.log(`failed to read LLM response: ${err}`)
-    return []
+
+    // in case of failure, it might be because the LLM hallucinated a completely different response,
+    // such as markdown. There is no real solution.. but we can try a fallback:
+
+    const candidateList = (
+      tmp.split("*")
+      .map(item => item.replaceAll("[", "[").replaceAll("]", "]").trim())
+    )
+
+    return candidateList
   }
 }

src/app/store/index.ts

@@ -30,7 +30,7 @@ export const useStore = create<{
   setGeneratingText: (isGeneratingText: boolean) => void
 }>((set, get) => ({
   prompt: "",
-  font: "cartoonist",
+  font: "actionman",
   preset: getPreset("japanese_manga"),
   panels: [],
   captions: {},