feat: add asset preferences, video research, and Remotion ad assets

- Add thumbs-down feedback modal and preference API endpoint
- Add AI UGC video platforms research doc
- Add ReflectAd Remotion composition with public flow assets
- Add gemini-ad-designer and poster-ad-designer pipeline skills
- Add research_reflect_v1.1 pipeline script

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

components/campaign-form.tsx

@@ -13,7 +13,24 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
-import { ImagePlus, X, Loader2 } from "lucide-react";
+import { ImagePlus, X, Loader2, Info } from "lucide-react";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+function InfoTip({ text }: { text: string }) {
+  return (
+    <Tooltip>
+      <TooltipTrigger className="inline-flex text-muted-foreground hover:text-foreground transition-colors ml-1 align-middle">
+        <Info className="h-3.5 w-3.5" />
+      </TooltipTrigger>
+      <TooltipContent>{text}</TooltipContent>
+    </Tooltip>
+  );
+}
 
 export const PLATFORMS = ["instagram", "tiktok", "nextdoor"] as const;
 export const GOALS = [
@@ -221,6 +238,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
   }
 
   return (
+    <TooltipProvider>
     <Card>
       <CardHeader>
         <CardTitle>{mode === "edit" ? "Edit Campaign" : "New Campaign"}</CardTitle>
@@ -233,7 +251,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
       <CardContent>
         <form onSubmit={handleSubmit} className="space-y-6">
           <div className="space-y-2">
-            <Label htmlFor="name">Campaign Name</Label>
+            <Label htmlFor="name">Campaign Name <InfoTip text="A descriptive name for this campaign. Used to organize outputs and label generated assets." /></Label>
             <Input
               id="name"
               name="name"
@@ -244,7 +262,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label>Platforms</Label>
+            <Label>Platforms <InfoTip text="Which social platforms to generate content for. Each platform gets platform-specific ad dimensions, captions, and video styles." /></Label>
             <div className="flex gap-3">
               {PLATFORMS.map((platform) => (
                 <button
@@ -264,7 +282,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label>Campaign Goal</Label>
+            <Label>Campaign Goal <InfoTip text="The primary objective shapes the tone, CTA, and creative direction of all generated content." /></Label>
             <input type="hidden" name="goal" value={selectedGoal} />
             <div className="grid gap-2">
               {GOALS.map((goal) => (
@@ -286,7 +304,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label htmlFor="keyMessage">Key Message</Label>
+            <Label htmlFor="keyMessage">Key Message <InfoTip text="The core value proposition. This drives every headline, hook, and CTA the AI generates." /></Label>
             <Textarea
               id="keyMessage"
               name="keyMessage"
@@ -298,7 +316,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label>App Screenshots (optional)</Label>
+            <Label>App Screenshots (optional) <InfoTip text="Real app screenshots become reference images for Gemini. The AI places them in phone mockups and uses them as the hero visual in ads." /></Label>
             <p className="text-xs text-muted-foreground">
               Upload screenshots of the feature you want to showcase. These will
               be incorporated into generated ads.
@@ -362,7 +380,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label htmlFor="socialProof">Social Proof</Label>
+            <Label htmlFor="socialProof">Social Proof <InfoTip text="Stats, ratings, or testimonials that build trust. Appears in ad copy and video overlays." /></Label>
             <Textarea
               id="socialProof"
               name="socialProof"
@@ -373,7 +391,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label htmlFor="targetAudience">Target Audience</Label>
+            <Label htmlFor="targetAudience">Target Audience <InfoTip text="Who are we talking to? Influences tone, pain points, and hooks. Be specific — age, interests, situation." /></Label>
             <Textarea
               id="targetAudience"
               name="targetAudience"
@@ -384,7 +402,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label htmlFor="visualDirection">Visual Direction</Label>
+            <Label htmlFor="visualDirection">Visual Direction <InfoTip text="Sets the overall aesthetic for generated images and videos. Affects color treatment, layout style, and mood." /></Label>
             <select
               id="visualDirection"
               name="visualDirection"
@@ -400,7 +418,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label htmlFor="competitorApps">Competitor Apps (optional)</Label>
+            <Label htmlFor="competitorApps">Competitor Apps (optional) <InfoTip text="Apps you're competing with. The research agent analyzes their messaging to differentiate yours." /></Label>
             <Input
               id="competitorApps"
               name="competitorApps"
@@ -410,7 +428,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
           </div>
 
           <div className="space-y-2">
-            <Label htmlFor="variations">Variations Per Platform</Label>
+            <Label htmlFor="variations">Variations Per Platform <InfoTip text="Number of unique hook angles to generate per platform. More variations = more A/B testing options." /></Label>
             <Input
               id="variations"
               name="variations"
@@ -431,6 +449,7 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
             />
             <Label htmlFor="useTrendReport" className="font-normal">
               Use latest trend report for hook inspiration
+              <InfoTip text="When checked, the trend scout agent runs first and feeds current social media trends into the script writer for timely hooks." />
             </Label>
           </div>
 
@@ -446,5 +465,6 @@ export function CampaignForm({ initialData, mode = "create" }: CampaignFormProps
         </form>
       </CardContent>
     </Card>
+    </TooltipProvider>
   );
 }