Add visual style display to ad details and update API types

- Enhanced the AdDetailPage to display the visual style of ads if available, improving user experience.
- Updated the AdCreativeDB interface to include an optional visual_style property for better data representation.
- Modified the generator service to incorporate visual style in metadata during ad generation, ensuring consistency across the application.

frontend/app/gallery/[id]/page.tsx

@@ -393,6 +393,12 @@ export default function AdDetailPage() {
                     <p className="font-semibold text-gray-800">{formatDate(ad.created_at)}</p>
                   </div>
                 )}
+                {ad.metadata?.visual_style && (
+                  <div className="bg-gradient-to-br from-indigo-50 to-blue-50 rounded-xl p-3 border border-indigo-100">
+                    <p className="text-indigo-600 text-xs font-medium mb-1">Visual Style</p>
+                    <p className="font-semibold text-gray-800">{ad.metadata.visual_style}</p>
+                  </div>
+                )}
               </div>
             </div>
           </div>

frontend/types/api.ts

@@ -192,6 +192,7 @@ export interface AdCreativeDB {
     is_corrected?: boolean;
     correction_date?: string | null;
     corrections?: CorrectionData | null;
+    visual_style?: string | null;
     [key: string]: any;
   } | null;
   r2_url?: string | null;

services/generator.py

@@ -1047,22 +1047,22 @@ CRITICAL REMINDERS:
         text_overlay_section = ""
         if include_text_overlay:
             text_overlay_section = f"""
-=== HEADLINE TEXT (OPTIONAL - natural text in scene, NOT overlay) ===
-IMPORTANT: If including text, it should be part of the natural scene, NOT an overlay.
+=== HEADLINE TEXT (natural text in scene, NOT overlay) ===
+IMPORTANT: Include this text ONLY ONCE in the image, as part of the natural scene.
 
-Headline to include naturally: "{headline}"
+Text to include: "{headline}"
 
-Text requirements (natural integration only):
-- Text should appear as part of the scene (on documents, signs, surfaces, etc.)
+CRITICAL TEXT RULES:
+- Include the text ONLY ONCE - do NOT repeat or duplicate it anywhere
+- Text should appear in ONE location only (on a document, sign, or surface in the scene)
 - Position: {text_position}
 - Style: {text_color}
-- Ensure readability
-- Spell every word correctly
-- CRITICAL: Text must be part of the scene, NOT an overlay on top
+- Ensure readability and correct spelling
+- Text must be part of the scene, NOT an overlay on top
 - NO decorative borders, boxes, or frames around text
 - NO banners, badges, or logos
-- NO overlay boxes or rectangular overlays
-- Text should look like it naturally belongs in the scene
+- Do NOT show the same message in multiple formats or locations
+- If text contains numbers/prices, show them ONCE only
 """
         else:
             text_overlay_section = """
@@ -1176,18 +1176,21 @@ DOCUMENTS (if present):
 - NO gibberish, placeholder text, or random characters in chat bubbles or documents
 - NO "lorem ipsum", placeholder text, or meaningless character strings
 - If using a container format, use ONLY that one container type - NO mixing
+- NO DUPLICATE TEXT - do not show the same text/message in multiple places
+- NO repeating headlines or prices in different formats or locations
+- Text should appear ONCE only, not multiple times in the image
 
 === OUTPUT ===
-Create a scroll-stopping image that feels authentic and organic. {f'The headline "{headline}" should be included if text overlay is enabled.' if include_text_overlay else 'Focus on the visual scene without text overlay.'} The image should feel like real content - NOT like a designed advertisement. Use only the elements that fit naturally - don't force every element into every image.
+Create a scroll-stopping image that feels authentic and organic. {'Include the headline text ONCE as specified above - do NOT duplicate it.' if include_text_overlay else 'Focus on the visual scene without text.'} The image should feel like real content - NOT like a designed advertisement.
 
 CRITICAL REQUIREMENTS:
 - NO decorative borders, frames, or boxes
 - NO banners, badges, or logos in corners
 - NO overlay boxes or rectangular overlays
-- NO news-style chyrons or tickers
-- NO graphic design elements added on top
+- NO duplicate text - any text should appear ONLY ONCE
+- NO repeating the same message in different formats
 - Focus on the natural, authentic scene only
-- If text is included, it should be part of the natural scene, not in a decorative box"""
+- If text is included, show it in ONE location only, not multiple places"""
 
         # Refine and clean the prompt before sending
         refined_prompt = self._refine_image_prompt(prompt)
@@ -1534,6 +1537,7 @@ CRITICAL REQUIREMENTS:
             "composition": composition,
             "hooks_inspiration": hooks,
             "visual_styles": visual_styles,
+            "visual_style": visual_style_data.get("name") if visual_style_data else None,
         }
         
         # Save to database (save EACH image as a separate record for gallery visibility)
@@ -1840,7 +1844,12 @@ CONCEPT: {concept['name']}
                         concept_visual=concept.get("visual"),
                         concept_category=concept.get("category"),
                         generation_method="angle_concept_matrix",
-                        metadata={"generation_method": "angle_concept_matrix", "variation_index": img_idx, "total_variations": len(images)},
+                        metadata={
+                            "generation_method": "angle_concept_matrix",
+                            "variation_index": img_idx,
+                            "total_variations": len(images),
+                            "visual_style": concept.get("name"),  # Use concept name as visual style for matrix generation
+                        },
                     )
                     if db_id:
                         saved_ad_ids.append(db_id)

services/third_flow.py

@@ -605,6 +605,7 @@ CRITICAL: The image MUST be appropriate for {niche} niche."""
                         2. Use "Soft Education," Not Sales. The body should feel informational, not promotional.
                         3. Add Friction Reducers. You must explicitly reduce effort and risk.
                         4. Body Should NOT Contain the CTA. CTA belongs in the button, not the body.
+                        5. LENGTH REQUIREMENT: The body MUST be at least 150-250 words. Write a compelling, detailed narrative that tells a story, builds emotional connection, and provides enough context to persuade the reader. Include specific details, relatable scenarios, and a clear progression of ideas.
 
                         Role of Description: Reduce friction and justify the click.
                         1. Never Repeat the Title. The description should complete the thought.
@@ -620,7 +621,10 @@ CRITICAL: The image MUST be appropriate for {niche} niche."""
                         "type": "text",
                         "text": f"""Following is the creative strategy:
                         {strategy_str}
-                        Provide the title and description prompt for the given creative strategy."""
+                        
+                        Provide the title, body, and description for the given creative strategy.
+                        
+                        IMPORTANT: The body must be 150-250 words long - write a detailed, compelling narrative that tells a story and builds emotional connection with the reader."""
                     }
                 ]
             }