\n \n \n \n\n",[],[137,177],"95bb63dd-0279-4f5f-a099-baf3e50a1b58","favicon.svg","f2eedc22-79df-11f1-9282-1607ee4eb77e",5,["D",1783413818513],"\n",[],[137,184],"92b23d43-37d5-45f7-8e8f-738ffd8a08fe","LandingPage.tsx","281b9a16-79e0-11f1-bebd-1607ee4eb77e","a7abcfe4-baf8-4970-9a2e-f13d8bc910bc",7,["D",1783413907718],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nconst features = [\n {\n icon: \"🤖\",\n title: \"AI Strategy Engine\",\n desc: \"Get campaign-specific optimization suggestions powered by AI — budget scaling, creative testing, and targeting refinements.\",\n },\n {\n icon: \"📊\",\n title: \"Campaign Dashboard\",\n desc: \"Track all your Meta ad campaigns in one place. Monitor ROAS, budget allocation, and status at a glance.\",\n },\n {\n icon: \"⚡\",\n title: \"Autopilot Mode\",\n desc: \"AI analyzes each campaign and generates actionable steps to improve performance — no manual guesswork.\",\n },\n {\n icon: \"🎯\",\n title: \"Smart Objective Targeting\",\n desc: \"Tailored strategies for conversions, awareness, traffic, engagement, and lead generation objectives.\",\n },\n {\n icon: \"🔄\",\n title: \"A/B Test Recommendations\",\n desc: \"AI suggests creative variants, headline tests, and CTA experiments to find winning combinations.\",\n },\n {\n icon: \"⚙️\",\n title: \"Automated Rules\",\n desc: \"Set up rules to auto-pause underperforming ads and scale winners — 24/7 optimization without lifting a finger.\",\n },\n];\n\nconst steps = [\n { num: \"1\", title: \"Create Your Campaign\", desc: \"Add your campaign name, objective, and budget in seconds.\" },\n { num: \"2\", title: \"AI Analyzes & Optimizes\", desc: \"The AI engine reviews your campaign and generates tailored optimization suggestions.\" },\n { num: \"3\", title: \"Scale on Autopilot\", desc: \"Apply AI recommendations and let the system optimize performance around the clock.\" },\n];\n\nexport function LandingPage({ onGetStarted }: { onGetStarted: () => void }) {\n return (\n

\n {/* Nav */}\n \n\n {/* Hero */}\n

\n ✨\n AI-Powered Meta Ads Management\n

\n Run your Meta ad strategy
\n on autopilot\n

\n Create campaigns, get AI-generated optimization suggestions, and scale your ad\n performance — all from one dashboard. No agency required.\n

\n \n Get Started Free\n \n \n How it works\n \n

No credit card required · Set up in 2 minutes

\n\n {/* Stats bar */}\n

\n {[\n { value: \"6+\", label: \"Optimization Strategies\" },\n { value: \"5\", label: \"Ad Objectives Supported\" },\n { value: \"24/7\", label: \"Autopilot Monitoring\" },\n { value: \"1-click\", label: \"AI Optimization\" },\n ].map((s) => (\n

{s.value}

{s.label}

\n ))}\n

\n\n {/* Features */}\n

\n Everything you need to scale your ads\n

\n Powerful AI-driven features that take the guesswork out of Meta ad management.\n

\n {features.map((f) => (\n

{f.icon}

{f.title}

{f.desc}

\n ))}\n

\n\n {/* How it works */}\n

How it works

Three simple steps to autopilot your Meta ads.

\n {steps.map((s) => (\n

\n {s.num}\n

{s.title}

{s.desc}

\n ))}\n

\n \n Try the Dashboard →\n \n

\n\n {/* Footer */}\n \n

\n );\n}\n",[],[137,200,192],"components","2e4fbb12-dba8-491c-a024-c6ca55d62416","Dashboard.tsx","37bd5fb8-79e0-11f1-9916-1607ee4eb77e",8,["D",1783413933988],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { CreateCampaignForm } from \"./CreateCampaignForm.tsx\";\nimport { CampaignCard } from \"./CampaignCard.tsx\";\n\ninterface Campaign {\n id: number;\n name: string;\n objective: string;\n budget: number;\n status: string;\n roas: number;\n suggestions: string[];\n created_at: string;\n}\n\nexport function Dashboard({ onBack }: { onBack: () => void }) {\n const [campaigns, setCampaigns] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showForm, setShowForm] = useState(false);\n\n const fetchCampaigns = useCallback(async () => {\n try {\n const res = await fetch(\"/api/campaigns\");\n const data = await res.json();\n setCampaigns(data);\n } catch (e) {\n console.error(\"Failed to fetch campaigns:\", e);\n } finally {\n setLoading(false);\n }\n }, []);\n\n useEffect(() => {\n fetchCampaigns();\n }, [fetchCampaigns]);\n\n const totalBudget = campaigns.reduce((s, c) => s + c.budget, 0);\n const activeCount = campaigns.filter((c) => c.status === \"active\").length;\n const avgRoas = campaigns.length\n ? (campaigns.reduce((s, c) => s + c.roas, 0) / campaigns.length).toFixed(2)\n : \"0.00\";\n\n const handleCreated = () => {\n setShowForm(false);\n fetchCampaigns();\n };\n\n const handleOptimized = () => {\n fetchCampaigns();\n };\n\n const handleDelete = async (id: number) => {\n await fetch(`/api/campaigns/${id}`, { method: \"DELETE\" });\n fetchCampaigns();\n };\n\n return (\n

\n {/* Header */}\n

\n \n /\n Dashboard\n

\n setShowForm(true)}\n class=\"bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n + New Campaign\n \n

\n\n

\n {/* Stats */}\n

\n \n \n \n \n

\n\n {/* Create form modal */}\n {showForm && (\n setShowForm(false)}\n >\n

e.stopPropagation()} class=\"w-full max-w-md\">\n setShowForm(false)} />\n

\n )}\n\n {/* Campaigns */}\n {loading ? (\n

Loading campaigns…

\n ) : campaigns.length === 0 ? (\n

📭

No campaigns yet

Create your first campaign to get AI optimization suggestions.

\n setShowForm(true)}\n class=\"bg-indigo-600 hover:bg-indigo-700 text-white font-medium px-6 py-3 rounded-xl transition-colors cursor-pointer\"\n >\n + Create Campaign\n \n

\n ) : (\n

\n {campaigns.map((c) => (\n \n ))}\n

\n )}\n

\n \n );\n}\n\nfunction StatCard({ label, value, icon }: { label: string; value: string; icon: string }) {\n return (\n

{icon}

{value}

{label}

\n );\n}\n",[],[137,200,202],"e48b2984-e38c-49d5-93ed-ceaf8a40f289","CreateCampaignForm.tsx","38796884-79e0-11f1-9916-1607ee4eb77e",9,["D",1783413935221],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst objectives = [\n { value: \"conversions\", label: \"Conversions\", icon: \"🛒\" },\n { value: \"awareness\", label: \"Brand Awareness\", icon: \"📢\" },\n { value: \"traffic\", label: \"Traffic\", icon: \"🔗\" },\n { value: \"engagement\", label: \"Engagement\", icon: \"💬\" },\n { value: \"leads\", label: \"Lead Generation\", icon: \"📋\" },\n];\n\nexport function CreateCampaignForm({\n onCreated,\n onCancel,\n}: {\n onCreated: () => void;\n onCancel: () => void;\n}) {\n const [name, setName] = useState(\"\");\n const [objective, setObjective] = useState(\"conversions\");\n const [budget, setBudget] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [submitting, setSubmitting] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!name || !objective || !budget) {\n setError(\"All fields are required\");\n return;\n }\n if (Number(budget) <= 0) {\n setError(\"Budget must be greater than 0\");\n return;\n }\n setSubmitting(true);\n setError(\"\");\n try {\n const res = await fetch(\"/api/campaigns\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, objective, budget: Number(budget) }),\n });\n if (!res.ok) {\n const data = await res.json();\n throw new Error(data.error || \"Failed to create campaign\");\n }\n onCreated();\n } catch (err: any) {\n setError(err.message);\n } finally {\n setSubmitting(false);\n }\n };\n\n return (\n \n

Create Campaign

Set up a new Meta ad campaign for AI optimization.

\n\n {/* Name */}\n \n Campaign Name\n setName(e.target.value)}\n placeholder=\"e.g. Summer Sale 2025\"\n class=\"w-full border border-gray-300 rounded-lg px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent\"\n />\n \n\n {/* Objective */}\n \n Objective\n

\n {objectives.map((o) => (\n setObjective(o.value)}\n class={`flex items-center gap-3 px-3 py-2.5 rounded-lg border text-sm text-left transition-all cursor-pointer ${\n objective === o.value\n ? \"border-indigo-500 bg-indigo-50 text-indigo-900\"\n : \"border-gray-200 hover:border-gray-300 text-gray-700\"\n }`}\n >\n {o.icon}\n {o.label}\n \n ))}\n

\n \n\n {/* Budget */}\n \n Daily Budget (USD)\n

\n $\n setBudget(e.target.value)}\n placeholder=\"50\"\n min=\"1\"\n class=\"w-full border border-gray-300 rounded-lg pl-7 pr-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent\"\n />\n

\n \n\n {error && (\n

{error}

\n )}\n\n {/* Buttons */}\n

\n \n Cancel\n \n \n {submitting ? \"Creating…\" : \"Create Campaign\"}\n \n

\n \n );\n}\n",[],[137,200,210],"d4c71e6c-f111-4a83-b1b3-87eed5f4fd62","CampaignCard.tsx","3e5d017a-79e0-11f1-ad12-1607ee4eb77e",["D",1783413945101],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Campaign {\n id: number;\n name: string;\n objective: string;\n budget: number;\n status: string;\n roas: number;\n suggestions: string[];\n created_at: string;\n}\n\nconst objectiveLabels: Record = {\n conversions: \"Conversions 🛒\",\n awareness: \"Brand Awareness 📢\",\n traffic: \"Traffic 🔗\",\n engagement: \"Engagement 💬\",\n leads: \"Lead Generation 📋\",\n};\n\nexport function CampaignCard({\n campaign,\n onOptimized,\n onDelete,\n}: {\n campaign: Campaign;\n onOptimized: () => void;\n onDelete: (id: number) => void;\n}) {\n const [optimizing, setOptimizing] = useState(false);\n const [showSuggestions, setShowSuggestions] = useState(false);\n\n const handleOptimize = async () => {\n setOptimizing(true);\n try {\n await fetch(`/api/optimize/${campaign.id}`, { method: \"POST\" });\n onOptimized();\n } catch (e) {\n console.error(\"Optimization failed:\", e);\n } finally {\n setOptimizing(false);\n }\n };\n\n const isActive = campaign.status === \"active\";\n\n return (\n

\n {/* Card header */}\n

{campaign.name}

\n \n {isActive ? \"● Active\" : \"● Paused\"}\n \n

{objectiveLabels[campaign.objective] || campaign.objective}

${campaign.budget}/day

ROAS: = 2 ? \"text-green-600 font-medium\" : \"text-gray-600\"}>{campaign.roas.toFixed(1)}x

\n\n {/* Actions */}\n

\n {campaign.suggestions.length > 0 && (\n setShowSuggestions(!showSuggestions)}\n class=\"text-sm text-indigo-600 hover:text-indigo-700 font-medium cursor-pointer\"\n >\n {showSuggestions ? \"Hide suggestions\" : `View ${campaign.suggestions.length} AI suggestions`}\n \n )}\n

\n \n {optimizing ? \"Optimizing…\" : isActive ? \"Re-optimize\" : \"✨ Optimize with AI\"}\n \n onDelete(campaign.id)}\n class=\"text-gray-400 hover:text-red-500 text-sm cursor-pointer\"\n title=\"Delete campaign\"\n >\n 🗑\n \n

\n\n {/* Suggestions */}\n {showSuggestions && campaign.suggestions.length > 0 && (\n

\n 🤖 AI Optimization Suggestions\n

\n →\n {s}\n

\n )}\n

\n );\n}\n",[],[137,200,218],"a3bd7e14-3faf-4204-9e8f-4ea16d40fb7f","App.tsx","f7500598-79df-11f1-a7d7-1607ee4eb77e",6,["D",1783413825892],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { LandingPage } from \"./LandingPage.tsx\";\nimport { Dashboard } from \"./Dashboard.tsx\";\n\nexport function App() {\n const [view, setView] = useState<\"landing\" | \"dashboard\">(\"landing\");\n\n if (view === \"landing\") {\n return setView(\"dashboard\")} />;\n }\n return setView(\"landing\")} />;\n}\n",[],[137,200,225],"47386f8c-2b9e-4c5e-8a7e-3d5d4ce8ac68",["D",1783413825892],[154,155,156,157,158],[137,200],["D",1783413817935],[153,159,160,161],[137],["D",1783413560821],["D",1789527643940],{"_11":12,"_92":88},{"_11":12,"_85":86,"_87":88,"_45":46,"_89":90,"_91":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_80":-5,"_81":-5,"_82":-5,"_83":14,"_84":12},"ctx",{"_73":-5,"_114":277,"_278":279,"_280":281,"_282":38,"_283":38,"_284":38,"_285":50,"_286":-5,"_287":-7,"_288":-7,"_289":54,"_290":38,"_291":38,"_292":-5,"_293":38,"_294":38,"_295":38,"_296":-5},"ENV",{"_248":249,"_250":251,"_252":26,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

\n Run your Meta ad strategy\n on autopilot\n

\n Everything you need to scale your ads\n

{f.title}

How it works

{s.title}

No campaigns yet

Create Campaign

{campaign.name}

\n Run your Meta ad strategy
\n on autopilot\n

Branches1

Branches
1