use tier

src/lib/components/MonsterGenerator/MonsterGenerator.svelte

@@ -177,14 +177,14 @@ Focus on: colors, body shape, eyes, limbs, mouth, and key visual features. Omit
     }
     
     try {
-      const output = await joyCaptionClient.predict("/stream_chat", {
-        input_image: state.userImage,
-        caption_type: "Descriptive",  // Using descriptive type as base
-        caption_length: "very long",  // Needs to be string
-        extra_options: [],  // No extra options needed
-        name_input: "",  // No name needed
-        custom_prompt: MONSTER_GENERATION_PROMPT  // Our custom monster generation prompt
-      });
+      const output = await joyCaptionClient.predict("/stream_chat", [
+        state.userImage,  // input_image
+        "Descriptive",  // caption_type
+        "very long",  // caption_length
+        [],  // extra_options
+        "",  // name_input
+        MONSTER_GENERATION_PROMPT  // custom_prompt
+      ]);
       
       const [prompt, caption] = output.data;
       // The caption now contains the full monster concept with lore, visual description, and rarity
@@ -297,30 +297,36 @@ Focus on: colors, body shape, eyes, limbs, mouth, and key visual features. Omit
       throw new Error('Text generation service not available or no concept');
     }
     
-    // Extract rarity from the joy-caption output
-    let rarityScore = 50; // default
+    // Extract tier from the joy-caption output
+    let tier: 'low' | 'medium' | 'high' | 'legendary' = 'medium'; // default
     const rarityMatch = state.monsterConcept.match(/Object Rarity:\s*(common|somewhat rare|very rare|extremely rare|legendary)/i);
     if (rarityMatch) {
-      const rarityMap: { [key: string]: number } = {
-        'common': 20,
-        'somewhat rare': 40,
-        'very rare': 60,
-        'extremely rare': 80,
-        'legendary': 100
+      // Map rarity to tier
+      const tierMap: { [key: string]: 'low' | 'medium' | 'high' | 'legendary' } = {
+        'common': 'low',
+        'somewhat rare': 'medium',
+        'very rare': 'high',
+        'extremely rare': 'high',
+        'legendary': 'legendary'
       };
-      rarityScore = rarityMap[rarityMatch[1].toLowerCase()] || 50;
+      tier = tierMap[rarityMatch[1].toLowerCase()] || 'medium';
     }
     
     // Extract monster name from the concept
     const nameMatch = state.monsterConcept.match(/^#\s+(.+)$/m);
     const monsterName = nameMatch ? nameMatch[1] : 'Unknown Monster';
     
-    // Update stats prompt to include the rarity score
+    // 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() : '';
+    
+    // Update stats prompt to include the tier
     const statsPrompt = `Convert the following monster concept into a JSON object with stats:
 "${state.monsterConcept}"
 
-The monster's rarity has been determined as: ${rarityScore}/100
 The monster's name is: ${monsterName}
+The monster's tier is: ${tier}
+Use this as the description: "${monsterLore}"
 
 The output should be formatted as a JSON instance that conforms to the JSON schema below.
 
@@ -328,8 +334,8 @@ The output should be formatted as a JSON instance that conforms to the JSON sche
 {
   "properties": {
     "name": {"type": "string", "description": "The monster's unique name"},
-    "description": {"type": "string", "description": "A brief physical description of the monster's appearance"},
-    "rarity": {"type": "integer", "minimum": 0, "maximum": 100, "description": "How rare/unique the monster is (0=very common, 100=legendary)"},
+    "description": {"type": "string", "description": "The monster's lore/backstory"},
+    "tier": {"type": "string", "enum": ["low", "medium", "high", "legendary"], "description": "The monster's tier based on rarity"},
     "HP": {"type": "integer", "minimum": 0, "maximum": 100, "description": "Health/vitality stat (0=fragile, 100=incredibly tanky)"},
     "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)"},
@@ -344,11 +350,19 @@ 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": ["name", "description", "rarity", "HP", "defence", "attack", "speed", "specialPassiveTraitDescription", "attackActionName", "attackActionDescription", "buffActionName", "buffActionDescription", "debuffActionName", "debuffActionDescription", "specialActionName", "specialActionDescription"]
+  "required": ["name", "description", "tier", "HP", "defence", "attack", "speed", "specialPassiveTraitDescription", "attackActionName", "attackActionDescription", "buffActionName", "buffActionDescription", "debuffActionName", "debuffActionDescription", "specialActionName", "specialActionDescription"]
 }
 \`\`\`
 
-Remember to set the rarity to ${rarityScore} and the name to "${monsterName}". Base the other stats on this rarity level.
+Remember to set:
+- name to "${monsterName}"
+- description to "${monsterLore}"
+- tier to "${tier}"
+Base the HP, defence, attack, and speed stats on the tier level:
+- low: stats should be 10-40
+- medium: stats should be 30-60
+- high: stats should be 50-80
+- legendary: stats should be 70-100
 
 Write your response within \`\`\`json\`\`\``;
     
@@ -393,7 +407,7 @@ Write your response within \`\`\`json\`\`\``;
         const parsedStats = JSON.parse(cleanJson.trim());
         
         // Remove any extra fields not in our schema
-        const allowedFields = ['name', 'description', 'rarity', 'HP', 'defence', 'attack', 'speed',
+        const allowedFields = ['name', 'description', 'tier', 'HP', 'defence', 'attack', 'speed',
           'specialPassiveTraitDescription', 'attackActionName', 'attackActionDescription',
           'buffActionName', 'buffActionDescription', 'debuffActionName', 'debuffActionDescription',
           'specialActionName', 'specialActionDescription', 'boostActionName', 'boostActionDescription',
@@ -406,7 +420,7 @@ Write your response within \`\`\`json\`\`\``;
         }
         
         // Ensure numeric fields are actually numbers
-        const numericFields = ['rarity', 'HP', 'defence', 'attack', 'speed'];
+        const numericFields = ['HP', 'defence', 'attack', 'speed'];
         
         for (const field of numericFields) {
           if (parsedStats[field] !== undefined) {

src/lib/components/MonsterGenerator/MonsterResult.svelte

@@ -115,9 +115,8 @@
         <h4>Battle Stats</h4>
         <div class="stats-grid">
           <div class="stat-item">
-            <div class="stat-bar" style="width: {workflowState.monsterStats.rarity}%; background-color: {getStatColor(workflowState.monsterStats.rarity)}20"></div>
-            <span class="stat-label">Rarity</span>
-            <span class="stat-value" style="color: {getStatColor(workflowState.monsterStats.rarity)}">{workflowState.monsterStats.rarity}</span>
+            <div class="tier-badge {workflowState.monsterStats.tier}">{workflowState.monsterStats.tier.toUpperCase()}</div>
+            <span class="stat-label">Tier</span>
           </div>
           <div class="stat-item">
             <div class="stat-bar" style="width: {workflowState.monsterStats.HP}%; background-color: {getStatColor(workflowState.monsterStats.HP)}20"></div>
@@ -323,6 +322,36 @@
     z-index: 1;
   }
   
+  .tier-badge {
+    display: inline-block;
+    padding: 0.5rem 1rem;
+    border-radius: 4px;
+    font-weight: 600;
+    font-size: 1rem;
+    margin-bottom: 0.5rem;
+  }
+  
+  .tier-badge.low {
+    background: #e0e0e0;
+    color: #666;
+  }
+  
+  .tier-badge.medium {
+    background: #81c784;
+    color: white;
+  }
+  
+  .tier-badge.high {
+    background: #64b5f6;
+    color: white;
+  }
+  
+  .tier-badge.legendary {
+    background: linear-gradient(135deg, #ab47bc, #7b1fa2);
+    color: white;
+    box-shadow: 0 2px 4px rgba(123, 31, 162, 0.3);
+  }
+  
   .abilities-section {
     display: grid;
     gap: 1rem;

src/lib/components/Pages/Encounters.svelte

@@ -339,7 +339,7 @@
       isInRoster: false,
       caughtAt: new Date(),
       bst: baseHp + baseAttack + baseDefense + baseFieldAttack + baseFieldDefense + baseSpeed,
-      tier: stats.rarity > 80 ? 'legendary' : stats.rarity > 60 ? 'rare' : stats.rarity > 40 ? 'uncommon' : 'common',
+      tier: (stats as any).tier || 'medium',
       role: 'balanced',
       variance: 0,
       

src/lib/components/Piclets/PicletDetail.svelte

@@ -112,7 +112,7 @@
             
             <!-- Compact stats for caught piclet -->
             <div class="compact-info">
-              <div class="level-badge">Lv. {instance.level}</div>
+              <div class="level-badge">{instance.tier.toUpperCase()}</div>
               
               <div class="compact-stat-bar">
                 <div class="stat-bar-label">

src/lib/db/piclets.ts

@@ -104,7 +104,7 @@ export async function monsterToPicletInstance(monster: Monster, level: number =
     // Metadata
     caughtAt: new Date(),
     bst,
-    tier: stats.rarity > 80 ? 'legendary' : stats.rarity > 60 ? 'rare' : stats.rarity > 40 ? 'uncommon' : 'common',
+    tier: (stats as any).tier || 'medium', // Use tier from stats, default to medium
     role: 'balanced', // Could be enhanced based on stat distribution
     variance: 0,
     
@@ -112,7 +112,7 @@ export async function monsterToPicletInstance(monster: Monster, level: number =
     imageUrl: monster.imageUrl,
     imageData: monster.imageData,
     imageCaption: monster.imageCaption,
-    concept: monster.concept,
+    concept: stats.description || monster.concept, // Use the Monster Lore description
     imagePrompt: monster.imagePrompt
   };
 }

src/lib/db/schema.ts

@@ -143,7 +143,7 @@ export interface Monster {
   stats?: {
     name: string;
     description: string;
-    rarity: number;
+    tier?: 'low' | 'medium' | 'high' | 'legendary';
     HP: number;
     defence: number;
     attack: number;

src/lib/types/index.ts

@@ -106,7 +106,7 @@ export interface MonsterGeneratorProps {
 export interface MonsterStats {
   name: string;
   description: string;
-  rarity: number; // 0-100
+  tier: 'low' | 'medium' | 'high' | 'legendary';
   HP: number; // 0-100
   defence: number; // 0-100
   attack: number; // 0-100