طيب رائع لاكن انظر نريد مثلا ان البلاد تتحدد من قائمه بلدان وليس المسخد

src/ai/flows/ai-generate-image-query.ts

@@ -1,22 +1,20 @@
+
 'use server';
 /**
  * @fileOverview An AI agent to generate an image search query from post content.
- *
- * - generateImageQuery - A function that creates an image query.
- * - GenerateImageQueryInput - The input type for the function.
- * - GenerateImageQueryOutput - The return type for the function.
+ * Strictly enforced "NO HUMAN" policy for imagery.
  */
 
 import { safeGenerateChat } from '@/lib/gemini-client';
 import type { GenerateImageQueryInput, GenerateImageQueryOutput } from './types';
 
-const promptTemplate = (content: string) => `Based on the following social media post content, generate a very precise and descriptive English search query for an image that perfectly fits the post's main idea, mood, and concept. This should be a detailed description of a scene or an abstract concept.
+const promptTemplate = (content: string) => `Based on the following social media post content, generate a very precise and descriptive English search query for an image that fits the post's mood.
 
-**STRICT RULES:**
-1.  If the post is purely textual, poetic, or philosophical and doesn't need a specific image, you MUST return the exact query "text on color".
-2.  The query must NOT contain any words related to humans, people, faces, or bodies (e.g., 'man', 'woman', 'person', 'face', 'boy', 'girl'). Focus strictly on landscapes, objects, abstract art, animals, or patterns. For example, instead of "a sad man looking at the rain", use "rainy window pane focus on droplets". Instead of "a happy person celebrating", use "abstract fireworks explosion of color".
-3.  The query should be creative and evocative.
-4.  Only return the search query text, with no additional explanation or context.
+**STRICT RULES - NO HUMANS:**
+1.  The query MUST NOT contain any words related to humans, people, faces, eyes, hands, men, women, children, or any biological human parts.
+2.  Focus strictly on: nature, landscapes, inanimate objects, architecture, abstract patterns, animals, or celestial bodies.
+3.  If the post content is too abstract, return "abstract textures and colors (no people)".
+4.  Only return the search query text, with no additional explanation.
 
 **Post Content:**
 "${content}"
@@ -28,5 +26,10 @@ export async function generateImageQuery(
 ): Promise<GenerateImageQueryOutput> {
   const prompt = promptTemplate(input.content);
   const query = await safeGenerateChat(prompt);
-  return { imageQuery: query.trim() };
+  
+  // Safety fallback: strip any human-related words just in case
+  const humanWords = /\b(man|woman|person|people|face|boy|girl|human|body|hands|eyes|child|kid)\b/gi;
+  const sanitizedQuery = query.replace(humanWords, 'object').trim();
+  
+  return { imageQuery: sanitizedQuery };
 }

src/ai/flows/ai-generate-post-ideas.ts

@@ -4,26 +4,32 @@
 /**
  * @fileOverview An AI agent to generate a bulk of social media post ideas.
  * Now takes user location and language into account for better localization.
+ * Strict safety and non-human imagery rules applied.
  */
 
 import { safeGenerateContent } from '@/lib/gemini-client';
 import type { GeneratePostIdeasInput, GeneratePostIdeasOutput } from './types';
 
-const promptTemplate = (count: number, location: string, language: string) => `You are a highly creative and insightful social media content creator. Your goal is to generate posts that feel authentic, relatable, and emotionally engaging.
+const promptTemplate = (count: number, location: string, language: string) => `You are a culturally sensitive social media content creator. Your goal is to generate posts that feel authentic, relatable, and emotionally engaging for people in ${location}.
 
 **CONTEXT:**
 - User Location: ${location}
 - Output Language: ${language === 'en' ? 'English' : 'Colloquial Egyptian Arabic'}
 
-**CRITICAL RULES:**
-1.  **Safety & Responsibility:** If the topic is inappropriate, refuse.
-2.  **Localization:** All content MUST reflect the culture, slang, and common topics relevant to ${location}. If the language is Arabic, use authentic, raw colloquial Egyptian Arabic. If English, use natural social media English.
-3.  **No Non-Verbal Cues:** Only text and emojis.
+**STRICT CULTURAL SAFETY RULES:**
+1.  **NO Sexual Content:** Strictly prohibit any sexual themes, innuendos, or references to sexual activity.
+2.  **NO Alcohol/Drugs:** Do not mention or promote alcohol, narcotics, or any illegal substances.
+3.  **NO Offense:** Strictly avoid sensitive religious topics, hate speech, or offensive political debates. 
+4.  **Local Context:** Adapt your humor and topics to be relevant to the culture of ${location}. If in an Arab country, ensure respect for local customs.
+
+**STRICT IMAGERY RULES:**
+1.  **NO HUMANS:** The "imageQuery" field MUST NOT contain any words related to humans, people, faces, men, women, children, or body parts. 
+2.  **Focus on:** Landscapes, objects, nature, architecture, abstract art, textures, or animals.
 
 Generate ${count} distinct post packages. Each package must contain:
 1.  **content:** The post text.
 2.  **isMeme:** Boolean.
-3.  **imageQuery:** Precise English search query (NO humans).
+3.  **imageQuery:** Precise English search query (NO HUMANS ALLOWED).
 4.  **category:** 'funny', 'sad', 'deep', 'angry', 'inspirational', 'general'.
 5.  **initialComments:** 3-5 realistic comments in the target language.
 
@@ -35,7 +41,7 @@ Generate ${count} distinct post packages. Each package must contain:
     {
       "content": "Post text",
       "isMeme": true,
-      "imageQuery": "Image search query",
+      "imageQuery": "Landscape showing high mountains at dawn (no humans)",
       "category": "funny",
       "initialComments": ["Comment 1", "Comment 2"]
     }
@@ -50,7 +56,7 @@ export async function generatePostIdeas(
   const location = input.location || 'Egypt';
   const language = input.language || 'ar';
   
-  console.log(`AI REQUEST: Generating ${input.count} posts for ${location} in ${language}...`);
+  console.log(`AI REQUEST: Generating ${input.count} posts for ${location} in ${language} with strict safety rules...`);
   const prompt = promptTemplate(input.count, location, language);
   const output = await safeGenerateContent(prompt);
   return output as GeneratePostIdeasOutput;

src/app/login/page.tsx

@@ -3,7 +3,7 @@
 
 import { Button } from "@/components/ui/button";
 import { Header } from "@/components/header";
-import { Loader2, LogIn, ShieldCheck, MessageSquare, User, Lock, Chrome, MapPin, Calendar } from "lucide-react";
+import { Loader2, LogIn, MessageSquare, Chrome } from "lucide-react";
 import { useAuth } from "@/contexts/auth-context";
 import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
@@ -13,6 +13,8 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
 import { useToast } from "@/hooks/use-toast";
 import { useLanguage } from "@/contexts/language-context";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import { countries } from "@/lib/countries";
 
 export default function LoginPage() {
   const { user, userData, loading: authLoading, signInWithGoogle, signInWithUsername, completeProfile } = useAuth();
@@ -64,6 +66,10 @@ export default function LoginPage() {
   const handleCompleteProfile = async (e: React.FormEvent) => {
     e.preventDefault();
     if (!validateAge(age)) return;
+    if (!location) {
+      toast({ title: t.mandatoryFields, variant: "destructive" });
+      return;
+    }
     setIsSigningIn(true);
     await completeProfile(parseInt(age), location);
     setIsSigningIn(false);
@@ -86,7 +92,7 @@ export default function LoginPage() {
             <form onSubmit={handleCompleteProfile}>
               <CardHeader>
                 <CardTitle>إكمال البيانات</CardTitle>
-                <CardDescription>يرجى إدخال عمرك ومنطقتك للمتابعة</CardDescription>
+                <CardDescription>يرجى اختيار بلدك وعمرك للمتابعة</CardDescription>
               </CardHeader>
               <CardContent className="space-y-4">
                 <div className="space-y-2">
@@ -95,7 +101,19 @@ export default function LoginPage() {
                 </div>
                 <div className="space-y-2">
                   <Label>{t.location}</Label>
-                  <Input value={location} onChange={e => setLocation(e.target.value)} placeholder="مثال: القاهرة، مصر" required />
+                  <Select onValueChange={setLocation} value={location}>
+                    <SelectTrigger className="w-full">
+                      <SelectValue placeholder="اختر بلدك" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {countries.map((c) => (
+                        <SelectItem key={c.code} value={c.name}>
+                          <span className="ml-2">{c.flag}</span>
+                          {c.name}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
                 </div>
               </CardContent>
               <CardFooter>
@@ -156,14 +174,26 @@ export default function LoginPage() {
                       <Label>{t.password}</Label>
                       <Input type="password" value={password} onChange={e => setPassword(e.target.value)} required />
                     </div>
-                    <div className="grid grid-cols-2 gap-4">
+                    <div className="grid grid-cols-1 gap-4">
                       <div className="space-y-2">
                         <Label>{t.age}</Label>
                         <Input type="number" value={age} onChange={e => setAge(e.target.value)} required />
                       </div>
                       <div className="space-y-2">
                         <Label>{t.location}</Label>
-                        <Input value={location} onChange={e => setLocation(e.target.value)} required />
+                        <Select onValueChange={setLocation} value={location}>
+                          <SelectTrigger className="w-full">
+                            <SelectValue placeholder="اختر بلدك" />
+                          </SelectTrigger>
+                          <SelectContent>
+                            {countries.map((c) => (
+                              <SelectItem key={c.code} value={c.name}>
+                                <span className="ml-2">{c.flag}</span>
+                                {c.name}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
                       </div>
                     </div>
                   </CardContent>

src/lib/countries.ts

@@ -0,0 +1,33 @@
+
+export interface Country {
+  name: string;
+  code: string;
+  flag: string;
+}
+
+export const countries: Country[] = [
+  { name: "مصر", code: "EG", flag: "🇪🇬" },
+  { name: "المملكة العربية السعودية", code: "SA", flag: "🇸🇦" },
+  { name: "الإمارات العربية المتحدة", code: "AE", flag: "🇦🇪" },
+  { name: "الكويت", code: "KW", flag: "🇰🇼" },
+  { name: "قطر", code: "QA", flag: "🇶🇦" },
+  { name: "البحرين", code: "BH", flag: "🇧🇭" },
+  { name: "عمان", code: "OM", flag: "🇴🇲" },
+  { name: "الأردن", code: "JO", flag: "🇯🇴" },
+  { name: "لبنان", code: "LB", flag: "🇱🇧" },
+  { name: "سوريا", code: "SY", flag: "🇸🇾" },
+  { name: "العراق", code: "IQ", flag: "🇮🇶" },
+  { name: "فلسطين", code: "PS", flag: "🇵🇸" },
+  { name: "المغرب", code: "MA", flag: "🇲🇦" },
+  { name: "تونس", code: "TN", flag: "🇹🇳" },
+  { name: "الجزائر", code: "DZ", flag: "🇩🇿" },
+  { name: "ليبيا", code: "LY", flag: "🇱🇾" },
+  { name: "السودان", code: "SD", flag: "🇸🇩" },
+  { name: "اليمن", code: "YE", flag: "🇾🇪" },
+  { name: "الولايات المتحدة", code: "US", flag: "🇺🇸" },
+  { name: "المملكة المتحدة", code: "GB", flag: "🇬🇧" },
+  { name: "فرنسا", code: "FR", flag: "🇫🇷" },
+  { name: "ألمانيا", code: "DE", flag: "🇩🇪" },
+  { name: "كندا", code: "CA", flag: "🇨🇦" },
+  { name: "تركيا", code: "TR", flag: "🇹🇷" }
+].sort((a, b) => a.name.localeCompare(b.name, 'ar'));