try help json

src/lib/components/PicletGenerator/PicletGenerator.svelte

@@ -707,13 +707,23 @@ Write your response within \`\`\`json\`\`\``;
             // Get the last message (assistant's response)
             const lastMessage = chatHistory[chatHistory.length - 1];
             
+            console.log('Full message structure:', JSON.stringify(lastMessage, null, 2));
+            
             if (lastMessage && lastMessage.content && Array.isArray(lastMessage.content)) {
-              // Extract text content from the message
+              // Extract ALL text content from the message more robustly
               const textContents = lastMessage.content
                 .filter((item: any) => item.type === "text")
-                .map((item: any) => item.content)
-                .join("\n");
+                .map((item: any) => {
+                  console.log('Content item:', item);
+                  return item.content || '';
+                })
+                .join("");  // Join without separator to avoid breaking JSON
               responseText = textContents || "Response received but no text content found";
+              console.log('Extracted text length:', responseText.length);
+              console.log('Extracted text preview:', responseText.substring(0, 200) + '...');
+            } else if (lastMessage && typeof lastMessage === 'string') {
+              // Handle case where the message is a plain string
+              responseText = lastMessage;
             } else if (lastMessage && lastMessage.role === "assistant") {
               // Fallback - if content structure is different
               responseText = JSON.stringify(lastMessage, null, 2);
@@ -742,12 +752,45 @@ Write your response within \`\`\`json\`\`\``;
       }
       
       try {
-        // Remove any trailing text after the JSON object
-        const jsonMatch = cleanJson.match(/^\s*\{[\s\S]*?\}\s*/);
+        // Remove any trailing text after the JSON object  
+        let jsonMatch = cleanJson.match(/^\s*\{[\s\S]*?\}\s*/);
         if (jsonMatch) {
           cleanJson = jsonMatch[0];
+        } else {
+          // If no complete JSON found, try to find the start and attempt to complete it
+          console.warn('No complete JSON found, attempting recovery...');
+          
+          // Find the opening brace
+          const startIndex = cleanJson.indexOf('{');
+          if (startIndex !== -1) {
+            cleanJson = cleanJson.substring(startIndex);
+            console.log('Partial JSON found:', cleanJson.substring(0, 300) + '...');
+            
+            // Try to balance braces if the JSON is incomplete
+            let braceCount = 0;
+            let lastValidIndex = -1;
+            for (let i = 0; i < cleanJson.length; i++) {
+              if (cleanJson[i] === '{') braceCount++;
+              if (cleanJson[i] === '}') {
+                braceCount--;
+                if (braceCount === 0) {
+                  lastValidIndex = i;
+                  break;
+                }
+              }
+            }
+            
+            if (lastValidIndex !== -1) {
+              cleanJson = cleanJson.substring(0, lastValidIndex + 1);
+              console.log('Balanced JSON extracted');
+            } else {
+              throw new Error('JSON appears to be truncated - unable to balance braces');
+            }
+          }
         }
         
+        console.log('Final JSON to parse (length: ' + cleanJson.length + '):', cleanJson.substring(0, 500) + '...');
+        
         const parsedStats = JSON.parse(cleanJson.trim());
         
         // Validate the battle-ready monster structure

src/lib/components/PicletGenerator/WorkflowProgress.svelte

@@ -22,6 +22,11 @@
     },
     {
       id: 'captioning',
+      label: 'Image Analysis',
+      description: 'Analyzing your photo'
+    },
+    {
+      id: 'conceptualizing',
       label: 'Piclet Design',
       description: 'Creating concept & lore'
     },
@@ -30,6 +35,11 @@
       label: 'Battle Stats',
       description: 'Generating abilities'
     },
+    {
+      id: 'promptCrafting',
+      label: 'Art Planning',
+      description: 'Preparing visual prompt'
+    },
     {
       id: 'generating',
       label: 'Image Generation',