refactor: flatten monorepo to single web package (#12)

Flatten the pnpm monorepo (apps/web + packages/*) into a single web package at the repo root.

- Move app/lib/components/scripts/public to root; drop apps/web and packages/* wrappers
- Rewrite tsconfig paths (@infiplot/*) to ./lib/*; turbopack.root = __dirname
- Update Vercel (no root-directory) and Cloudflare (pnpm build:cf at root) deploy paths
- Regenerate pnpm-lock.yaml to drop stale workspace importers
- Bump engines.node to >=22 to match wrangler

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

app/api/beat-audio/route.ts

@@ -0,0 +1,36 @@
+import { requestBeatAudio } from "@infiplot/engine";
+import type { BeatAudioRequest } from "@infiplot/types";
+import { NextResponse } from "next/server";
+import { loadEngineConfig } from "@/lib/config";
+
+export const runtime = "nodejs";
+// The synth itself has a 15s per-call ceiling in the engine. 30s here just
+// covers JSON parsing + outbound network buffer.
+export const maxDuration = 30;
+
+export async function POST(req: Request) {
+  let body: BeatAudioRequest;
+  try {
+    body = (await req.json()) as BeatAudioRequest;
+  } catch {
+    return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
+  }
+
+  if (!body.beat?.id || !body.beat?.line || !body.voice?.referenceAudioBase64) {
+    return NextResponse.json(
+      { error: "beat.id, beat.line and voice.referenceAudioBase64 are required" },
+      { status: 400 },
+    );
+  }
+
+  try {
+    const config = loadEngineConfig();
+    const result = await requestBeatAudio(config, body);
+    return NextResponse.json(result);
+  } catch (err) {
+    // Engine already swallows synth errors and returns audio:null. Anything
+    // that reaches here is config-level — surface so the client can log it.
+    const message = err instanceof Error ? err.message : "Unknown error";
+    return NextResponse.json({ error: message }, { status: 500 });
+  }
+}

app/api/insert-beat/route.ts

@@ -0,0 +1,32 @@
+import { requestInsertBeat } from "@infiplot/engine";
+import type { InsertBeatRequest } from "@infiplot/types";
+import { NextResponse } from "next/server";
+import { loadEngineConfig } from "@/lib/config";
+
+export const runtime = "nodejs";
+export const maxDuration = 60;
+
+export async function POST(req: Request) {
+  let body: InsertBeatRequest;
+  try {
+    body = (await req.json()) as InsertBeatRequest;
+  } catch {
+    return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
+  }
+
+  if (!body.session || !body.freeformAction) {
+    return NextResponse.json(
+      { error: "session and freeformAction are required" },
+      { status: 400 },
+    );
+  }
+
+  try {
+    const config = loadEngineConfig();
+    const result = await requestInsertBeat(config, body);
+    return NextResponse.json(result);
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "Unknown error";
+    return NextResponse.json({ error: message }, { status: 500 });
+  }
+}

app/api/scene/route.ts

@@ -0,0 +1,33 @@
+import { requestScene } from "@infiplot/engine";
+import type { SceneRequest } from "@infiplot/types";
+import { NextResponse } from "next/server";
+import { loadEngineConfig } from "@/lib/config";
+
+export const runtime = "nodejs";
+// Capped at 60 for Vercel Hobby (300 allowed on Pro). The scene pipeline is
+// Writer + CharDesigner×N + Cinematographer + Painter — happy path 9–12s; the
+// tail (cold provider, multiple new characters) can push 30–45s, so 60 is a
+// reasonable headroom on Hobby.
+export const maxDuration = 60;
+
+export async function POST(req: Request) {
+  let body: SceneRequest;
+  try {
+    body = (await req.json()) as SceneRequest;
+  } catch {
+    return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
+  }
+
+  if (!body.session) {
+    return NextResponse.json({ error: "session is required" }, { status: 400 });
+  }
+
+  try {
+    const config = loadEngineConfig();
+    const result = await requestScene(config, body);
+    return NextResponse.json(result);
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "Unknown error";
+    return NextResponse.json({ error: message }, { status: 500 });
+  }
+}

app/api/start/route.ts

@@ -0,0 +1,32 @@
+import { startSession } from "@infiplot/engine";
+import type { StartRequest } from "@infiplot/types";
+import { NextResponse } from "next/server";
+import { loadEngineConfig } from "@/lib/config";
+
+export const runtime = "nodejs";
+export const maxDuration = 60;
+
+export async function POST(req: Request) {
+  let body: StartRequest;
+  try {
+    body = (await req.json()) as StartRequest;
+  } catch {
+    return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
+  }
+
+  if (!body.worldSetting?.trim() || !body.styleGuide?.trim()) {
+    return NextResponse.json(
+      { error: "worldSetting and styleGuide are required" },
+      { status: 400 },
+    );
+  }
+
+  try {
+    const config = loadEngineConfig();
+    const result = await startSession(config, body);
+    return NextResponse.json(result);
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "Unknown error";
+    return NextResponse.json({ error: message }, { status: 500 });
+  }
+}

app/api/vision/route.ts

@@ -0,0 +1,52 @@
+import { visionDecide } from "@infiplot/engine";
+import type { VisionRequest } from "@infiplot/types";
+import { NextResponse } from "next/server";
+import { loadEngineConfig } from "@/lib/config";
+
+export const runtime = "nodejs";
+export const maxDuration = 60;
+
+// Browser annotator resizes to 768 wide → typically 200-800 KB base64.
+// 3 MB caps abusive direct-API payloads (which would inflate upstream
+// vision LLM costs) while leaving ~4x headroom for legitimate inputs.
+const MAX_ANNOTATED_BYTES = 3 * 1024 * 1024;
+
+export async function POST(req: Request) {
+  let body: VisionRequest;
+  try {
+    body = (await req.json()) as VisionRequest;
+  } catch {
+    return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
+  }
+
+  if (!body.session) {
+    return NextResponse.json(
+      { error: "session is required" },
+      { status: 400 },
+    );
+  }
+  if (
+    typeof body.annotatedImageBase64 !== "string" ||
+    body.annotatedImageBase64.length === 0
+  ) {
+    return NextResponse.json(
+      { error: "annotatedImageBase64 must be a non-empty string" },
+      { status: 400 },
+    );
+  }
+  if (body.annotatedImageBase64.length > MAX_ANNOTATED_BYTES) {
+    return NextResponse.json(
+      { error: `annotatedImageBase64 exceeds ${MAX_ANNOTATED_BYTES} bytes` },
+      { status: 413 },
+    );
+  }
+
+  try {
+    const config = loadEngineConfig();
+    const result = await visionDecide(config, body);
+    return NextResponse.json(result);
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "Unknown error";
+    return NextResponse.json({ error: message }, { status: 500 });
+  }
+}