[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_253":254,"_255":256},"routes/_app.x.$handle.$name",{"_104":103,"_37":50,"_113":94,"_32":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_26":-5,"_125":-5,"_126":-5,"_127":30,"_128":129,"_130":64,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","a2a4c5d9-e105-4409-8d73-1a44bbc03a22","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/CampaignCard.tsx","latestPath","fileId","3e5d017a-79e0-11f1-ad12-1607ee4eb77e","name","CampaignCard.tsx","fileType","script","content","/** @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","createdAt",["D",1783413945101],"branchVersion","branchId","40daae7d-d624-4184-b4ed-dea772393032","id","2ad9958d-2b87-4ab9-933b-961610c799ef","meta-ad-autopilot",["D",1783413560821],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","AI agent that runs Meta ad strategy on autopilot","imageUrl","565afb28-8330-4bee-8110-50df90b15105","pinnedFileId","689ce64a-79df-11f1-8db1-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f3bb9-514c-71d8-b865-6d442582ae8b","tursoName","2ad9958d2b874ab9933b961610c799ef","tursoHostname","2ad9958d2b874ab9933b961610c799ef-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789527643940],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_112":108},"org",{"_104":103,"_105":106,"_107":108,"_19":60,"_109":110,"_111":30},"branch",{"_13":14,"_37":94,"_48":47,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":50,"_102":103},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ashutoshdwivedi","handle","displayName","Ashutosh Dwivedi","avatar","https://lh3.googleusercontent.com/a/ACg8ocJ3OIkQjNwx_cd0IKUJuUk1Avq3F2l9LOQDIR9eeHY8yTx7WmjOCA=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":248,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":249,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":250,"_89":251,"_91":252,"_93":30},"tree",[165,175],"files",[165,166,167,168,169,170,171,172,173,174,175],"counts",{"_155":68,"_156":143,"_157":68,"_158":159,"_160":161},"contents",[135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":148,"_37":149,"_35":150,"_139":-5,"_46":47,"_45":151,"_141":64,"_43":152,"_13":68,"_39":153,"_41":-5,"_29":30,"_146":-5,"_32":154},{"_48":137,"_37":138,"_35":62,"_139":-5,"_46":47,"_45":140,"_141":64,"_43":142,"_13":143,"_39":144,"_41":145,"_29":30,"_146":-5,"_32":147},"a1abe4bc-be8d-4c51-a630-dfd79ae5abf7","main.ts","parentId",2,"latest",["D",1783413806085],1,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Initialize database tables\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS campaigns (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n objective TEXT NOT NULL,\n budget REAL NOT NULL,\n status TEXT DEFAULT 'paused',\n roas REAL DEFAULT 0,\n suggestions TEXT DEFAULT '[]',\n created_at TEXT DEFAULT (datetime('now'))\n )\n`);\n\nconst app = new Hono();\n\n// ── Static frontend ──────────────────────────────────\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ── API routes ───────────────────────────────────────\n\n// GET /api/campaigns — list all campaigns\napp.get(\"/api/campaigns\", async (c) => {\n const result = await sqlite.execute(`SELECT * FROM campaigns ORDER BY created_at DESC`);\n const rows = result.rows.map((r: any) => ({\n ...r,\n suggestions: JSON.parse(r.suggestions || \"[]\"),\n }));\n return c.json(rows);\n});\n\n// POST /api/campaigns — create a campaign\napp.post(\"/api/campaigns\", async (c) => {\n const body = await c.req.json();\n const { name, objective, budget } = body;\n if (!name || !objective || !budget) {\n return c.json({ error: \"name, objective, and budget are required\" }, 400);\n }\n const result = await sqlite.execute({\n sql: `INSERT INTO campaigns (name, objective, budget, status) VALUES (?, ?, ?, 'paused')`,\n args: [name, objective, Number(budget)],\n });\n return c.json({\n id: Number(result.lastInsertId),\n name,\n objective,\n budget: Number(budget),\n status: \"paused\",\n roas: 0,\n suggestions: [],\n });\n});\n\n// POST /api/optimize/:id — AI generates optimization suggestions\napp.post(\"/api/optimize/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const result = await sqlite.execute({ sql: `SELECT * FROM campaigns WHERE id = ?`, args: [id] });\n if (!result.rows.length) {\n return c.json({ error: \"Campaign not found\" }, 404);\n }\n const row = result.rows[0] as any;\n\n // Simulated AI optimization engine\n const suggestions: string[] = [];\n if (row.budget < 50) {\n suggestions.push(\"💰 Increase daily budget above $50 for the algorithm to exit the learning phase.\");\n } else if (row.budget < 100) {\n suggestions.push(\"💰 Budget is moderate — consider scaling to $100+ once ROAS stabilizes above 2x.\");\n } else {\n suggestions.push(\"💰 Budget is healthy — monitor frequency and refresh creatives weekly.\");\n }\n\n if (row.roas < 1.5) {\n suggestions.push(\"🎯 ROAS below 1.5x — test 3-5 new creatives and tighten audience targeting.\");\n } else if (row.roas < 3) {\n suggestions.push(\"🎯 ROAS is decent — scale winning ads by 20% increments every 3 days.\");\n } else {\n suggestions.push(\"🎯 Excellent ROAS — maximize spend on top performers and duplicate winning ad sets.\");\n }\n\n const objectiveMap: Record = {\n conversions: \"Use Advantage+ shopping campaigns with 7-day click-through attribution.\",\n awareness: \"Use video-first creatives and broad targeting for maximum reach.\",\n traffic: \"Optimize landing page load speed and use link clicks as the optimization event.\",\n engagement: \"Boost posts with high organic engagement and use reaction-based targeting.\",\n leads: \"Use Instant Forms with pre-filled fields and lead ads with custom questions.\",\n };\n suggestions.push(objectiveMap[row.objective] || `For objective \"${row.objective}\": use Advantage+ placements to maximize results.`);\n\n suggestions.push(\"🔄 Enable A/B testing on ad creatives with 2-3 variants (image, headline, CTA).\");\n suggestions.push(\"⚙️ Set up automated rules: pause ads below 1.0 ROAS after 3 days, scale ads above 3x ROAS.\");\n\n await sqlite.execute({\n sql: `UPDATE campaigns SET status = 'active', suggestions = ? WHERE id = ?`,\n args: [JSON.stringify(suggestions), id],\n });\n\n return c.json({\n id: Number(id),\n name: row.name,\n status: \"active\",\n suggestions,\n });\n});\n\n// DELETE /api/campaigns/:id — delete a campaign\napp.delete(\"/api/campaigns/:id\", async (c) => {\n const id = c.req.param(\"id\");\n await sqlite.execute({ sql: `DELETE FROM campaigns WHERE id = ?`, args: [id] });\n return c.json({ ok: true });\n});\n\n// Unwrap and rethrow Hono errors\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[138],"b97b9182-0987-4367-9287-5d392373748e","frontend","a731e137-1a65-4edf-b2a4-f64472fad160",3,["D",1783413817935],"directory",[149],"pulls","branches","forks","envVars",{"_162":68,"_164":68},"connections",{"_162":68,"_163":68},"count","unfilledCount","emptyCount",{"_48":148,"_37":149,"_35":150,"_139":-5,"_46":47,"_45":151,"_141":64,"_43":245,"_13":68,"_39":153,"_41":-5,"_29":30,"_146":-5,"_177":246,"_32":247},{"_48":241,"_37":212,"_35":206,"_139":150,"_46":47,"_45":236,"_141":64,"_43":242,"_13":68,"_39":153,"_41":-5,"_29":30,"_146":-5,"_177":243,"_32":244},{"_48":233,"_37":234,"_35":235,"_139":206,"_46":47,"_45":236,"_141":64,"_43":237,"_13":68,"_39":40,"_41":238,"_29":30,"_146":-5,"_177":239,"_32":240},{"_48":229,"_37":38,"_35":36,"_139":206,"_46":47,"_45":14,"_141":64,"_43":230,"_13":68,"_39":40,"_41":42,"_29":30,"_146":-5,"_177":231,"_32":232},{"_48":221,"_37":222,"_35":223,"_139":206,"_46":47,"_45":224,"_141":64,"_43":225,"_13":68,"_39":40,"_41":226,"_29":30,"_146":-5,"_177":227,"_32":228},{"_48":213,"_37":214,"_35":215,"_139":206,"_46":47,"_45":216,"_141":64,"_43":217,"_13":68,"_39":40,"_41":218,"_29":30,"_146":-5,"_177":219,"_32":220},{"_48":203,"_37":204,"_35":205,"_139":206,"_46":47,"_45":207,"_141":64,"_43":208,"_13":68,"_39":40,"_41":209,"_29":30,"_146":-5,"_177":210,"_32":211},{"_48":195,"_37":196,"_35":197,"_139":150,"_46":47,"_45":198,"_141":64,"_43":199,"_13":68,"_39":26,"_41":200,"_29":30,"_146":-5,"_177":201,"_32":202},{"_48":188,"_37":189,"_35":190,"_139":150,"_46":47,"_45":151,"_141":64,"_43":191,"_13":68,"_39":26,"_41":192,"_29":30,"_146":-5,"_177":193,"_32":194},{"_48":180,"_37":181,"_35":182,"_139":150,"_46":47,"_45":183,"_141":64,"_43":184,"_13":68,"_39":40,"_41":185,"_29":30,"_146":-5,"_177":186,"_32":187},{"_48":137,"_37":138,"_35":62,"_139":-5,"_46":47,"_45":140,"_141":64,"_43":176,"_13":143,"_39":144,"_41":145,"_29":30,"_146":-5,"_177":178,"_32":179},["D",1783413806085],"children",[],[138],"8f777fb9-d6fa-459f-9d85-f63da3c7087c","index.tsx","f2d02c00-79df-11f1-ac60-1607ee4eb77e",4,["D",1783413818327],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\n\ncreateRoot(root).render();\n",[],[149,181],"fc289cc1-8372-4652-abe5-720507a93c9d","index.html","f295f85a-79df-11f1-a0ec-1607ee4eb77e",["D",1783413817935],"\n\n \n \n \n Meta Ad Autopilot — AI-Powered Meta Ads on Autopilot\n \n \n \n \n \n

\n \n \n \n\n",[],[149,189],"95bb63dd-0279-4f5f-a099-baf3e50a1b58","favicon.svg","f2eedc22-79df-11f1-9282-1607ee4eb77e",5,["D",1783413818513],"\n",[],[149,196],"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",[],[149,212,204],"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\nfunction StatCard({ label, value, icon }: { label: string; value: string; icon: string }) {\n return (\n

{icon}

{value}

{label}

\n );\n}\n",[],[149,212,214],"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",[],[149,212,222],"d4c71e6c-f111-4a83-b1b3-87eed5f4fd62",["D",1783413945101],[],[149,212,38],"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",[],[149,212,234],"47386f8c-2b9e-4c5e-8a7e-3d5d4ce8ac68",["D",1783413825892],[167,168,169,170,171],[149,212],["D",1783413817935],[166,172,173,174],[149],["D",1783413560821],["D",1789527643940],{"_104":103,"_112":108},{"_104":103,"_105":106,"_107":108,"_19":60,"_109":110,"_111":30},{"_13":14,"_37":94,"_48":47,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":50,"_102":103},"ctx",{"_87":-5,"_132":286,"_287":288,"_289":290,"_291":30,"_292":30,"_293":30,"_294":64,"_295":-5,"_296":-7,"_297":-7,"_298":68,"_299":30,"_300":30,"_301":-5,"_302":30,"_303":30,"_304":30,"_305":-5},"ENV",{"_257":258,"_259":260,"_261":94,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285},"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"]

{campaign.name}

\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

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

Diff · v10