feat: generate and display suggested replies during Scan Now

- refresh-opportunities.ts: generate replies in parallel for
  high/medium intent posts at scan time (low intent skipped
  to limit gpt-4o calls and stay within timeout)
- OpportunityCard.tsx: show first suggested reply inline on
  card with copy button and variation count hint

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>

Author: dongzhang84

components/OpportunityCard.tsx

@@ -45,6 +45,14 @@ export default function OpportunityCard({ opportunity, externalReplied, onViewRe
     if (externalReplied) setReplied(true)
   }, [externalReplied])
   const [replying, setReplying] = useState(false)
+  const [copied, setCopied] = useState(false)
+
+  function handleCopy(text: string) {
+    navigator.clipboard.writeText(text).then(() => {
+      setCopied(true)
+      setTimeout(() => setCopied(false), 2000)
+    })
+  }
   const [fading, setFading] = useState(false)
   const [hidden, setHidden] = useState(false)
 
@@ -127,6 +135,38 @@ export default function OpportunityCard({ opportunity, externalReplied, onViewRe
             {opportunity.reasoning}
           </p>
 
+          {/* Suggested reply */}
+          {opportunity.suggestedReplies?.length > 0 && (
+            <div className="space-y-2 pt-1">
+              <div className="flex items-center gap-2">
+                <span className="text-xs font-semibold uppercase tracking-wide text-muted-foreground">
+                  Suggested Reply
+                </span>
+                {opportunity.suggestedReplies[0].label && (
+                  <span className="text-xs bg-slate-100 text-slate-600 px-2 py-0.5 rounded-full">
+                    {opportunity.suggestedReplies[0].label}
+                  </span>
+                )}
+              </div>
+              <p className="text-sm text-slate-700 leading-relaxed bg-slate-50 border-l-2 border-blue-200 px-3 py-2 rounded-r-md whitespace-pre-wrap line-clamp-4">
+                {opportunity.suggestedReplies[0].text}
+              </p>
+              <div className="flex items-center gap-3">
+                <button
+                  onClick={() => handleCopy(opportunity.suggestedReplies[0].text)}
+                  className="text-xs text-muted-foreground hover:text-foreground border border-border rounded px-2 py-1 transition-colors"
+                >
+                  {copied ? 'Copied ✓' : 'Copy'}
+                </button>
+                {opportunity.suggestedReplies.length > 1 && (
+                  <span className="text-xs text-muted-foreground">
+                    +{opportunity.suggestedReplies.length - 1} more variation{opportunity.suggestedReplies.length > 2 ? 's' : ''} in modal
+                  </span>
+                )}
+              </div>
+            </div>
+          )}
+
           {/* Actions */}
           <div className="flex gap-2 pt-1">
             {replied ? (

lib/refresh-opportunities.ts

@@ -2,6 +2,7 @@ import { prisma } from '@/lib/db/client'
 import { fetchSubredditPosts, type RedditPost } from '@/lib/reddit'
 import { fetchHNStories, type HNStory } from '@/lib/hn'
 import { scorePosts, type PostToScore } from '@/lib/scorer'
+import { generateReplies } from '@/lib/reply-generator'
 
 interface NormalizedPost {
   externalId: string
@@ -109,6 +110,25 @@ export async function refreshOpportunitiesForUser(userId: string): Promise<numbe
 
   const metaMap = new Map(capped.map((p) => [p.externalId, p]))
 
+  // Generate replies in parallel for high/medium intent posts only
+  const repliesMap = new Map<string, object[]>()
+  await Promise.all(
+    scored
+      .filter((p) => p.intentLevel === 'high' || p.intentLevel === 'medium')
+      .map(async (p) => {
+        const meta = metaMap.get(p.externalId)!
+        try {
+          const replies = await generateReplies(
+            { title: p.title, body: p.body ?? '', subreddit: meta.subreddit },
+            { productDescription: profile.productDescription ?? '', targetCustomer: profile.targetCustomer ?? '' }
+          )
+          repliesMap.set(p.externalId, replies as object[])
+        } catch {
+          console.error(`[refresh] Failed to generate replies for ${p.externalId}`)
+        }
+      })
+  )
+
   const result = await prisma.opportunity.createMany({
     data: scored.map((p) => {
       const meta = metaMap.get(p.externalId)!
@@ -127,7 +147,7 @@ export async function refreshOpportunitiesForUser(userId: string): Promise<numbe
         relevanceScore: p.relevanceScore,
         intentLevel: p.intentLevel,
         reasoning: p.reasoning,
-        suggestedReplies: [],
+        suggestedReplies: repliesMap.get(p.externalId) ?? [],
       }
     }),
     skipDuplicates: true,