fix

src/app/engine/presets.ts

@@ -406,7 +406,9 @@ export const presets: Record<string, Preset> = {
 
 export type PresetName = keyof typeof presets
 
-export const defaultPreset: PresetName = "random"
+export const defaultPreset: PresetName = "american_comic_90"
+
+export const nonRandomPresets = Object.keys(presets).filter(p => p !== "random")
 
 export const getPreset = (preset?: PresetName): Preset => presets[preset || defaultPreset] || presets[defaultPreset]
 

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

@@ -13,12 +13,12 @@ import {
 } from "@/components/ui/select"
 import { Label } from "@/components/ui/label"
 import { cn } from "@/lib/utils"
-import { FontName, defaultFont, fontList, fonts } from "@/lib/fonts"
+import { FontName, defaultFont } from "@/lib/fonts"
 import { Input } from "@/components/ui/input"
-import { PresetName, defaultPreset, getPreset, getRandomPreset, presets } from "@/app/engine/presets"
+import { PresetName, defaultPreset, nonRandomPresets, presets } from "@/app/engine/presets"
 import { useStore } from "@/app/store"
 import { Button } from "@/components/ui/button"
-import { LayoutName, allLayoutLabels, allLayouts, defaultLayout } from "@/app/layouts"
+import { LayoutName, allLayoutLabels, defaultLayout, nonRandomLayouts } from "@/app/layouts"
 
 import layoutPreview0 from "../../../../public/layouts/layout0.jpg"
 import layoutPreview1 from "../../../../public/layouts/layout1.jpg"
@@ -56,7 +56,7 @@ export function TopMenu() {
   const requestedPreset = (searchParams.get('preset') as PresetName) || defaultPreset
   const requestedFont = (searchParams.get('font') as FontName) || defaultFont
   const requestedPrompt = (searchParams.get('prompt') as string) || ""
-  const requestedLayout = (searchParams.get('prompt') as LayoutName) || defaultLayout
+  const requestedLayout = (searchParams.get('layout') as LayoutName) || defaultLayout
 
   const [draftPrompt, setDraftPrompt] = useState(requestedPrompt)
   const [draftPreset, setDraftPreset] = useState<PresetName>(requestedPreset)
@@ -106,8 +106,8 @@ export function TopMenu() {
               <SelectValue className="text-xs md:text-sm" placeholder="Style" />
             </SelectTrigger>
             <SelectContent>
-              {Object.entries(presets).map(([key, preset]) =>
-                <SelectItem key={key} value={key}>{preset.label}</SelectItem>
+              {nonRandomPresets.map(key =>
+                <SelectItem key={key} value={key}>{presets[key].label}</SelectItem>
               )}
             </SelectContent>
           </Select>
@@ -128,7 +128,7 @@ export function TopMenu() {
               <SelectValue className="text-xs md:text-sm" placeholder="Layout" />
             </SelectTrigger>
             <SelectContent>
-              {Object.keys(allLayouts).map(key =>
+              {nonRandomLayouts.map(key =>
                 <SelectItem key={key} value={key} className="w-full">
                   <div className="space-x-6 flex flex-row items-center justify-between font-mono">
                     <div className="flex">{

src/app/layouts/index.tsx

@@ -271,7 +271,7 @@ export const allLayoutLabels = {
 
 export type LayoutName = keyof typeof allLayouts 
 
-export const defaultLayout: LayoutName = "random"
+export const defaultLayout: LayoutName = "Layout1"
 
 export type LayoutCategory = "square" | "fluid"
 

src/app/main.tsx

@@ -5,7 +5,6 @@ import { useEffect, useState, useTransition } from "react"
 import { cn } from "@/lib/utils"
 import { TopMenu } from "./interface/top-menu"
 import { fonts } from "@/lib/fonts"
-import { getRandomLayoutName } from "./layouts"
 import { useStore } from "./store"
 import { Zoom } from "./interface/zoom"
 import { getStory } from "./queries/getStory"

src/app/store/index.ts

@@ -3,8 +3,8 @@
 import { create } from "zustand"
 
 import { FontName } from "@/lib/fonts"
-import { Preset, PresetName, getPreset, getRandomPreset } from "@/app/engine/presets"
-import { LayoutName, getRandomLayoutName, getRandomLayoutNames } from "../layouts"
+import { Preset, PresetName, defaultPreset, getPreset, getRandomPreset } from "@/app/engine/presets"
+import { LayoutName, defaultLayout, getRandomLayoutName, getRandomLayoutNames } from "../layouts"
 import html2canvas from "html2canvas"
 
 export const useStore = create<{
@@ -42,13 +42,13 @@ export const useStore = create<{
 }>((set, get) => ({
   prompt: "",
   font: "actionman",
-  preset: getRandomPreset(),
+  preset: getPreset(defaultPreset),
   nbFrames: 1,
   panels: [],
   captions: [],
   showCaptions: false,
-  layout: "random",
-  layouts: getRandomLayoutNames(),
+  layout: defaultLayout,
+  layouts: [defaultLayout, defaultLayout],
   zoomLevel: 60,
   page: undefined as unknown as HTMLDivElement,
   isGeneratingStory: false,