feat: add structured logging to reel API and pipeline

- Log webhook delivery attempts and responses in `app/api/reel/route.ts`
- Log incoming POST requests, auth rejections, and accepted jobs
- Centralize pipeline progress logging in `lib/progress.ts` via `setProgress`

These logs improve observability for debugging and monitoring without scattering log statements throughout the pipeline.

app/api/reel/route.ts

@@ -12,12 +12,14 @@ export const runtime = "nodejs";
 export const maxDuration = 300;
 
 async function notifyWebhook(webhook: string, payload: Record<string, unknown>) {
+  console.log(`[reel] POST webhook ${webhook}\n${JSON.stringify(payload, null, 2)}`);
   try {
-    await fetch(webhook, {
+    const res = await fetch(webhook, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify(payload),
     });
+    console.log(`[reel] webhook responded ${res.status} ${res.statusText}`);
   } catch (error) {
     // ponytail: webhook host down = nothing left to notify; log and move on
     console.error("Webhook delivery failed:", error);
@@ -82,9 +84,12 @@ async function runFullPipeline(
 
 export async function POST(req: NextRequest) {
   try {
+    console.log(`[reel] POST /api/reel hit`);
+
     // ponytail: gate before parsing the body — unauthenticated callers get no work done
     const authError = checkApiKey(req);
     if (authError) {
+      console.log(`[reel] rejected: ${authError}`);
       return NextResponse.json({ error: authError }, { status: 401 });
     }
 
@@ -126,6 +131,8 @@ export async function POST(req: NextRequest) {
         : undefined,
     };
 
+    console.log(`[reel ${id.slice(0, 8)}] accepted ${url} -> webhook ${webhook}`);
+
     // fire-and-forget; the webhook is the completion signal
     void runFullPipeline(url, id, webhook, baseUrl, provided);
 

lib/progress.ts

@@ -4,6 +4,11 @@ const progressMap = new Map<string, RenderProgress>();
 
 export function setProgress(id: string, progress: RenderProgress) {
   progressMap.set(id, progress);
+  // ponytail: every pipeline stage already routes through here, so one line here
+  // logs the whole run instead of scattering console.log across the pipeline
+  console.log(
+    `[reel ${id.slice(0, 8)}] ${progress.percent}% ${progress.stage} — ${progress.message}`,
+  );
 }
 
 export function getProgress(id: string): RenderProgress | null {