Rename project from Ad Generator Lite to PsyAdGenesis, updating all relevant references and configurations. Enhance descriptions and metadata to reflect the new branding and focus on ad design. Implement sorting functionality in the gallery for improved ad management.

README.md

@@ -1,5 +1,5 @@
 ---
-title: Creative Breakthrough
+title: PsyAdGenesis
 emoji: 🚀
 colorFrom: blue
 colorTo: purple
@@ -9,7 +9,9 @@ pinned: false
 ---
 
 
-# Ad Generator Lite
+# PsyAdGenesis
+
+**Design ads that stop the scroll.**
 
 Generate high-converting ad creatives for Home Insurance and GLP-1 niches using psychological triggers and AI-powered image generation.
 
@@ -91,12 +93,12 @@ This app is configured for deployment on Hugging Face Spaces using Docker.
    - Go to https://huggingface.co/spaces
    - Click "Create new Space"
    - Choose "Docker" as the SDK
-   - Name your space (e.g., `your-username/ad-generator-lite`)
+   - Name your space (e.g., `your-username/psyadgenesis`)
 
 2. **Push your code** to the Space:
    ```bash
-   git clone https://huggingface.co/spaces/your-username/ad-generator-lite
-   cd ad-generator-lite
+   git clone https://huggingface.co/spaces/your-username/psyadgenesis
+   cd psyadgenesis
    # Copy your files here
    git add .
    git commit -m "Initial commit"
@@ -140,7 +142,7 @@ LOCAL_IMAGE_RETENTION_HOURS=24  # Images older than this will be auto-deleted
 
 Once deployed, your app will be available at:
 ```
-https://your-username-ad-generator-lite.hf.space
+https://your-username-psyadgenesis.hf.space
 ```
 
 ## API Endpoints

config.py

@@ -22,7 +22,7 @@ class Settings(BaseSettings):
     
     # Database (MongoDB)
     mongodb_url: Optional[str] = None
-    mongodb_db_name: str = "creative_breakthrough"
+    mongodb_db_name: str = "psyadgenesis"
     
     # R2 Storage (Cloudflare R2)
     r2_endpoint: Optional[str] = None
@@ -42,7 +42,7 @@ class Settings(BaseSettings):
     third_flow_model: str = "gpt-4o"  # Model for researcher, creative_director, designer, copywriter
     # Options: "gpt-4o", "gpt-4o-mini", "gpt-4-turbo", "gpt-4"
     
-    # Image Generation Settings (same models as creative-breakthrough project)
+    # Image Generation Settings
     image_model: str = "z-image-turbo"  # Z-Image Turbo - fast and high quality
     # Alternative models: "nano-banana", "nano-banana-pro", "imagen-4-ultra", "recraft-v3", "ideogram-v3", "photon", "seedream-3", "gpt-image-1.5"
     image_width: int = 1024

frontend/README.md

@@ -1,4 +1,6 @@
-# Ad Generator Lite - Frontend
+# PsyAdGenesis - Frontend
+
+**Design ads that stop the scroll.**
 
 Modern Next.js dashboard for generating and managing ad creatives for Home Insurance and GLP-1 niches.
 

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

@@ -365,29 +365,6 @@ export default function AdDetailPage() {
               </div>
               </div>
 
-            {/* Primary Text */}
-              {ad.primary_text && (
-              <div className="bg-white rounded-2xl shadow-md p-6 border-l-4 border-cyan-500">
-                <div className="flex items-start justify-between gap-4 mb-3">
-                  <h3 className="text-xs font-bold text-cyan-600 uppercase tracking-wider">Primary Text</h3>
-                  <div className="relative group">
-                    <Button
-                      variant="ghost"
-                      size="sm"
-                      onClick={() => handleCopyText(ad.primary_text!, "Primary Text")}
-                      className="text-cyan-500 hover:bg-cyan-50"
-                    >
-                      <Copy className="h-4 w-4" />
-                    </Button>
-                    <span className="absolute -bottom-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-cyan-600 text-white text-xs rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-10">
-                      Copy Text
-                    </span>
-                  </div>
-                </div>
-                <p className="text-gray-700 whitespace-pre-line leading-relaxed">{ad.primary_text}</p>
-                </div>
-              )}
-
             {/* Description */}
               {ad.description && (
               <div className="bg-white rounded-2xl shadow-md p-6 border-l-4 border-violet-500">

frontend/app/gallery/page.tsx

@@ -8,7 +8,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/Card";
 import { listAds, deleteAd } from "@/lib/api/endpoints";
 import { useGalleryStore } from "@/store/galleryStore";
 import { toast } from "react-hot-toast";
-import { Download, Trash2, CheckSquare, Square } from "lucide-react";
+import { Download, Trash2, CheckSquare, Square, ArrowUpDown } from "lucide-react";
 import type { AdFilters } from "@/types";
 
 export default function GalleryPage() {
@@ -18,10 +18,12 @@ export default function GalleryPage() {
     limit,
     offset,
     filters,
+    sortOptions,
     selectedAds,
     isLoading,
     setAds,
     setFilters,
+    setSortOptions,
     setOffset,
     toggleAdSelection,
     clearSelection,
@@ -63,6 +65,34 @@ export default function GalleryPage() {
         );
       }
 
+      // Sort ads by selected sort options
+      filteredAds.sort((a, b) => {
+        const { field, direction } = sortOptions;
+        let aValue: any = a[field as keyof typeof a];
+        let bValue: any = b[field as keyof typeof b];
+
+        // Handle date sorting
+        if (field === "created_at") {
+          aValue = aValue ? new Date(aValue).getTime() : 0;
+          bValue = bValue ? new Date(bValue).getTime() : 0;
+        }
+
+        // Handle string sorting (case-insensitive)
+        if (typeof aValue === "string" && typeof bValue === "string") {
+          aValue = aValue.toLowerCase();
+          bValue = bValue.toLowerCase();
+        }
+
+        // Handle null/undefined values
+        if (aValue == null) aValue = "";
+        if (bValue == null) bValue = "";
+
+        // Compare values
+        if (aValue < bValue) return direction === "asc" ? -1 : 1;
+        if (aValue > bValue) return direction === "asc" ? 1 : -1;
+        return 0;
+      });
+
       // Use the total from backend (it's already filtered by niche and generation_method)
       // For search, we show the filtered count but this is only for current page
       // In a production app, you'd want server-side search for accurate totals
@@ -74,7 +104,7 @@ export default function GalleryPage() {
     } finally {
       setIsLoading(false);
     }
-  }, [filters, limit, offset, setAds, setIsLoading]);
+  }, [filters, sortOptions, limit, offset, setAds, setIsLoading]);
 
   useEffect(() => {
     loadAds();
@@ -108,61 +138,84 @@ export default function GalleryPage() {
 
   return (
     <div className="min-h-screen pb-12">
-      {/* Hero Section */}
-      <div className="relative overflow-hidden bg-gradient-to-br from-blue-50 via-cyan-50 to-pink-50 py-12 mb-8">
-        <div className="absolute inset-0 bg-grid-pattern opacity-5"></div>
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-          <div className="text-center animate-fade-in">
-            <h1 className="text-4xl md:text-5xl font-extrabold mb-4">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-8">
+        {/* Header with title and total */}
+        <div className="flex items-center justify-between mb-6">
+          <div>
+            <h1 className="text-3xl md:text-4xl font-extrabold mb-2">
               <span className="gradient-text">Gallery</span>
             </h1>
-            <p className="text-lg text-gray-600">
+            <p className="text-sm text-gray-500">
               {total} {total === 1 ? "ad" : "ads"} total
             </p>
           </div>
         </div>
-      </div>
 
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="mb-8">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center space-x-2">
-            {selectedAds.length > 0 && (
-              <>
-                <Button variant="outline" size="sm" onClick={clearSelection}>
-                  <Square className="h-4 w-4 mr-1" />
-                  Deselect ({selectedAds.length})
-                </Button>
-                <Button variant="danger" size="sm" onClick={handleBulkDelete}>
-                  <Trash2 className="h-4 w-4 mr-1" />
-                  Delete Selected
-                </Button>
-              </>
-            )}
-            {selectedAds.length === 0 && ads.length > 0 && (
-              <Button variant="outline" size="sm" onClick={selectAll}>
-                <CheckSquare className="h-4 w-4 mr-1" />
-                Select All
+        {/* Actions Bar */}
+        <div className="mb-6">
+          <div className="flex items-center justify-between flex-wrap gap-4">
+            <div className="flex items-center gap-3">
+              {selectedAds.length > 0 ? (
+                <>
+                  <Button variant="outline" size="sm" onClick={clearSelection}>
+                    <div className="flex items-center gap-2">
+                      <Square className="h-4 w-4" />
+                      <span>Deselect ({selectedAds.length})</span>
+                    </div>
+                  </Button>
+                  <Button variant="danger" size="sm" onClick={handleBulkDelete}>
+                    <div className="flex items-center gap-2">
+                      <Trash2 className="h-4 w-4" />
+                      <span>Delete Selected</span>
+                    </div>
+                  </Button>
+                </>
+              ) : (
+                ads.length > 0 && (
+                  <Button variant="outline" size="sm" onClick={selectAll}>
+                    <div className="flex items-center gap-2">
+                      <CheckSquare className="h-4 w-4" />
+                      <span>Select All</span>
+                    </div>
+                  </Button>
+                )
+              )}
+            </div>
+            
+            {/* Sort Controls */}
+            {sortOptions && (
+              <Button
+                variant="outline"
+                size="sm"
+                onClick={() => setSortOptions({ 
+                  field: "created_at",
+                  direction: sortOptions.direction === "desc" ? "asc" : "desc" 
+                })}
+                className="flex items-center gap-2"
+              >
+                <ArrowUpDown className="h-4 w-4" />
+                <span className="text-sm">
+                  {sortOptions.direction === "desc" ? "Newest First" : "Oldest First"}
+                </span>
               </Button>
             )}
           </div>
         </div>
-        </div>
 
         <FilterBar filters={filters} onFiltersChange={setFilters} />
 
-      <div className="mt-6">
-        <GalleryGrid
-          ads={ads}
-          selectedAds={selectedAds}
-          onAdSelect={toggleAdSelection}
-          isLoading={isLoading}
-        />
-      </div>
+        <div className="mt-6">
+          <GalleryGrid
+            ads={ads}
+            selectedAds={selectedAds}
+            onAdSelect={toggleAdSelection}
+            isLoading={isLoading}
+          />
+        </div>
 
         {/* Pagination */}
         {totalPages > 1 && (
-          <div className="mt-8 flex items-center justify-center space-x-2">
+          <div className="mt-8 flex items-center justify-center gap-4">
             <Button
               variant="outline"
               size="sm"
@@ -171,7 +224,7 @@ export default function GalleryPage() {
             >
               Previous
             </Button>
-            <span className="text-sm text-gray-600">
+            <span className="text-sm text-gray-600 font-medium">
               Page {currentPage} of {totalPages}
             </span>
             <Button

frontend/app/layout.tsx

@@ -10,8 +10,8 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: "Creative Breakthrough",
-  description: "Generate high-converting ad creatives for Home Insurance and GLP-1 niches",
+  title: "PsyAdGenesis",
+  description: "Design ads that stop the scroll. Generate high-converting ad creatives for Home Insurance and GLP-1 niches using psychological triggers and AI-powered image generation.",
 };
 
 export default function RootLayout({

frontend/app/page.tsx

@@ -155,11 +155,13 @@ export default function Dashboard() {
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
           <div className="text-center animate-fade-in">
             <h1 className="text-5xl md:text-6xl font-extrabold mb-4">
-              <span className="gradient-text">Creative</span>
-              <span className="text-gray-900"> Breakthrough</span>
+              <span className="gradient-text">PsyAdGenesis</span>
           </h1>
-            <p className="text-xl text-gray-600 max-w-2xl mx-auto">
-              Create high-converting ad creatives for Home Insurance and GLP-1 niches with AI-powered generation
+            <p className="text-xl text-gray-600 max-w-2xl mx-auto font-medium">
+              Design ads that stop the scroll.
+            </p>
+            <p className="text-lg text-gray-500 max-w-2xl mx-auto mt-2">
+              Generate high-converting ad creatives for Home Insurance and GLP-1 niches with AI-powered generation
             </p>
           </div>
         </div>

frontend/components/generation/AdPreview.tsx

@@ -261,29 +261,6 @@ export const AdPreview: React.FC<AdPreviewProps> = ({ ad }) => {
             </h1>
           </div>
 
-          {/* Primary Text */}
-          {ad.primary_text && (
-            <div className="bg-white rounded-2xl shadow-md p-6 border-l-4 border-cyan-500">
-              <div className="flex items-start justify-between gap-4 mb-3">
-                <h3 className="text-xs font-bold text-cyan-600 uppercase tracking-wider">Primary Text</h3>
-                <div className="relative group">
-                  <Button
-                    variant="ghost"
-                    size="sm"
-                    onClick={() => handleCopyText(ad.primary_text!, "Primary Text")}
-                    className="text-cyan-500 hover:bg-cyan-50"
-                  >
-                    <Copy className="h-4 w-4" />
-                  </Button>
-                  <span className="absolute -bottom-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-cyan-600 text-white text-xs rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-10">
-                    Copy Text
-                  </span>
-                </div>
-              </div>
-              <p className="text-gray-700 whitespace-pre-line leading-relaxed">{ad.primary_text}</p>
-            </div>
-          )}
-
           {/* Description */}
           {ad.description && (
             <div className="bg-white rounded-2xl shadow-md p-6 border-l-4 border-violet-500">

frontend/components/layout/Header.tsx

@@ -35,7 +35,7 @@ export const Header: React.FC = () => {
                 <div className="absolute inset-0 bg-blue-500/20 rounded-full blur-xl group-hover:bg-cyan-500/20 transition-colors duration-300"></div>
               </div>
               <span className="text-2xl font-bold gradient-text group-hover:scale-105 transition-transform duration-300">
-                Creative Breakthrough
+                PsyAdGenesis
               </span>
             </Link>
           </div>
@@ -77,10 +77,11 @@ export const Header: React.FC = () => {
                   variant="outline"
                   size="sm"
                   onClick={handleLogout}
-                  className="flex items-center space-x-2"
                 >
-                  <LogOut className="h-4 w-4" />
-                  <span className="hidden sm:inline">Logout</span>
+                  <div className="flex items-center space-x-2">
+                    <LogOut className="h-4 w-4" />
+                    <span className="hidden sm:inline">Logout</span>
+                  </div>
                 </Button>
               </div>
             ) : (

frontend/store/galleryStore.ts

@@ -50,7 +50,7 @@ export const useGalleryStore = create<GalleryState>((set, get) => ({
     offset: 0, // Reset to first page when filters change
   })),
   
-  setSortOptions: (sort) => set({ sortOptions: sort }),
+  setSortOptions: (sort) => set({ sortOptions: sort, offset: 0 }), // Reset to first page when sort changes
   
   toggleAdSelection: (adId) => set((state) => ({
     selectedAds: state.selectedAds.includes(adId)

main.py

@@ -1,6 +1,6 @@
 """
-Ad Generator Lite - FastAPI Application
-Simplified winning ads generator for Home Insurance and GLP-1 niches
+PsyAdGenesis - FastAPI Application
+Design ads that stop the scroll. Generate high-converting ad creatives for Home Insurance and GLP-1 niches
 Saves all ads to Neon PostgreSQL database with image URLs
 """
 
@@ -40,7 +40,7 @@ api_logger = logging.getLogger("api")
 async def lifespan(app: FastAPI):
     """Startup and shutdown events."""
     # Startup: Connect to database
-    print("Starting Ad Generator Lite...")
+    print("Starting PsyAdGenesis...")
     await db_service.connect()
     yield
     # Shutdown: Disconnect from database
@@ -50,8 +50,8 @@ async def lifespan(app: FastAPI):
 
 # Create FastAPI app with lifespan for database connection
 app = FastAPI(
-    title="Ad Generator Lite",
-    description="Generate high-converting ad creatives for Home Insurance and GLP-1 niches using psychological triggers. All ads are saved to Neon database.",
+    title="PsyAdGenesis",
+    description="Design ads that stop the scroll. Generate high-converting ad creatives for Home Insurance and GLP-1 niches using psychological triggers and AI-powered image generation.",
     version="2.0.0",
     lifespan=lifespan,
 )
@@ -72,7 +72,7 @@ if os.getenv("CORS_ORIGINS"):
 
 # For Hugging Face Spaces, use regex to match any .hf.space domain
 # Note: If deploying to HF Spaces, add your Space URL to CORS_ORIGINS env var
-# Example: CORS_ORIGINS=https://your-username-ad-generator-lite.hf.space
+# Example: CORS_ORIGINS=https://your-username-psyadgenesis.hf.space
 
 app.add_middleware(
     CORSMiddleware,
@@ -315,9 +315,9 @@ class TestingMatrixResponse(BaseModel):
 async def api_info():
     """API info endpoint."""
     return {
-        "name": "Ad Generator Lite",
+        "name": "PsyAdGenesis",
         "version": "2.0.0",
-        "description": "Generate high-converting ads using Angle × Concept matrix system",
+        "description": "Design ads that stop the scroll. Generate high-converting ads using Angle × Concept matrix system",
         "endpoints": {
             "POST /generate": "Generate single ad (original mode)",
             "POST /generate/batch": "Generate multiple ads (original mode)",

services/database.py

@@ -1,5 +1,5 @@
 """
-Database Service for Ad Generator Lite
+Database Service for PsyAdGenesis
 Handles MongoDB connection and CRUD operations
 """
 

services/generator.py

@@ -1,7 +1,7 @@
 """
 Main Ad Generator Service
 Combines LLM + Image generation with maximum randomization for variety
-Uses professional prompting techniques from creative-breakthrough project
+Uses professional prompting techniques for PsyAdGenesis
 Saves ad creatives to Neon database with image URLs
 """
 

services/image.py

@@ -19,7 +19,7 @@ from openai import OpenAI
 from config import settings
 
 
-# Model registry - same as original creative-breakthrough project
+# Model registry for PsyAdGenesis
 MODEL_REGISTRY: Dict[str, Dict[str, Any]] = {
     "nano-banana": {
         "id": "google/nano-banana",

services/r2_storage.py

@@ -45,7 +45,7 @@ class R2StorageService:
             region_name='auto',  # R2 doesn't use regions
         )
         self.bucket_name = settings.r2_bucket_name
-        self.folder = "creative-breakthrough"
+        self.folder = "psyadgenesis"
     
     def upload_image(
         self,