better monster gen

src/lib/components/MonsterGenerator/MonsterGenerator.svelte

@@ -46,12 +46,11 @@ Format your response as:
 # Object Caption
 {object description, also assess how rare the object is, the rarer the object the stronger the monster}
 # Transformation Brainstorm
-{think through how to transform the object into a Pokémon-like creature}
-# {monster name}
+{brief thought on how to transform the object into a Pokémon-like creature}
+# Monster Name
+{monster name}
 ## Monster Visual Description
 {ensure the creature uses all the unique attributes of the object}
-## Monster Lore
-...
 \`\`\``;
 
   const IMAGE_GENERATION_PROMPT = (concept: string) => `Extract ONLY the visual appearance from this monster concept and describe it in one concise sentence:
@@ -202,8 +201,8 @@ Focus on: colors, body shape, eyes, limbs, mouth, and key visual features. Omit
   async function generateMonsterImage() {
     state.currentStep = 'generating';
     
-    if (!fluxClient || !state.monsterConcept) {
-      throw new Error('Image generation service not available or no concept');
+    if (!fluxClient || !state.monsterConcept || !state.monsterStats) {
+      throw new Error('Image generation service not available or no concept/stats');
     }
     
     // Extract the visual description from the joy-caption output
@@ -245,9 +244,18 @@ Focus on: colors, body shape, eyes, limbs, mouth, and key visual features. Omit
       throw new Error('Failed to extract visual description');
     }
     
+    // Get tier for image quality enhancement
+    const tier = state.monsterStats.tier || 'medium';
+    const tierDescriptions = {
+      low: 'simple and basic design',
+      medium: 'detailed and well-crafted design', 
+      high: 'highly detailed and impressive design with special effects',
+      legendary: 'extremely detailed and majestic design with dramatic lighting and aura effects'
+    };
+    
     try {
       const output = await fluxClient.predict("/infer", [
-        `${state.imagePrompt}\nNow generate a Pokémon-Anime-style image of the monster in an idle pose with a white background. The monster should not be attacking or in motion. The full monster must be visible within the frame.`,
+        `${state.imagePrompt}\nNow generate a Pokémon-Anime-style image of the monster in an idle pose with a white background. This is a ${tier} tier monster with ${tierDescriptions[tier as keyof typeof tierDescriptions]}. The monster should not be attacking or in motion. The full monster must be visible within the frame.`,
         0,      // seed
         true,   // randomizeSeed
         1024,   // width
@@ -309,14 +317,9 @@ Focus on: colors, body shape, eyes, limbs, mouth, and key visual features. Omit
     const monsterNameMatch = state.monsterConcept.match(/^# (?!Object Caption|Transformation Brainstorm)(.+)$/m);
     const monsterName = monsterNameMatch ? monsterNameMatch[1].trim() : 'Unknown Monster';
     
-    // Extract only the Monster Lore section for description
-    const loreMatch = state.monsterConcept.match(/## Monster Lore\s*\n([\s\S]*?)(?=##|$)/);
-    const monsterLore = loreMatch ? loreMatch[1].trim() : '';
-    
     // Debug logging
     console.log('Extracted object description:', objectDescription);
     console.log('Extracted monster name:', monsterName);
-    console.log('Extracted monster lore:', monsterLore);
     
     // Create stats prompt - only ask for battle-related stats
     const statsPrompt = `Based on this monster concept, generate a JSON object with battle stats and abilities:
@@ -355,6 +358,7 @@ The output should be formatted as a JSON instance that conforms to the JSON sche
     "defence": {"type": "integer", "minimum": 0, "maximum": 100, "description": "Defensive/armor stat (0=paper thin, 100=impenetrable fortress)"},
     "attack": {"type": "integer", "minimum": 0, "maximum": 100, "description": "Physical attack power (0=harmless, 100=devastating force)"},
     "speed": {"type": "integer", "minimum": 0, "maximum": 100, "description": "Movement and reaction speed (0=immobile, 100=lightning fast)"},
+    "monsterLore": {"type": "string", "description": "Write a detailed background story for this monster including its personality, habitat, behavior, and lore (2-3 sentences)"},
     "specialPassiveTraitDescription": {"type": "string", "description": "Describe a passive ability that gives this monster a unique advantage in battle"},
     "attackActionName": {"type": "string", "description": "Name of the monster's primary damage-dealing attack (e.g., 'Flame Burst', 'Toxic Bite')"},
     "attackActionDescription": {"type": "string", "description": "Describe how this attack damages the opponent and any special effects"},
@@ -365,7 +369,7 @@ The output should be formatted as a JSON instance that conforms to the JSON sche
     "specialActionName": {"type": "string", "description": "Name of the monster's ultimate move (one use per battle)"},
     "specialActionDescription": {"type": "string", "description": "Describe this powerful finishing move and its dramatic effects in battle"}
   },
-  "required": ["rarity", "picletType", "height", "weight", "HP", "defence", "attack", "speed", "specialPassiveTraitDescription", "attackActionName", "attackActionDescription", "buffActionName", "buffActionDescription", "debuffActionName", "debuffActionDescription", "specialActionName", "specialActionDescription"]
+  "required": ["rarity", "picletType", "height", "weight", "HP", "defence", "attack", "speed", "monsterLore", "specialPassiveTraitDescription", "attackActionName", "attackActionDescription", "buffActionName", "buffActionDescription", "debuffActionName", "debuffActionDescription", "specialActionName", "specialActionDescription"]
 }
 \`\`\`
 
@@ -419,7 +423,7 @@ Write your response within \`\`\`json\`\`\``;
         
         // Remove any extra fields not in our schema
         const allowedFields = ['rarity', 'picletType', 'height', 'weight', 'HP', 'defence', 'attack', 'speed',
-          'specialPassiveTraitDescription', 'attackActionName', 'attackActionDescription',
+          'monsterLore', 'specialPassiveTraitDescription', 'attackActionName', 'attackActionDescription',
           'buffActionName', 'buffActionDescription', 'debuffActionName', 'debuffActionDescription',
           'specialActionName', 'specialActionDescription', 'boostActionName', 'boostActionDescription',
           'disparageActionName', 'disparageActionDescription'];
@@ -443,7 +447,7 @@ Write your response within \`\`\`json\`\`\``;
         
         // Add the name, description, and tier that we extracted/mapped
         parsedStats.name = monsterName;
-        parsedStats.description = monsterLore;
+        parsedStats.description = parsedStats.monsterLore || 'A mysterious creature with unknown origins.';
         parsedStats.tier = tier;
         
         // Ensure numeric fields are actually numbers