From 592c82816ae3be7e1692724a340f5ff3e3689c2d Mon Sep 17 00:00:00 2001
From: "DESKTOP-I1T6TF3\\Q" <2291969160@qq.com>
Date: Thu, 4 Jun 2026 15:13:03 +0800
Subject: [PATCH] Revert "feat(loading): support typewriter story teaser during
 first scene generation"

This reverts commit 4e4e06ec8ad09ef33b53d5f836d2e1ed67a94aac.
---
 app/api/teaser/route.ts   | 45 ---------------------------------------
 app/play/page.tsx         | 22 -------------------
 components/PlayCanvas.tsx | 35 +++++-------------------------
 vercel.json               |  3 +--
 4 files changed, 6 insertions(+), 99 deletions(-)
 delete mode 100644 app/api/teaser/route.ts

diff --git a/app/api/teaser/route.ts b/app/api/teaser/route.ts
deleted file mode 100644
index ec6d575..0000000
--- a/app/api/teaser/route.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { chat } from "@infiplot/ai-client";
-import { NextResponse } from "next/server";
-import { loadEngineConfig } from "@/lib/config";
-
-export const runtime = "nodejs";
-export const maxDuration = 30;
-
-const TEASER_SYSTEM = `你是一个交互视觉小说的“故事预告设计师/旁白配音员”。
-根据用户输入的故事设定、面向观众、剧情风格和内容节奏，为该故事撰写一段富有悬念、画面感极强、极具吸引力的【故事预告】（类似电影预告片旁白风格）。
-
-要求：
-1. 语言必须富有情感、张力、史诗感或治愈感（根据题材基调决定），用第二人称“你”指代玩家。
-2. 长度控制在 80-150 字以内，字句简练，用字考究，多用短句。
-3. 绝对只返回预告片纯文本内容，不要带有任何 JSON 标记、Markdown 标题或“预告：”等任何额外字符。直接输出文字本身。`;
-
-export async function POST(req: Request) {
-  let body: { worldSetting?: string };
-  try {
-    body = (await req.json()) as { worldSetting?: string };
-  } catch {
-    return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
-  }
-
-  const worldSetting = body.worldSetting?.trim();
-  if (!worldSetting) {
-    return NextResponse.json({ error: "worldSetting is required" }, { status: 400 });
-  }
-
-  try {
-    const config = loadEngineConfig(req.headers);
-    const rawTeaser = await chat(
-      config.text,
-      [
-        { role: "system", content: TEASER_SYSTEM },
-        { role: "user", content: `故事设定如下，请生成一段精彩的预告：\n\n${worldSetting}` },
-      ],
-      { temperature: 0.85, tag: "teaser" }
-    );
-
-    return NextResponse.json({ teaser: rawTeaser.trim() });
-  } catch (err) {
-    const message = err instanceof Error ? err.message : "Unknown error";
-    return NextResponse.json({ error: message }, { status: 500 });
-  }
-}
diff --git a/app/play/page.tsx b/app/play/page.tsx
index e920b8a..5900733 100644
--- a/app/play/page.tsx
+++ b/app/play/page.tsx
@@ -402,7 +402,6 @@ function PlayInner() {
   const [error, setError] = useState<string | null>(null);
   const [presentation, setPresentation] = useState(false);
   const [lastExitLabel, setLastExitLabel] = useState<string | null>(null);
-  const [teaserText, setTeaserText] = useState<string | null>(null);
 
   const startedRef = useRef(false);
   const poolRef = useRef<Map<string, PrefetchEntry>>(new Map());
@@ -695,25 +694,6 @@ function PlayInner() {
       return;
     }
 
-    if (livePayload) {
-      fetch("/api/teaser", {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          ...getByoHeaders(),
-        },
-        body: JSON.stringify({ worldSetting: livePayload.worldSetting }),
-      })
-        .then(async (r) => {
-          if (!r.ok) return;
-          const data = await r.json();
-          if (data.teaser) {
-            setTeaserText(data.teaser);
-          }
-        })
-        .catch(() => {});
-    }
-
     type PrebakedFirstAct = StartResponse & {
       worldSetting: string;
       styleGuide: string;
@@ -1175,7 +1155,6 @@ function PlayInner() {
           onAdvance={onAdvance}
           onSelectChoice={onSelectChoice}
           fullViewport
-          teaserText={teaserText}
         />
       </div>
     );
@@ -1215,7 +1194,6 @@ function PlayInner() {
           onBackgroundClick={onBackgroundClick}
           onAdvance={onAdvance}
           onSelectChoice={onSelectChoice}
-          teaserText={teaserText}
           aboveCanvas={
             <button
               type="button"
diff --git a/components/PlayCanvas.tsx b/components/PlayCanvas.tsx
index 07fe23f..8e58285 100644
--- a/components/PlayCanvas.tsx
+++ b/components/PlayCanvas.tsx
@@ -172,7 +172,6 @@ export function PlayCanvas({
   fullViewport = false,
   aboveCanvas,
   aboveCanvasLeft,
-  teaserText,
 }: {
   imageUrl: string | null;
   audioBase64: string | null;
@@ -189,7 +188,6 @@ export function PlayCanvas({
   aboveCanvas?: ReactNode;
   // 渲染在图片正上方、左对齐的 slot（画面外、紧贴左上角），与 aboveCanvas 水平镜像。
   aboveCanvasLeft?: ReactNode;
-  teaserText?: string | null;
 }) {
   const imgRef = useRef<HTMLImageElement>(null);
   const audioRef = useRef<HTMLAudioElement>(null);
@@ -209,10 +207,6 @@ export function PlayCanvas({
       waitForAudio: Boolean(audioBase64),
     });
 
-  const { shown: typedTeaser } = useTypewriter(teaserText ?? "", "teaser_reset", {
-    waitForAudio: false,
-  });
-
   // ── Audio source change ──────────────────────────────────────────────
   // Reset duration when audio source changes; if loading takes too long,
   // unblock the typewriter via timeout so text doesn't stall.
@@ -494,35 +488,16 @@ export function PlayCanvas({
         </div>
       ) : (
         <div
-          className="relative aspect-video bg-cream-200 flex flex-col items-center justify-center p-6 md:p-12 text-center"
+          className="relative aspect-video bg-cream-200 flex flex-col items-center justify-center gap-4"
           style={{
             width: placeholderWidth,
             boxShadow: fullViewport ? "none" : SHADOW,
           }}
         >
-          {teaserText ? (
-            <div className="max-w-[85%] md:max-w-[75%] flex flex-col items-center justify-center gap-3.5 md:gap-5 animate-fade-in">
-              <span className="text-[9px] smallcaps text-clay-400 tracking-[0.2em] font-sans">
-                ✦ 故 · 事 · 预 · 告 ✦
-              </span>
-              <p className="font-serif leading-[2] text-clay-700 text-[13px] md:text-[15px] italic whitespace-pre-wrap">
-                {typedTeaser}
-              </p>
-              <div className="mt-2 md:mt-4 flex items-center gap-2.5">
-                <span className="w-1.5 h-1.5 bg-ember-500 rounded-full animate-slow-pulse" />
-                <span className="text-[9px] smallcaps text-clay-400">
-                  正 · 在 · 绘 · 制 · 第 · 一 · 幕
-                </span>
-              </div>
-            </div>
-          ) : (
-            <div className="flex flex-col items-center justify-center gap-4">
-              <div className="w-1.5 h-1.5 bg-clay-500 rounded-full animate-slow-pulse" />
-              <p className="text-[9px] smallcaps text-clay-500 animate-slow-pulse">
-                正 · 在 · 绘 · 制 · 第 · 一 · 幕
-              </p>
-            </div>
-          )}
+          <div className="w-1.5 h-1.5 bg-clay-500 rounded-full animate-slow-pulse" />
+          <p className="text-[9px] smallcaps text-clay-500 animate-slow-pulse">
+            正 · 在 · 绘 · 制 · 第 · 一 · 幕
+          </p>
           {/* 加载占位也挂同一对 slot，让右上 / 左上的操作按钮在第一帧就出现 */}
           {!fullViewport && aboveCanvas && (
             <div className="absolute bottom-full right-0 mb-2 flex items-center gap-2">
diff --git a/vercel.json b/vercel.json
index 378951a..4ccec08 100644
--- a/vercel.json
+++ b/vercel.json
@@ -6,7 +6,6 @@
     "app/api/scene/route.ts":       { "maxDuration": 60 },
     "app/api/vision/route.ts":      { "maxDuration": 60 },
     "app/api/insert-beat/route.ts": { "maxDuration": 60 },
-    "app/api/beat-audio/route.ts":  { "maxDuration": 30 },
-    "app/api/teaser/route.ts":      { "maxDuration": 30 }
+    "app/api/beat-audio/route.ts":  { "maxDuration": 30 }
   }
 }