From c0ed44b10c3633448e2e3f18463e14f9d912f324 Mon Sep 17 00:00:00 2001
From: huyan <huyanxius@Gmail.com>
Date: Fri, 14 Aug 2026 12:21:14 +0800
Subject: [PATCH 1/5] feat(quick-start): add kinetic copy cycle

Quick Start needs reusable subtitle transitions across entry and generation states.

Add a page-local copy cycle with ordered exit and entrance motion.

Respect reduced-motion preferences while preventing overlapping text.
---
 .../pages/quick-start/kinetic-copy-cycle.css  | 176 ++++++++++++++++++
 .../pages/quick-start/kinetic-copy-cycle.tsx  | 162 ++++++++++++++++
 2 files changed, 338 insertions(+)
 create mode 100644 frontend/src/pages/quick-start/kinetic-copy-cycle.css
 create mode 100644 frontend/src/pages/quick-start/kinetic-copy-cycle.tsx

diff --git a/frontend/src/pages/quick-start/kinetic-copy-cycle.css b/frontend/src/pages/quick-start/kinetic-copy-cycle.css
new file mode 100644
index 00000000..bd5f574c
--- /dev/null
+++ b/frontend/src/pages/quick-start/kinetic-copy-cycle.css
@@ -0,0 +1,176 @@
+.kinetic-copy-cycle {
+  display: grid;
+  place-items: center;
+}
+
+.quick-start-agent-copy {
+  place-items: start;
+  text-align: left;
+}
+
+.quick-start-agent-copy .kinetic-copy-line-inner-prefixed {
+  justify-content: flex-start;
+}
+
+.kinetic-copy-line {
+  display: block;
+  overflow: hidden;
+  min-height: 1.55em;
+}
+
+.kinetic-copy-line-inner {
+  display: block;
+  opacity: 0;
+  letter-spacing: 0.075em;
+  transform: translate3d(0, 120%, 0);
+  animation: kinetic-copy-line-enter 620ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  animation-delay: calc(210ms + var(--kinetic-copy-line-index) * 90ms);
+  backface-visibility: hidden;
+  will-change: opacity, transform, letter-spacing;
+}
+
+.kinetic-copy-line-inner-prefixed {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.kinetic-copy-cycle-resting .kinetic-copy-line-inner {
+  opacity: 1;
+  letter-spacing: -0.01em;
+  transform: translate3d(0, 0, 0);
+  animation: none;
+}
+
+.kinetic-copy-cycle-exiting .kinetic-copy-line-inner {
+  opacity: 1;
+  letter-spacing: -0.01em;
+  transform: translate3d(0, 0, 0);
+  animation: kinetic-copy-line-exit 400ms cubic-bezier(0.55, 0, 1, 0.45) forwards;
+  animation-delay: calc(var(--kinetic-copy-line-reverse-index) * 55ms);
+}
+
+.kinetic-copy-prefix {
+  display: inline-block;
+}
+
+.kinetic-copy-character {
+  display: inline-block;
+}
+
+.kinetic-copy-cycle-entering[data-copy-motion-mode='characters'] .kinetic-copy-line-inner {
+  opacity: 1;
+  letter-spacing: -0.01em;
+  transform: translate3d(0, 0, 0);
+  animation: none;
+}
+
+.kinetic-copy-cycle-entering[data-copy-motion-mode='characters'] .kinetic-copy-prefix {
+  opacity: 0;
+  transform: translate3d(0, 0.38em, 0);
+  filter: blur(4px);
+  animation: kinetic-copy-character-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) 90ms forwards;
+}
+
+.kinetic-copy-cycle-entering[data-copy-motion-mode='characters'] .kinetic-copy-character {
+  opacity: 0;
+  transform: translate3d(0, 0.42em, 0);
+  filter: blur(4px);
+  animation: kinetic-copy-character-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  animation-delay: calc(100ms + min(var(--kinetic-copy-character-index) * 24ms, 340ms));
+  will-change: opacity, transform, filter;
+}
+
+.kinetic-copy-cycle-exiting[data-copy-motion-mode='characters'] .kinetic-copy-line-inner {
+  opacity: 1;
+  letter-spacing: -0.01em;
+  transform: translate3d(0, -0.16em, 0);
+  animation: none;
+  transition: transform 420ms cubic-bezier(0.55, 0, 1, 0.45);
+}
+
+.kinetic-copy-cycle-exiting[data-copy-motion-mode='characters'] .kinetic-copy-prefix {
+  opacity: 1;
+  animation: kinetic-copy-character-exit 300ms cubic-bezier(0.55, 0, 1, 0.45) 140ms forwards;
+}
+
+.kinetic-copy-cycle-exiting[data-copy-motion-mode='characters'] .kinetic-copy-character {
+  opacity: 1;
+  transform: translate3d(0, 0, 0);
+  filter: blur(0);
+  animation: kinetic-copy-character-exit 300ms cubic-bezier(0.55, 0, 1, 0.45) forwards;
+  animation-delay: calc(min(var(--kinetic-copy-character-reverse-index) * 10ms, 140ms));
+  will-change: opacity, transform, filter;
+}
+
+@keyframes kinetic-copy-line-enter {
+  0% {
+    opacity: 0;
+    letter-spacing: 0.075em;
+    transform: translate3d(0, 120%, 0);
+  }
+  100% {
+    opacity: 1;
+    letter-spacing: -0.01em;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes kinetic-copy-line-exit {
+  0% {
+    opacity: 1;
+    letter-spacing: -0.01em;
+    transform: translate3d(0, 0, 0);
+  }
+  46% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    letter-spacing: 0.045em;
+    transform: translate3d(0, -118%, 0);
+  }
+}
+
+@keyframes kinetic-copy-character-enter {
+  0% {
+    opacity: 0;
+    transform: translate3d(0, 0.42em, 0);
+    filter: blur(4px);
+  }
+  100% {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+    filter: blur(0);
+  }
+}
+
+@keyframes kinetic-copy-character-exit {
+  0% {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+    filter: blur(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translate3d(0, -0.42em, 0);
+    filter: blur(4px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .kinetic-copy-line-inner {
+    opacity: 1;
+    letter-spacing: -0.01em;
+    transform: none;
+    animation: none;
+  }
+
+  .kinetic-copy-prefix,
+  .kinetic-copy-character {
+    opacity: 1;
+    transform: none;
+    filter: none;
+    animation: none;
+  }
+}
diff --git a/frontend/src/pages/quick-start/kinetic-copy-cycle.tsx b/frontend/src/pages/quick-start/kinetic-copy-cycle.tsx
new file mode 100644
index 00000000..41eab7d4
--- /dev/null
+++ b/frontend/src/pages/quick-start/kinetic-copy-cycle.tsx
@@ -0,0 +1,162 @@
+import { useEffect, useState, type CSSProperties, type ElementType } from 'react'
+
+import './kinetic-copy-cycle.css'
+
+export type KineticCopyMessage =
+  | readonly string[]
+  | {
+      lines: readonly string[]
+      prefix?: string
+      className?: string
+      prefixClassName?: string
+    }
+
+export interface KineticCopyCycleProps {
+  messages: readonly KineticCopyMessage[]
+  active?: boolean
+  as?: ElementType
+  ariaLabel?: string
+  className?: string
+  firstCycleMs?: number
+  cycleMs?: number
+  loopStartIndex?: number
+  motionMode?: 'line' | 'characters'
+}
+
+type CopyPhase = 'entering' | 'resting' | 'exiting'
+
+const ENTER_DURATION_MS = 760
+const EXIT_DURATION_MS = 460
+const DEFAULT_CYCLE_MS = 4_200
+
+function messageParts(message: KineticCopyMessage) {
+  return Array.isArray(message)
+    ? { lines: message as readonly string[] }
+    : (message as Exclude<KineticCopyMessage, readonly string[]>)
+}
+
+/** Quick Start 的裁切字幕：完整退场后再换文案，避免重叠与跳字。 */
+export function KineticCopyCycle({
+  messages,
+  active = true,
+  as: Tag = 'div',
+  ariaLabel,
+  className = '',
+  firstCycleMs = DEFAULT_CYCLE_MS,
+  cycleMs = DEFAULT_CYCLE_MS,
+  loopStartIndex = 0,
+  motionMode = 'line',
+}: KineticCopyCycleProps) {
+  const [renderedMessages, setRenderedMessages] = useState(messages)
+  const [copyIndex, setCopyIndex] = useState(0)
+  const [phase, setPhase] = useState<CopyPhase>('entering')
+
+  useEffect(() => {
+    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false
+    if (messages === renderedMessages) return
+
+    if (!active || reduceMotion) {
+      setRenderedMessages(messages)
+      setCopyIndex(0)
+      setPhase('resting')
+      return
+    }
+
+    setPhase('exiting')
+    const replacementTimer = window.setTimeout(() => {
+      setRenderedMessages(messages)
+      setCopyIndex(0)
+      setPhase('entering')
+    }, EXIT_DURATION_MS)
+
+    return () => window.clearTimeout(replacementTimer)
+  }, [active, messages, renderedMessages])
+
+  useEffect(() => {
+    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false
+    if (messages !== renderedMessages) return
+
+    setCopyIndex(0)
+    setPhase(active && !reduceMotion ? 'entering' : 'resting')
+    if (!active || reduceMotion || renderedMessages.length < 2) return
+
+    let exitTimer: number | null = null
+    let swapTimer: number | null = null
+    let restTimer: number | null = window.setTimeout(() => setPhase('resting'), ENTER_DURATION_MS)
+
+    const scheduleExit = (delay: number) => {
+      exitTimer = window.setTimeout(() => {
+        setPhase('exiting')
+        swapTimer = window.setTimeout(() => {
+          setCopyIndex((current) =>
+            current + 1 < renderedMessages.length ? current + 1 : loopStartIndex,
+          )
+          setPhase('entering')
+          restTimer = window.setTimeout(() => setPhase('resting'), ENTER_DURATION_MS)
+          scheduleExit(Math.max(0, cycleMs - EXIT_DURATION_MS))
+        }, EXIT_DURATION_MS)
+      }, delay)
+    }
+
+    scheduleExit(firstCycleMs)
+
+    return () => {
+      if (exitTimer !== null) window.clearTimeout(exitTimer)
+      if (swapTimer !== null) window.clearTimeout(swapTimer)
+      if (restTimer !== null) window.clearTimeout(restTimer)
+    }
+  }, [active, cycleMs, firstCycleMs, loopStartIndex, messages, renderedMessages])
+
+  if (renderedMessages.length === 0) return null
+
+  const message = messageParts(renderedMessages[copyIndex % renderedMessages.length])
+
+  return (
+    <Tag
+      aria-hidden={ariaLabel ? undefined : true}
+      aria-label={ariaLabel}
+      data-copy-index={copyIndex}
+      data-copy-phase={phase}
+      data-copy-motion-mode={motionMode}
+      className={`kinetic-copy-cycle kinetic-copy-cycle-${phase} ${className}`}
+    >
+      {message.lines.map((line, lineIndex) => (
+        <span key={`${copyIndex}-${line}`} className="kinetic-copy-line">
+          <span
+            className={`kinetic-copy-line-inner ${message.prefix ? 'kinetic-copy-line-inner-prefixed' : ''} ${message.className ?? ''}`}
+            style={
+              {
+                '--kinetic-copy-line-index': lineIndex,
+                '--kinetic-copy-line-reverse-index': message.lines.length - lineIndex - 1,
+              } as CSSProperties
+            }
+          >
+            {lineIndex === 0 && message.prefix ? (
+              <span className={`kinetic-copy-prefix ${message.prefixClassName ?? ''}`}>
+                {message.prefix}
+              </span>
+            ) : null}
+            {motionMode === 'characters'
+              ? Array.from(line).map((character, characterIndex, characters) => (
+                  <span
+                    key={`${character}-${characterIndex}`}
+                    aria-hidden="true"
+                    className="kinetic-copy-character"
+                    style={
+                      {
+                        '--kinetic-copy-character-index': characterIndex,
+                        '--kinetic-copy-character-reverse-index':
+                          characters.length - characterIndex - 1,
+                      } as CSSProperties
+                    }
+                  >
+                    {character === ' ' ? '\u00a0' : character}
+                  </span>
+                ))
+              : line}
+          </span>
+        </span>
+      ))}
+    </Tag>
+  )
+}

From fa6691e960f834f7e0565114edf4dc1204deb247 Mon Sep 17 00:00:00 2001
From: huyan <huyanxius@Gmail.com>
Date: Fri, 14 Aug 2026 12:21:32 +0800
Subject: [PATCH 2/5] feat(quick-start): continue creation in one conversation

The creation entry and run view currently feel like separate products.

Reshape the run as one flowing transcript with a persistent composer and result-focused states.

Reuse existing session calls while making completed destinations explicit.
---
 frontend/src/pages/quick-start/index.tsx      | 1268 +++++++++++------
 .../pages/quick-start/quick-start-motion.css  |  194 +++
 2 files changed, 1002 insertions(+), 460 deletions(-)
 create mode 100644 frontend/src/pages/quick-start/quick-start-motion.css

diff --git a/frontend/src/pages/quick-start/index.tsx b/frontend/src/pages/quick-start/index.tsx
index a4517396..171e466d 100644
--- a/frontend/src/pages/quick-start/index.tsx
+++ b/frontend/src/pages/quick-start/index.tsx
@@ -4,25 +4,28 @@ import {
   useMemo,
   useRef,
   useState,
+  type CSSProperties,
   type ChangeEvent,
   type FormEvent,
+  type ReactNode,
 } from 'react'
+import { ArrowUp, ImageSquare, X } from '@phosphor-icons/react'
 import { Link, useNavigate, useParams, useSearchParams } from 'react-router'
 
 import {
   type ActionFirstFrameWorkflowNode,
   type CharacterTemplateWorkflowNode,
   type WorkflowRun,
-  type WorkflowNode,
-  type WorkflowNodeType,
 } from '@/entities'
 import { ExportButton, type ExportPackageModel } from '@/features/export-package'
+import { KineticCopyCycle, type KineticCopyMessage } from './kinetic-copy-cycle'
 import {
   quickStartService,
   type QuickStartEntryService,
   type QuickStartFrame,
   type QuickStartSession,
 } from './service'
+import './quick-start-motion.css'
 
 export type {
   CreateQuickStartServiceOptions,
@@ -31,26 +34,79 @@ export type {
   QuickStartSession,
 } from './service'
 
-const STEP_LABELS: Record<WorkflowNodeType, string> = {
-  'character-setup': '角色设定',
-  'character-template': '角色图',
-  'action-first-frame': '候选选择',
-  'action-generation-method': '生成路线',
-  'action-full-frame': '动作生成',
-  review: '审核',
-}
-
-const EXAMPLES = [
+const STYLE_PROMPTS = [
+  {
+    title: '16-bit 日式 RPG',
+    detail: '清晰轮廓 · 明亮配色',
+    prompt: '16-bit 日式 RPG 像素风，清晰轮廓，明亮配色',
+  },
   {
-    label: '像素守夜人',
-    prompt: '一位提着风灯、披深色斗篷的像素守夜人',
+    title: '暗黑哥特像素',
+    detail: '低饱和 · 强烈明暗',
+    prompt: '暗黑哥特像素风，低饱和配色，强烈明暗对比',
   },
   {
-    label: '轻装信使',
-    prompt: '轻装信使，侧视像素风，轮廓清晰，动作轻快',
+    title: '温暖手绘像素',
+    detail: '柔和色彩 · 纸张质感',
+    prompt: '温暖手绘像素风，柔和配色，细腻纸张质感',
   },
 ] as const
 
+const ROLE_IDEAS = [
+  '银色卷发、戴星形单片眼镜的裁缝',
+  '长着鹿角、披苔藓斗篷的邮差',
+  '戴透明水母帽、穿蓝色雨衣的药剂师',
+  '蓬松白胡子、背黄铜工具箱的机械师',
+  '紫色短发、戴猫耳耳机的情报员',
+  '披白羽斗篷、戴月牙面具的占星师',
+  '红色双辫、穿宽大飞行夹克的小飞行员',
+  '黑色卷发、戴珊瑚项链的海洋祭司',
+] as const
+
+const ROLE_IDEA_MESSAGES: readonly KineticCopyMessage[] = [
+  { lines: ['想做一个什么角色？'], className: 'text-app-ink' },
+  ...ROLE_IDEAS.map((idea) => ({
+    prefix: '试试',
+    prefixClassName:
+      'mr-3 font-mono text-[10px] font-bold tracking-[0.14em] text-app-faint sm:text-[11px]',
+    lines: [idea],
+    className: 'text-app-accent',
+  })),
+]
+
+const ROLE_DEFAULT_MESSAGE: readonly KineticCopyMessage[] = [
+  { lines: ['用文字塑造你的角色……'], className: 'text-app-ink' },
+]
+
+const TEMPLATE_GENERATION_MESSAGES: readonly KineticCopyMessage[] = [
+  { lines: ['勾勒角色轮廓'] },
+  { lines: ['给衣服配颜色'] },
+  { lines: ['把发型画清楚'] },
+  { lines: ['添上表情'] },
+  { lines: ['处理一下光影'] },
+  { lines: ['补齐画面细节'] },
+]
+
+const FIRST_FRAME_GENERATION_MESSAGES: readonly KineticCopyMessage[] = [
+  { lines: ['摆好动作姿态'] },
+  { lines: ['调整手脚位置'] },
+  { lines: ['让重心自然一点'] },
+  { lines: ['拉开姿态的区别'] },
+  { lines: ['保持角色样子'] },
+  { lines: ['补上动作细节'] },
+]
+
+const ACTION_GENERATION_MESSAGES: readonly KineticCopyMessage[] = [
+  { lines: ['把动作连起来'] },
+  { lines: ['补上中间的变化'] },
+  { lines: ['理顺每一帧的节奏'] },
+  { lines: ['检查手脚的衔接'] },
+  { lines: ['让起落自然一点'] },
+  { lines: ['调整动作幅度'] },
+]
+
+const ENTRY_HANDOFF_MS = 460
+
 function playtestPath(characterId: string, outfitId: string, actionId?: string): string {
   const path = `/playtest/${encodeURIComponent(characterId)}/${encodeURIComponent(outfitId)}`
   return actionId ? `${path}?${new URLSearchParams({ actionId })}` : path
@@ -74,7 +130,6 @@ export function QuickStartPage({ service }: QuickStartPageProps) {
   const [createdSession, setCreatedSession] = useState<QuickStartSession | null>(null)
   const characterId = searchParams.get('characterId')
   const outfitId = searchParams.get('outfitId')
-
   return runId ? (
     <QuickStartRun
       service={activeService}
@@ -177,14 +232,30 @@ function QuickStartInput({
   const [prompt, setPrompt] = useState('')
   const [templateFile, setTemplateFile] = useState<File | null>(null)
   const [submitting, setSubmitting] = useState(false)
+  const [entryTransition, setEntryTransition] = useState<'idle' | 'leaving'>('idle')
   const [error, setError] = useState<string | null>(null)
   const fileInput = useRef<HTMLInputElement>(null)
   const submitAbortController = useRef<AbortController | null>(null)
+  const handoffTimer = useRef<ReturnType<typeof setTimeout> | null>(null)
   const unavailableReason = service.unavailableReason
+  const hasPrompt = Boolean(prompt.trim())
+  const showStylePrompts = !hasPrompt && !templateFile
+
+  const originalPromptShortcuts = [
+    {
+      label: '像素守夜人',
+      prompt: '一位提着风灯、披深色斗篷的像素守夜人',
+    },
+    {
+      label: '轻装信使',
+      prompt: '轻装信使，侧视像素风，轮廓清晰，动作轻快',
+    },
+  ] as const
 
   useEffect(
     () => () => {
       submitAbortController.current?.abort()
+      if (handoffTimer.current) clearTimeout(handoffTimer.current)
     },
     [],
   )
@@ -208,19 +279,26 @@ function QuickStartInput({
     const abortController = new AbortController()
     submitAbortController.current = abortController
     setSubmitting(true)
+    setEntryTransition('leaving')
     setError(null)
     try {
-      const session = templateFile
-        ? await service.startWithUploadedTemplate(
-            templateFile,
-            normalizedPrompt,
-            abortController.signal,
-          )
-        : await service.start(normalizedPrompt)
+      const sessionPromise = templateFile
+        ? service.startWithUploadedTemplate(templateFile, normalizedPrompt, abortController.signal)
+        : service.start(normalizedPrompt)
+      const handoffPromise = new Promise<void>((resolve) => {
+        handoffTimer.current = setTimeout(() => {
+          handoffTimer.current = null
+          resolve()
+        }, ENTRY_HANDOFF_MS)
+      })
+      const [session] = await Promise.all([sessionPromise, handoffPromise])
       onSessionCreated(session)
       navigate(`/quick-start/${encodeURIComponent(session.runId)}`)
     } catch (cause) {
       if (!abortController.signal.aborted) {
+        if (handoffTimer.current) clearTimeout(handoffTimer.current)
+        handoffTimer.current = null
+        setEntryTransition('idle')
         setError(errorMessage(cause, '创建失败，请稍后重试'))
       }
     } finally {
@@ -232,78 +310,87 @@ function QuickStartInput({
   }
 
   return (
-    <section className="relative min-h-screen overflow-hidden border border-app-line bg-app-canvas text-app-ink shadow-app-page">
+    <section className="relative min-h-[100dvh] overflow-hidden border border-app-line bg-app-canvas pt-14 text-app-ink shadow-app-page">
       <AmbientGrid />
 
-      <div className="relative z-10 grid min-h-screen grid-rows-[auto_1fr_auto] p-5 sm:p-8">
-        <header className="flex items-start justify-between gap-6">
-          <div>
-            <p className="font-mono text-[10px] font-bold tracking-[0.16em] text-app-muted">
-              QUICK START / CREATE CHARACTER
-            </p>
-            <h1 className="mt-3 max-w-3xl font-serif text-3xl leading-tight tracking-[-0.035em] sm:text-5xl">
-              用一句角色设定，
-              <br />
-              开始一条可追踪的制作流程。
-            </h1>
-          </div>
-          <span className="hidden rounded-full border border-app-line-strong bg-app-surface/80 px-4 py-2 text-xs font-semibold text-app-accent sm:inline-flex">
-            AI 快捷创作
-          </span>
-        </header>
-
-        <div className="grid items-center gap-8 py-12 lg:grid-cols-[1fr_220px]">
-          <button
-            type="button"
-            onClick={() => setPrompt(EXAMPLES[0].prompt)}
-            className="group flex min-h-24 w-full items-center gap-4 rounded-full border border-app-line bg-app-surface-raised px-7 text-left shadow-app-card transition hover:-translate-y-0.5 hover:border-app-line-strong focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-app-accent motion-reduce:transform-none"
-          >
-            <span className="shrink-0 text-sm font-semibold text-app-faint">你可能想做：</span>
-            <strong className="text-base font-semibold text-app-accent sm:text-xl">
-              {EXAMPLES[0].prompt}
-            </strong>
-          </button>
+      <div
+        data-layout="quick-start-entry"
+        data-transition={entryTransition}
+        className="relative z-10 grid min-h-[calc(100dvh-3.5rem)] grid-rows-[1fr_auto] gap-6 px-5 py-6 sm:px-8 sm:pb-8 sm:pt-10"
+      >
+        <div
+          data-layout="quick-start-entry-stage"
+          className={`mx-auto grid w-full max-w-3xl content-center gap-5 pb-8 transition-[opacity,transform,filter] duration-[460ms] ease-[cubic-bezier(0.55,0,1,0.45)] motion-reduce:transition-none sm:gap-6 ${
+            entryTransition === 'leaving'
+              ? 'pointer-events-none -translate-y-3 scale-[0.985] opacity-0 blur-[7px]'
+              : 'translate-y-0 scale-100 opacity-100 blur-0'
+          }`}
+        >
+          <KineticCopyCycle
+            active={!templateFile && !submitting}
+            as="h1"
+            ariaLabel="想做一个什么角色？"
+            motionMode="characters"
+            firstCycleMs={2_400}
+            loopStartIndex={1}
+            messages={hasPrompt ? ROLE_DEFAULT_MESSAGE : ROLE_IDEA_MESSAGES}
+            className="min-h-12 text-center font-serif text-[clamp(1.75rem,4vw,2.65rem)] leading-none font-medium tracking-[-0.045em]"
+          />
 
           <div
-            className="mx-auto grid aspect-square w-44 grid-cols-7 gap-1 rounded-[1.4rem] border border-app-line bg-app-surface p-5 shadow-app-card"
-            aria-hidden="true"
+            data-layout="quick-start-starters"
+            data-presence={showStylePrompts ? 'visible' : 'hidden'}
+            aria-hidden={!showStylePrompts}
+            className={`grid gap-2 transition-[opacity,transform,filter] duration-[460ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none sm:grid-cols-3 ${
+              showStylePrompts
+                ? 'translate-y-0 scale-100 opacity-100 blur-0'
+                : 'pointer-events-none -translate-y-2 scale-[0.985] opacity-0 blur-[6px]'
+            }`}
           >
-            {Array.from({ length: 49 }, (_, index) => {
-              const row = Math.floor(index / 7)
-              const column = index % 7
-              const active =
-                (row === 1 && column >= 2 && column <= 4) ||
-                (row >= 2 && row <= 4 && column >= 1 && column <= 5) ||
-                (row === 5 && (column === 2 || column === 4))
-              return (
-                <i
-                  key={index}
-                  className={`rounded-[2px] ${active ? 'bg-app-accent' : 'bg-app-line'}`}
-                />
-              )
-            })}
+            {STYLE_PROMPTS.map((stylePrompt) => (
+              <button
+                key={stylePrompt.title}
+                type="button"
+                disabled={!showStylePrompts}
+                aria-label={`${stylePrompt.title}：${stylePrompt.detail}`}
+                onClick={() => setPrompt(stylePrompt.prompt)}
+                className="group grid min-h-16 content-center gap-1 rounded-xl border border-app-line bg-app-surface/70 px-4 py-3 text-left transition duration-200 hover:-translate-y-0.5 hover:border-app-line-strong hover:bg-app-surface-raised hover:shadow-app-card focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-app-accent motion-reduce:transform-none"
+              >
+                <strong className="text-sm font-semibold text-app-ink">{stylePrompt.title}</strong>
+                <span className="text-[11px] text-app-muted">{stylePrompt.detail}</span>
+              </button>
+            ))}
           </div>
-        </div>
-
-        <div>
-          <div className="mb-3 flex flex-wrap gap-2">
-            {EXAMPLES.slice(1).map((example) => (
+          <div
+            data-layout="quick-start-original-shortcuts"
+            data-presence={showStylePrompts ? 'visible' : 'hidden'}
+            aria-hidden={!showStylePrompts}
+            className={`flex flex-wrap justify-center gap-2 transition-[opacity,transform,filter] duration-[460ms] motion-reduce:transition-none ${
+              showStylePrompts
+                ? 'translate-y-0 opacity-100 blur-0'
+                : 'pointer-events-none -translate-y-1 opacity-0 blur-[4px]'
+            }`}
+          >
+            {originalPromptShortcuts.map((shortcut) => (
               <button
-                key={example.label}
+                key={shortcut.label}
                 type="button"
-                onClick={() => setPrompt(example.prompt)}
-                className="rounded-full border border-app-line bg-app-surface px-3 py-1.5 text-[11px] font-medium text-app-muted hover:border-app-line-strong hover:text-app-accent"
+                disabled={!showStylePrompts}
+                onClick={() => setPrompt(shortcut.prompt)}
+                className="rounded-full border border-app-line px-3 py-1.5 text-xs font-medium text-app-muted transition hover:border-app-line-strong hover:text-app-accent"
               >
-                {example.label}
+                {shortcut.label}
               </button>
             ))}
           </div>
+        </div>
 
+        <div data-layout="quick-start-composer" className="mx-auto w-full max-w-3xl self-end">
           <form
             onSubmit={(event) => void submit(event)}
-            className="grid gap-3 rounded-[1.4rem] border border-app-line-strong bg-app-surface-raised p-4 shadow-app-panel sm:grid-cols-[1fr_auto]"
+            className="grid items-center gap-1.5 rounded-xl border border-app-line-strong bg-app-surface-raised p-1.5 shadow-app-panel transition-shadow focus-within:border-app-accent focus-within:shadow-[0_18px_48px_rgb(29_37_31/14%)] sm:grid-cols-[1fr_auto_auto]"
           >
-            <label className="grid gap-2" htmlFor="quick-start-prompt">
+            <label className="min-w-0" htmlFor="quick-start-prompt">
               <span className="sr-only">创作指令</span>
               <textarea
                 id="quick-start-prompt"
@@ -312,60 +399,60 @@ function QuickStartInput({
                 onChange={(event) => setPrompt(event.target.value)}
                 rows={2}
                 placeholder={
-                  templateFile
-                    ? '例如：挥手打招呼、提灯前行（可留空生成待机动作）'
-                    : '描述你想生成的角色、身份特征和视觉风格…'
+                  templateFile ? '描述动作，可留空生成待机动作…' : '描述角色的外形、身份和气质…'
                 }
-                className="min-h-16 w-full resize-none border-0 bg-transparent px-2 py-1 text-[15px] leading-relaxed text-app-ink outline-none placeholder:text-app-faint"
+                className="min-h-10 w-full min-w-0 resize-none border-0 bg-transparent px-3 py-2 text-[15px] leading-6 text-app-ink outline-none placeholder:text-app-faint"
               />
-              <span className="flex flex-wrap items-center gap-2 px-2 text-[10px] text-app-faint">
-                <b className="rounded-full border border-app-line bg-app-surface-muted px-2.5 py-1 font-medium text-app-ink-soft">
-                  文字创建
-                </b>
-                {templateFile
-                  ? '动作描述（可选）：留空生成待机动作'
-                  : '角色图生成后仍需人工选择候选'}
-              </span>
-              {templateFile ? (
-                <span className="flex flex-wrap items-center gap-2 px-2 text-[11px] text-app-ink-soft">
-                  <b className="max-w-full truncate font-medium">{templateFile.name}</b>
-                  <button
-                    type="button"
-                    onClick={removeTemplateFile}
-                    className="rounded-full border border-app-line-strong px-2 py-0.5 text-[10px] hover:border-app-line-strong hover:text-app-accent"
-                  >
-                    移除图片
-                  </button>
-                </span>
-              ) : null}
             </label>
 
-            <div className="flex min-w-32 flex-col gap-2">
-              <input
-                ref={fileInput}
-                type="file"
-                accept="image/*"
-                aria-label="上传角色母版"
-                className="sr-only"
-                onChange={selectTemplateFile}
-              />
+            <input
+              ref={fileInput}
+              type="file"
+              accept="image/*"
+              aria-label="上传角色母版"
+              className="sr-only"
+              onChange={selectTemplateFile}
+            />
+            {templateFile ? (
+              <span className="flex h-10 min-w-0 max-w-56 items-center rounded-lg bg-app-surface-muted text-xs text-app-ink-soft">
+                <button
+                  type="button"
+                  aria-label={`更换母版 ${templateFile.name}`}
+                  onClick={() => fileInput.current?.click()}
+                  className="inline-flex h-full min-w-0 items-center gap-2 rounded-l-lg px-2.5 font-semibold transition hover:bg-app-surface hover:text-app-accent focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-app-accent"
+                >
+                  <ImageSquare aria-hidden="true" size={16} weight="duotone" />
+                  <span className="max-w-32 truncate">{templateFile.name}</span>
+                </button>
+                <button
+                  type="button"
+                  aria-label="移除图片"
+                  onClick={removeTemplateFile}
+                  className="grid size-8 shrink-0 place-items-center rounded-md text-app-muted transition hover:bg-app-surface hover:text-app-accent focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-app-accent"
+                >
+                  <X aria-hidden="true" size={14} weight="bold" />
+                </button>
+              </span>
+            ) : (
               <button
                 type="button"
                 onClick={() => fileInput.current?.click()}
-                className="min-h-9 rounded-xl border border-app-line-strong bg-app-surface px-4 text-xs font-semibold text-app-ink-soft transition hover:border-app-line-strong hover:text-app-accent"
+                className="inline-flex h-10 items-center gap-2 rounded-lg px-3 text-xs font-semibold whitespace-nowrap text-app-muted transition hover:bg-app-surface-muted hover:text-app-accent focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-app-accent"
               >
-                {templateFile ? '更换图片' : '上传角色母版'}
+                <ImageSquare aria-hidden="true" size={17} weight="duotone" />
+                添加母版
               </button>
-              <button
-                type="submit"
-                disabled={
-                  (!prompt.trim() && !templateFile) || submitting || Boolean(unavailableReason)
-                }
-                className="min-h-14 rounded-[1rem] bg-app-accent px-5 text-sm font-bold text-app-on-accent transition hover:bg-app-accent-hover disabled:cursor-not-allowed disabled:opacity-45"
-              >
-                {submitting ? '正在创建…' : '开始生成'}
-              </button>
-            </div>
+            )}
+            <button
+              type="submit"
+              disabled={
+                (!prompt.trim() && !templateFile) || submitting || Boolean(unavailableReason)
+              }
+              className="inline-flex h-10 items-center gap-2 rounded-lg bg-app-accent px-4 text-sm font-bold whitespace-nowrap text-app-on-accent transition hover:bg-app-accent-hover active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-45"
+            >
+              {submitting ? '正在创建…' : '生成角色'}
+              {!submitting ? <ArrowUp aria-hidden="true" size={16} weight="bold" /> : null}
+            </button>
           </form>
 
           {unavailableReason ? (
@@ -387,6 +474,149 @@ function QuickStartInput({
   )
 }
 
+function AgentCopy({
+  lines,
+  tone = 'default',
+}: {
+  lines: readonly string[]
+  tone?: 'default' | 'danger'
+}) {
+  return (
+    <div
+      data-agent-copy
+      aria-label={lines.join(' ')}
+      className={`quick-start-agent-copy font-sans ${
+        tone === 'danger' ? 'text-app-danger' : 'text-app-ink-soft'
+      }`}
+    >
+      <p className="text-sm leading-6 font-medium">{lines[0]}</p>
+      {lines.slice(1).map((line) => (
+        <p key={line} className="mt-0.5 max-w-2xl text-[13px] leading-5 text-app-muted">
+          {line}
+        </p>
+      ))}
+    </div>
+  )
+}
+
+function GenerationProgress({
+  label,
+  messages,
+}: {
+  label: string
+  messages: readonly KineticCopyMessage[]
+}) {
+  return (
+    <div data-generation-progress className="min-h-8 overflow-hidden">
+      <KineticCopyCycle
+        active
+        ariaLabel={label}
+        messages={messages}
+        motionMode="characters"
+        firstCycleMs={7_540}
+        cycleMs={8_000}
+        loopStartIndex={0}
+        className="quick-start-agent-copy quick-start-generation-shimmer justify-items-start text-left font-serif text-[17px] leading-7 font-medium tracking-[-0.025em] text-app-ink"
+      />
+    </div>
+  )
+}
+
+function UserTurn({ children }: { children: ReactNode }) {
+  return (
+    <div
+      data-user-turn
+      className="ml-auto max-w-[78%] rounded-[1.15rem] rounded-br-md bg-app-surface-muted px-4 py-2.5 text-left text-sm leading-6 text-app-ink-soft"
+    >
+      <span>{children}</span>
+    </div>
+  )
+}
+
+function AgentTurn({
+  step,
+  current,
+  children,
+}: {
+  step: 'character-template' | 'action-first-frame' | 'action-full-frame'
+  current: boolean
+  children: ReactNode
+}) {
+  return (
+    <section
+      data-agent-turn={step}
+      data-current-turn={String(current)}
+      className={`quick-start-agent-turn min-w-0 transition-opacity duration-200 ${
+        current ? 'opacity-100' : 'opacity-55'
+      }`}
+    >
+      <div className="grid min-w-0 gap-4">{children}</div>
+    </section>
+  )
+}
+
+function AssetVisual({
+  src,
+  alt,
+  className,
+  priority = false,
+}: {
+  src: string
+  alt: string
+  className: string
+  priority?: boolean
+}) {
+  return (
+    <img
+      src={src}
+      alt={alt}
+      loading={priority ? 'eager' : 'lazy'}
+      decoding="async"
+      fetchPriority={priority ? 'high' : 'auto'}
+      className={className}
+    />
+  )
+}
+
+const GENERATION_DOTS = Array.from({ length: 432 }, (_, index) => {
+  const column = index % 24
+  const row = Math.floor(index / 24)
+  const noise = ((column * 37 + row * 61 + index * 17) % 101) / 100
+  const wave = (Math.sin(column * 0.72 + row * 0.41) + 1) / 2
+  const level = 0.3 + (noise * 0.55 + wave * 0.45) * 0.7
+  const delay = Math.round(((column / 23) * 0.48 + (row / 17) * 0.3 + noise * 0.22) * 900)
+  return { delay, level: level.toFixed(2) }
+})
+
+function GenerationCanvas({ label }: { label: string }) {
+  return (
+    <div
+      role="img"
+      aria-label={label}
+      data-generation-state="generating"
+      data-generation-motion="continuous"
+      data-reveal="generation-canvas"
+      className="quick-start-generation-canvas"
+    >
+      <div className="quick-start-generation-dots" aria-hidden="true">
+        {GENERATION_DOTS.map(({ delay, level }, index) => (
+          <i
+            key={index}
+            data-generation-dot
+            className="quick-start-generation-dot"
+            style={
+              {
+                '--generation-delay': `${delay}ms`,
+                '--generation-level': level,
+              } as CSSProperties
+            }
+          />
+        ))}
+      </div>
+    </div>
+  )
+}
+
 function QuickStartRun({
   service,
   runId,
@@ -414,6 +644,7 @@ function QuickStartRun({
   const [confirmingCandidate, setConfirmingCandidate] = useState(false)
   const [confirmingFirstFrame, setConfirmingFirstFrame] = useState(false)
   const automaticPublishAttempt = useRef<string | null>(null)
+  const transcriptScrollRegion = useRef<HTMLElement>(null)
 
   useEffect(() => {
     let active = true
@@ -474,9 +705,23 @@ function QuickStartRun({
     ])
       .then(([nextCandidates, nextFirstFrameCandidates, nextFrames, nextExportModel]) => {
         if (!active) return
-        setCandidates(nextCandidates)
-        setFirstFrameCandidates(nextFirstFrameCandidates)
-        setActionFrames(nextFrames)
+        const templateIsSelecting = run.nodes.some(
+          (node) =>
+            node.type === 'character-template' &&
+            node.status === 'active' &&
+            node.phase === 'selecting',
+        )
+        const firstFrameIsSelecting = run.nodes.some(
+          (node) =>
+            node.type === 'action-first-frame' &&
+            node.status === 'active' &&
+            node.phase === 'selecting',
+        )
+        if (templateIsSelecting && nextCandidates.length > 0) setCandidates(nextCandidates)
+        if (firstFrameIsSelecting && nextFirstFrameCandidates.length > 0) {
+          setFirstFrameCandidates(nextFirstFrameCandidates)
+        }
+        if (nextFrames.length > 0) setActionFrames(nextFrames)
         setExportModel(nextExportModel)
       })
       .catch((cause) => {
@@ -487,33 +732,32 @@ function QuickStartRun({
     }
   }, [run, session])
 
-  const publishToPlaytest = useCallback(async () => {
+  const saveCompletedAction = useCallback(async () => {
     if (publishing || !session) return
     setPublishing(true)
     setError(null)
     try {
       const approved = await session.approveReview()
       setRun(approved)
-      const info = session.getCharacterInfo() ?? (await session.resolveCharacterInfo())
-      if (!info) throw new Error('动作已生成，但没有找到对应的角色资产')
-      const approvedAction = latestActionStep(approved)
-      const actionId = approvedAction?.type === 'action-full-frame' ? approvedAction.id : undefined
-      navigate(playtestPath(info.characterId, info.outfitId, actionId))
     } catch (cause) {
-      setError(errorMessage(cause, '导入预览台失败'))
+      setError(errorMessage(cause, '保存角色失败，请稍后重试'))
     } finally {
       setPublishing(false)
     }
-  }, [navigate, publishing, session])
+  }, [publishing, session])
 
   useEffect(() => {
     const publishKey = run ? automaticPublishKey(run) : null
     if (publishKey === null || publishing || automaticPublishAttempt.current === publishKey) return
 
-    // 每个版本只自动尝试一次；失败后由页面保留的重试按钮交给用户明确触发。
     automaticPublishAttempt.current = publishKey
-    void publishToPlaytest()
-  }, [publishToPlaytest, publishing, run])
+    void saveCompletedAction()
+  }, [publishing, run, saveCompletedAction])
+
+  useEffect(() => {
+    const region = transcriptScrollRegion.current
+    region?.scrollTo?.({ top: region.scrollHeight, behavior: 'smooth' })
+  }, [actionFrames, candidates, firstFrameCandidates, run])
 
   if (!run) {
     return (
@@ -546,8 +790,6 @@ function QuickStartRun({
 
   const revision = run
   const status = describeRun(run, revision)
-  const passedCount = revision.nodes.filter((node) => node.status === 'passed').length
-
   const actionStep = latestActionStep(revision)
   const firstFrameStep = latestActionFirstFrame(revision)
   const templateStep = revision.nodes.find(
@@ -556,14 +798,14 @@ function QuickStartRun({
   const reviewStep = actionStep ? pairedReviewStep(revision, actionStep.id) : null
   const canPublish =
     actionFrames.length > 0 && (reviewStep?.status === 'active' || reviewStep?.status === 'passed')
-  const isActionActive = actionStep?.status === 'active'
+  const workflowIsActive =
+    revision.nodes.some((node) => !node.deletedAt && node.status === 'active') &&
+    !workflowHasFailure(revision)
   const isActionFailed = actionStep?.status === 'failed'
   const isTemplateSelecting =
     templateStep?.status === 'active' && templateStep.phase === 'selecting'
   const isFirstFrameSelecting =
     firstFrameStep?.status === 'active' && firstFrameStep.phase === 'selecting'
-  const isFirstFrameGenerating =
-    firstFrameStep?.status === 'active' && firstFrameStep.phase === 'generating'
   const isFirstFrameFailed = firstFrameStep?.status === 'failed'
 
   async function interrupt() {
@@ -575,6 +817,18 @@ function QuickStartRun({
     }
   }
 
+  async function openPlaytest() {
+    if (!session) return
+    setError(null)
+    try {
+      const info = session.getCharacterInfo() ?? (await session.resolveCharacterInfo())
+      if (!info) throw new Error('没有找到对应的角色资产')
+      navigate(playtestPath(info.characterId, info.outfitId, actionStep?.id))
+    } catch (cause) {
+      setError(errorMessage(cause, '打开 Play Test 失败'))
+    }
+  }
+
   async function confirmSelection() {
     if (!selectedCandidate || confirmingCandidate) return
     setConfirmingCandidate(true)
@@ -621,312 +875,414 @@ function QuickStartRun({
     }
   }
 
+  function continueConversation(event: FormEvent<HTMLFormElement>) {
+    event.preventDefault()
+    if (isTemplateSelecting) {
+      void confirmSelection()
+      return
+    }
+    if (isFirstFrameSelecting) {
+      void confirmFirstFrame()
+      return
+    }
+  }
+
+  const composerPlaceholder = isTemplateSelecting
+    ? selectedCandidate
+      ? '描述这个角色接下来要做的动作…'
+      : '先从上面选择一个角色…'
+    : isFirstFrameSelecting
+      ? selectedFirstFrame
+        ? '按发送确认这张首帧…'
+        : '先从上面选择一个动作首帧…'
+      : workflowHasFailure(run)
+        ? '这次未完成，可以新建一次创作…'
+        : canPublish
+          ? '确认保存后，还可以继续描述修改…'
+          : '制作中，完成后可以继续修改…'
+
+  const composerCanSubmit =
+    (isTemplateSelecting && Boolean(selectedCandidate)) ||
+    (isFirstFrameSelecting && Boolean(selectedFirstFrame))
+  const selectedTemplateUrl = templateStep?.selectedImageUrl
+  const selectedFirstFrameUrl = firstFrameStep?.selectedFirstFrameUrl
+  const requestedAction = firstFrameStep?.input.prompt || firstFrameStep?.input.name
+  const chosenTemplateUrl = selectedTemplateUrl ?? selectedCandidate
+  const chosenFirstFrameUrl = selectedFirstFrameUrl ?? selectedFirstFrame
+  const characterTurnIsCurrent = !firstFrameStep
+  const firstFrameTurnIsCurrent = Boolean(firstFrameStep) && actionStep?.status === 'locked'
+  const actionTurnIsCurrent = Boolean(actionStep && actionStep.status !== 'locked')
+
   return (
-    <section className="relative min-h-screen overflow-hidden border border-app-line bg-app-canvas text-app-ink shadow-app-page">
-      <AmbientGrid />
-      <div className="relative z-10 grid min-h-screen grid-rows-[auto_1fr_auto] gap-6 p-5 sm:p-8">
-        <header className="flex flex-wrap items-start justify-between gap-4">
-          <div>
-            <p className="font-mono text-[10px] font-bold tracking-[0.16em] text-app-muted">
-              QUICK START / RUN {run.id}
-            </p>
-            <h1 className="mt-2 font-serif text-3xl tracking-[-0.03em] sm:text-4xl">
-              {workflowPrompt(run) || '未命名角色创作'}
-            </h1>
-          </div>
-          <div className="flex items-center gap-3">
-            {exportModel ? (
-              <ExportButton
-                model={exportModel}
-                className="border-app-accent bg-app-accent text-app-on-accent hover:bg-app-accent-hover"
-              />
-            ) : null}
-            <div
-              className="flex items-center gap-3 rounded-xl border border-app-line bg-app-surface-raised/90 px-4 py-3"
-              aria-live="polite"
-            >
-              <i
-                className={`h-2.5 w-2.5 rounded-full ${
-                  workflowIsActive(run) ? 'animate-pulse bg-app-accent' : 'bg-app-faint'
-                } motion-reduce:animate-none`}
-                aria-hidden="true"
-              />
-              <span>
-                <small className="block font-mono text-[8px] tracking-[0.12em] text-app-faint">
-                  CURRENT STATUS
-                </small>
-                <b className="text-sm text-app-accent">{status.title}</b>
-              </span>
-            </div>
-          </div>
-        </header>
-
-        <div className="grid min-h-0 gap-5 lg:grid-cols-[1.35fr_0.65fr]">
-          <section className="grid min-h-[340px] place-items-center overflow-hidden rounded-[1.4rem] border border-app-line bg-app-surface/90 p-5">
-            {actionFrames.length > 0 ? (
-              <div className="grid w-full grid-cols-4 gap-2 sm:grid-cols-8">
-                {actionFrames.map((frame, index) => (
-                  <img
-                    key={`${frame.imageUrl}:${index}`}
-                    src={frame.imageUrl}
-                    alt={`动作第 ${index + 1} 帧`}
-                    loading="lazy"
-                    decoding="async"
-                    className="aspect-square w-full border border-app-line bg-app-surface-muted object-contain [image-rendering:pixelated]"
+    <section className="relative min-h-screen overflow-hidden bg-app-canvas pt-14 text-app-ink">
+      <div
+        data-testid="quick-start-run"
+        data-layout="agent-shell"
+        className="relative h-[calc(100dvh-3.5rem)] overflow-hidden"
+      >
+        <span aria-live="polite" className="sr-only">
+          {status.title}
+        </span>
+
+        <main
+          ref={transcriptScrollRegion}
+          data-layout="quick-start-scroll-region"
+          className="absolute inset-0 overflow-y-auto px-5 pt-14 pb-32 sm:px-8 sm:pt-10 sm:pb-36"
+        >
+          <div
+            data-testid="quick-start-transcript"
+            className="mx-auto grid min-h-full w-full max-w-3xl content-end gap-7 pb-8 sm:gap-9"
+          >
+            <UserTurn>{workflowPrompt(run) || '未命名角色创作'}</UserTurn>
+
+            <AgentTurn step="character-template" current={characterTurnIsCurrent}>
+              {candidates.length ? (
+                <>
+                  <AgentCopy
+                    lines={[
+                      '已生成 3 个角色方向。',
+                      isTemplateSelecting
+                        ? '选择一个方案，再描述它接下来的动作。'
+                        : '角色方案已确认。',
+                    ]}
                   />
-                ))}
-              </div>
-            ) : isActionActive ? (
-              <div className="grid place-items-center gap-5 text-center">
-                <div className="relative grid h-44 w-44 place-items-center rounded-[1.4rem] border border-dashed border-app-line-strong bg-app-surface-muted">
-                  <i className="h-12 w-12 animate-pulse rounded-full border border-app-line-strong bg-app-accent-soft shadow-app-pulse motion-reduce:animate-none" />
-                </div>
-                <span>
-                  <b className="block text-base text-app-ink-soft">正在生成动作</b>
-                  <small className="mt-2 block max-w-md leading-6 text-app-muted">
-                    正在生成动作帧，请稍候…
-                  </small>
-                </span>
-              </div>
-            ) : isActionFailed ? (
-              <div className="grid place-items-center gap-5 text-center">
-                <b className="text-base text-app-danger">动作生成失败</b>
-                <small className="max-w-md leading-6 text-app-muted">
-                  {typeof actionStep?.error === 'string' ? actionStep.error : '动作生成失败'}
-                </small>
-              </div>
-            ) : isFirstFrameSelecting && firstFrameCandidates.length ? (
-              <div className="grid w-full gap-4">
-                <div className="mx-auto max-w-xl text-center">
-                  <h2 className="text-lg font-semibold text-app-ink-soft">选择动作首帧</h2>
-                  <p className="mt-2 text-sm leading-6 text-app-muted">
-                    确认首帧后，系统会自动使用视频裁剪路线生成 32 帧完整动作。
-                  </p>
-                </div>
-                <div className="grid grid-cols-2 gap-4 sm:grid-cols-3">
-                  {firstFrameCandidates.map((frame, index) => (
-                    <button
-                      key={`${frame.imageUrl}:${index}`}
-                      type="button"
-                      onClick={() => setSelectedFirstFrame(frame.imageUrl)}
-                      className={`overflow-hidden rounded-xl border-2 p-2 text-left transition ${
-                        selectedFirstFrame === frame.imageUrl
-                          ? 'border-app-accent bg-app-accent-soft'
-                          : 'border-app-line bg-app-surface-muted hover:border-app-line-strong'
-                      }`}
-                    >
-                      <img
-                        src={frame.imageUrl}
-                        alt={`动作首帧候选 ${index + 1}`}
-                        loading="eager"
-                        decoding="async"
-                        fetchPriority={index === 0 ? 'high' : 'auto'}
-                        className="aspect-square w-full object-contain [image-rendering:pixelated]"
-                      />
-                      <p className="mt-2 font-mono text-[9px] tracking-[0.1em] text-app-muted">
-                        FIRST FRAME {String(index + 1).padStart(2, '0')}
-                      </p>
-                    </button>
-                  ))}
-                </div>
-                <div className="flex justify-center">
-                  <button
-                    type="button"
-                    onClick={() => void confirmFirstFrame()}
-                    disabled={!selectedFirstFrame || confirmingFirstFrame}
-                    className="rounded-xl bg-app-accent px-6 py-3 text-sm font-bold text-app-on-accent transition hover:bg-app-accent-hover disabled:cursor-not-allowed disabled:opacity-50"
+                  <div
+                    data-layout="agent-result-set"
+                    className="grid w-full max-w-2xl grid-cols-3 gap-3"
                   >
-                    {confirmingFirstFrame ? '正在确认…' : '确认首帧，生成完整动作'}
-                  </button>
-                </div>
-              </div>
-            ) : isFirstFrameGenerating ? (
-              <div className="grid place-items-center gap-5 text-center">
-                <div className="relative grid h-44 w-44 place-items-center rounded-[1.4rem] border border-dashed border-app-line-strong bg-app-surface-muted">
-                  <i className="h-12 w-12 animate-pulse rounded-full border border-app-line-strong bg-app-accent-soft shadow-app-pulse motion-reduce:animate-none" />
-                </div>
-                <span>
-                  <b className="block text-base text-app-ink-soft">正在生成动作首帧</b>
-                  <small className="mt-2 block max-w-md leading-6 text-app-muted">
-                    首帧就绪后，需要确认一次，再自动生成 32 帧完整动作。
-                  </small>
-                </span>
-              </div>
-            ) : isFirstFrameFailed ? (
-              <div className="grid place-items-center gap-5 text-center">
-                <b className="text-base text-app-danger">动作首帧生成失败</b>
-                <small className="max-w-md leading-6 text-app-muted">
-                  {typeof firstFrameStep?.error === 'string'
-                    ? firstFrameStep.error
-                    : '动作首帧生成失败'}
-                </small>
-              </div>
-            ) : isTemplateSelecting && candidates.length ? (
-              <div className="grid w-full gap-4">
-                <div className="grid grid-cols-2 gap-4 sm:grid-cols-3">
-                  {candidates.map((candidateUrl, index) => (
-                    <button
-                      key={`${candidateUrl}:${index}`}
-                      type="button"
-                      onClick={() => setSelectedCandidate(candidateUrl)}
-                      className={`overflow-hidden rounded-xl border-2 p-2 text-left transition ${
-                        selectedCandidate === candidateUrl
-                          ? 'border-app-accent bg-app-accent-soft'
-                          : 'border-app-line bg-app-surface-muted hover:border-app-line-strong'
-                      }`}
-                    >
-                      <img
-                        src={candidateUrl}
-                        alt={`角色图候选 ${index + 1}`}
-                        loading="eager"
-                        decoding="async"
-                        fetchPriority={index === 0 ? 'high' : 'auto'}
-                        className="aspect-square w-full object-contain [image-rendering:pixelated]"
-                      />
-                      <p className="mt-2 font-mono text-[9px] tracking-[0.1em] text-app-muted">
-                        CANDIDATE {String(index + 1).padStart(2, '0')}
-                      </p>
-                    </button>
-                  ))}
-                </div>
-                <div className="mx-auto flex w-full max-w-xl flex-col gap-3">
-                  <label className="grid gap-1.5" htmlFor="quick-start-action-description">
-                    <span className="text-[11px] font-semibold text-app-ink-soft">
-                      动作描述（可选，留空生成待机动作）
-                    </span>
-                    <input
-                      id="quick-start-action-description"
-                      value={actionDescription}
-                      onChange={(event) => setActionDescription(event.target.value)}
-                      placeholder="例如：在画板上画画、挥舞灯笼、扫地…"
-                      className="rounded-xl border border-app-line bg-app-surface-raised px-4 py-2.5 text-sm text-app-ink outline-none placeholder:text-app-faint focus:border-app-line-strong"
-                    />
-                  </label>
-                  <div className="flex justify-center gap-3">
-                    <button
-                      type="button"
-                      onClick={() => void regenerate()}
-                      className="rounded-xl border border-app-line-strong px-5 py-3 text-sm font-semibold text-app-ink-soft transition hover:border-app-line-strong"
-                    >
-                      重新生成
-                    </button>
-                    {selectedCandidate ? (
+                    {candidates.map((candidateUrl, index) => (
                       <button
+                        key={`${candidateUrl}:${index}`}
                         type="button"
-                        onClick={() => void confirmSelection()}
-                        disabled={confirmingCandidate}
-                        className="rounded-xl bg-app-accent px-6 py-3 text-sm font-bold text-app-on-accent transition hover:bg-app-accent-hover"
+                        aria-label={`选择角色方案 ${index + 1}`}
+                        aria-pressed={chosenTemplateUrl === candidateUrl}
+                        disabled={!isTemplateSelecting || confirmingCandidate}
+                        onClick={() => setSelectedCandidate(candidateUrl)}
+                        data-asset-choice="true"
+                        data-reveal="card"
+                        style={{ '--reveal-index': index } as CSSProperties}
+                        className={`quick-start-reveal-card group/asset relative aspect-square overflow-hidden rounded-2xl border bg-app-surface-raised text-left transition duration-200 ${
+                          chosenTemplateUrl === candidateUrl
+                            ? 'border-app-accent ring-1 ring-app-accent'
+                            : 'border-app-line hover:border-app-line-strong'
+                        } disabled:cursor-default disabled:hover:border-app-line`}
                       >
-                        {confirmingCandidate ? '正在提交…' : '确认选择，继续下一步'}
+                        <span
+                          data-asset-frame
+                          className="block h-full min-h-0 bg-app-surface-muted"
+                        >
+                          <AssetVisual
+                            src={candidateUrl}
+                            alt={`角色图候选 ${index + 1}`}
+                            priority={index === 0}
+                            className="quick-start-generated-image aspect-square h-full w-full object-contain [image-rendering:pixelated]"
+                          />
+                        </span>
                       </button>
-                    ) : null}
+                    ))}
                   </div>
-                </div>
-              </div>
-            ) : (
-              <div className="grid place-items-center gap-5 text-center">
-                <div className="relative grid h-44 w-44 place-items-center rounded-[1.4rem] border border-dashed border-app-line-strong bg-app-surface-muted">
-                  <i className="h-12 w-12 animate-pulse rounded-full border border-app-line-strong bg-app-accent-soft shadow-app-pulse motion-reduce:animate-none" />
-                </div>
-                <span>
-                  <b className="block text-base text-app-ink-soft">{status.title}</b>
-                  <small className="mt-2 block max-w-md leading-6 text-app-muted">
-                    {status.description}
-                  </small>
-                </span>
-              </div>
-            )}
-          </section>
+                  <button
+                    type="button"
+                    onClick={() => void regenerate()}
+                    className="w-fit rounded-xl border border-app-line-strong px-4 py-2 text-xs font-semibold text-app-ink-soft transition hover:border-app-accent hover:text-app-accent"
+                  >
+                    重新生成
+                  </button>
+                </>
+              ) : templateStep?.status === 'passed' && selectedTemplateUrl ? (
+                <>
+                  <AgentCopy lines={['角色方案已确认。']} />
+                  <div
+                    data-layout="agent-result-set"
+                    className="grid w-full max-w-2xl grid-cols-3 gap-3"
+                  >
+                    <AssetVisual
+                      src={selectedTemplateUrl}
+                      alt="已选择的角色"
+                      className="aspect-square w-full rounded-2xl border border-app-line bg-app-surface-muted object-contain [image-rendering:pixelated]"
+                    />
+                  </div>
+                </>
+              ) : workflowHasFailure(revision) ? (
+                <>
+                  <AgentCopy
+                    tone="danger"
+                    lines={[
+                      '这次没有生成完成',
+                      '你的描述还在。换一种说法，或者补充新的要求后再试一次。',
+                    ]}
+                  />
+                </>
+              ) : (
+                <>
+                  <GenerationProgress
+                    label="角色生成进度"
+                    messages={TEMPLATE_GENERATION_MESSAGES}
+                  />
+                  <div
+                    data-layout="agent-result-set"
+                    className="grid w-full max-w-2xl grid-cols-3 gap-3"
+                  >
+                    <GenerationCanvas label="角色图生成画布" />
+                  </div>
+                </>
+              )}
+            </AgentTurn>
 
-          <aside className="rounded-[1.4rem] border border-app-line bg-app-surface-raised/95 p-5">
-            <p className="font-mono text-[9px] font-bold tracking-[0.13em] text-app-faint">
-              WORKFLOW RUN
-            </p>
-            <h2 className="mt-2 text-lg font-semibold">制作进度</h2>
-            <p className="mt-2 text-xs leading-6 text-app-muted">
-              Quick Start 隐藏节点操作，但每一步仍写入同一条 WorkflowRun。
-            </p>
+            {firstFrameStep ? (
+              <>
+                <UserTurn>{requestedAction || '待机'}</UserTurn>
+                <AgentTurn step="action-first-frame" current={firstFrameTurnIsCurrent}>
+                  {firstFrameCandidates.length ? (
+                    <>
+                      <AgentCopy
+                        lines={[
+                          isFirstFrameSelecting ? '已生成 3 个动作起始姿态。' : '动作首帧',
+                          isFirstFrameSelecting
+                            ? '选择一个起始姿态，随后生成完整动作。'
+                            : '动作起始姿态已确认。',
+                        ]}
+                      />
+                      <div
+                        data-layout="agent-result-set"
+                        className="grid w-full max-w-2xl grid-cols-3 gap-3"
+                      >
+                        {firstFrameCandidates.map((frame, index) => (
+                          <button
+                            key={`${frame.imageUrl}:${index}`}
+                            type="button"
+                            aria-label={`选择动作首帧 ${index + 1}`}
+                            aria-pressed={chosenFirstFrameUrl === frame.imageUrl}
+                            disabled={!isFirstFrameSelecting || confirmingFirstFrame}
+                            onClick={() => setSelectedFirstFrame(frame.imageUrl)}
+                            data-asset-choice="true"
+                            data-result-priority={index === 0 ? 'primary' : 'alternative'}
+                            data-reveal="card"
+                            style={{ '--reveal-index': index } as CSSProperties}
+                            className={`quick-start-reveal-card relative overflow-hidden rounded-2xl border bg-app-surface-raised text-left transition ${
+                              chosenFirstFrameUrl === frame.imageUrl
+                                ? 'border-app-accent ring-1 ring-app-accent'
+                                : 'border-app-line hover:border-app-line-strong'
+                            } disabled:cursor-default disabled:hover:border-app-line`}
+                          >
+                            <span
+                              data-asset-frame
+                              className="block aspect-square bg-app-surface-muted"
+                            >
+                              <AssetVisual
+                                src={frame.imageUrl}
+                                alt={`动作首帧候选 ${index + 1}`}
+                                priority={index === 0}
+                                className="quick-start-generated-image h-full w-full object-contain [image-rendering:pixelated]"
+                              />
+                            </span>
+                          </button>
+                        ))}
+                      </div>
+                      {selectedFirstFrame ? (
+                        <button
+                          type="button"
+                          onClick={() => void confirmFirstFrame()}
+                          disabled={confirmingFirstFrame}
+                          className="w-fit rounded-xl bg-app-accent px-5 py-2.5 text-sm font-bold text-app-on-accent disabled:opacity-50"
+                        >
+                          {confirmingFirstFrame ? '正在确认…' : '确认首帧，生成完整动作'}
+                        </button>
+                      ) : null}
+                    </>
+                  ) : firstFrameStep.status === 'passed' && selectedFirstFrameUrl ? (
+                    <>
+                      <AgentCopy lines={['动作起始姿态已确认。']} />
+                      <div
+                        data-layout="agent-result-set"
+                        className="grid w-full max-w-2xl grid-cols-3 gap-3"
+                      >
+                        <AssetVisual
+                          src={selectedFirstFrameUrl}
+                          alt="已选择的动作首帧"
+                          className="aspect-square w-full rounded-2xl border border-app-line bg-app-surface-muted object-contain [image-rendering:pixelated]"
+                        />
+                      </div>
+                    </>
+                  ) : isFirstFrameFailed ? (
+                    <>
+                      <AgentCopy
+                        tone="danger"
+                        lines={['动作首帧生成失败', '内容还在，可以在下面修改要求后重试。']}
+                      />
+                    </>
+                  ) : (
+                    <>
+                      <GenerationProgress
+                        label="动作首帧生成进度"
+                        messages={FIRST_FRAME_GENERATION_MESSAGES}
+                      />
+                      <div
+                        data-layout="agent-result-set"
+                        className="grid w-full max-w-2xl grid-cols-3 gap-3"
+                      >
+                        <GenerationCanvas label="动作首帧生成画布" />
+                      </div>
+                    </>
+                  )}
+                </AgentTurn>
+              </>
+            ) : null}
 
-            <ol className="mt-5 grid gap-2">
-              {revision.nodes.map((node, index) => (
-                <li
-                  key={node.id}
-                  className={`grid grid-cols-[28px_1fr_auto] items-center gap-3 rounded-lg border px-3 py-2 ${
-                    node.status === 'active'
-                      ? 'border-app-line-strong bg-app-accent-muted'
-                      : 'border-app-line bg-app-surface'
-                  }`}
-                >
-                  <i
-                    className={`grid h-7 w-7 place-items-center rounded-full text-[9px] not-italic ${
-                      node.status === 'passed'
-                        ? 'bg-app-accent text-app-on-accent'
-                        : node.status === 'active'
-                          ? 'border border-app-accent text-app-accent'
-                          : 'border border-app-line text-app-faint'
-                    }`}
-                  >
-                    {node.status === 'passed' ? '✓' : String(index + 1).padStart(2, '0')}
-                  </i>
-                  <span className="text-xs font-semibold text-app-ink-soft">
-                    {STEP_LABELS[node.type]}
-                  </span>
-                  <small className="text-[9px] text-app-faint">{nodeStatusLabel(node)}</small>
-                </li>
-              ))}
-            </ol>
-          </aside>
-        </div>
+            {actionStep && actionStep.status !== 'locked' ? (
+              <>
+                <AgentTurn step="action-full-frame" current={actionTurnIsCurrent}>
+                  {actionFrames.length > 0 ? (
+                    <>
+                      <AgentCopy lines={[`动作已完成，共 ${actionFrames.length} 帧。`]} />
+                      <div
+                        data-layout="agent-result-set"
+                        className="grid w-full max-w-2xl grid-cols-3 gap-3"
+                      >
+                        <AssetVisual
+                          src={actionFrames[0]!.imageUrl}
+                          alt="完整动作预览"
+                          priority
+                          className="quick-start-generated-image aspect-square w-full rounded-2xl border border-app-line bg-app-surface-muted object-contain [image-rendering:pixelated]"
+                        />
+                      </div>
+                      {reviewStep?.status === 'passed' ? (
+                        <div className="flex flex-wrap gap-2">
+                          <button
+                            type="button"
+                            onClick={() =>
+                              navigate(`/projects/${encodeURIComponent(revision.projectId)}/assets`)
+                            }
+                            className="rounded-lg border border-app-line-strong px-3 py-1.5 text-xs font-semibold text-app-ink-soft transition hover:border-app-accent hover:text-app-accent"
+                          >
+                            跳转到资产工作台
+                          </button>
+                          <button
+                            type="button"
+                            onClick={() => void openPlaytest()}
+                            className="rounded-lg border border-app-line-strong px-3 py-1.5 text-xs font-semibold text-app-ink-soft transition hover:border-app-accent hover:text-app-accent"
+                          >
+                            跳转到 Play Test
+                          </button>
+                        </div>
+                      ) : null}
+                      <div className="flex max-w-full gap-1.5 overflow-x-auto pb-1">
+                        {actionFrames.map((frame, index) => (
+                          <AssetVisual
+                            key={`${frame.imageUrl}:${index}`}
+                            src={frame.imageUrl}
+                            alt={`动作第 ${index + 1} 帧`}
+                            className="quick-start-generated-frame size-12 shrink-0 rounded-lg border border-app-line bg-app-surface-muted object-contain [image-rendering:pixelated]"
+                          />
+                        ))}
+                      </div>
+                      {reviewStep?.status === 'active' && canPublish && error ? (
+                        <button
+                          type="button"
+                          onClick={() => void saveCompletedAction()}
+                          disabled={publishing}
+                          className="w-fit rounded-xl bg-app-accent px-5 py-2.5 text-sm font-bold text-app-on-accent disabled:opacity-50"
+                        >
+                          {publishing ? '正在保存…' : '重新保存'}
+                        </button>
+                      ) : reviewStep?.status === 'passed' ? (
+                        <p className="text-sm font-medium text-app-accent">角色已经保存到资产库</p>
+                      ) : canPublish ? (
+                        <p className="text-sm text-app-muted">正在保存角色…</p>
+                      ) : null}
+                    </>
+                  ) : isActionFailed ? (
+                    <>
+                      <AgentCopy
+                        tone="danger"
+                        lines={['动作生成失败', '内容还在，可以在下面修改要求后重试。']}
+                      />
+                    </>
+                  ) : (
+                    <>
+                      <GenerationProgress
+                        label="完整动作生成进度"
+                        messages={ACTION_GENERATION_MESSAGES}
+                      />
+                      <div
+                        data-layout="agent-result-set"
+                        className="grid w-full max-w-2xl grid-cols-3 gap-3"
+                      >
+                        <GenerationCanvas label="完整动作生成画布" />
+                      </div>
+                    </>
+                  )}
+                </AgentTurn>
+              </>
+            ) : null}
 
-        <footer className="rounded-[1.3rem] border border-app-line bg-app-surface-raised/95 p-4 shadow-app-card">
-          <div className="flex flex-wrap items-center justify-between gap-4">
-            <span>
-              <small className="font-mono text-[8px] tracking-[0.12em] text-app-faint">
-                {passedCount} / {revision.nodes.length} STEPS PASSED
-              </small>
-              <b className="mt-1 block text-sm text-app-ink-soft">{status.title}</b>
-            </span>
-            <div className="flex flex-wrap gap-2">
-              {workflowIsActive(run) ? (
-                <button
-                  type="button"
-                  onClick={() => void interrupt()}
-                  className="rounded-xl border border-app-line-strong px-4 py-2 text-xs font-semibold text-app-ink-soft"
-                >
-                  中断自动制作
-                </button>
-              ) : null}
-              {canPublish && (publishing || error) ? (
-                <button
-                  type="button"
-                  onClick={() => void publishToPlaytest()}
-                  disabled={publishing}
-                  className="rounded-lg bg-app-info px-4 py-2 text-xs font-bold text-app-on-accent transition hover:bg-app-info-hover disabled:cursor-wait disabled:opacity-60"
-                >
-                  {publishing ? '正在自动导入…' : '重新导入预览台'}
-                </button>
-              ) : null}
-              {candidates.length || workflowHasFailure(run) ? (
-                <button
-                  type="button"
-                  onClick={() => navigate('/quick-start')}
-                  className="rounded-xl bg-app-accent px-4 py-2 text-xs font-semibold text-app-on-accent"
-                >
-                  新建一次创作
-                </button>
-              ) : null}
-            </div>
+            {error ? (
+              <p
+                role="alert"
+                className="ml-10 rounded-xl bg-app-danger/8 px-4 py-3 text-sm text-app-danger"
+              >
+                {error}
+              </p>
+            ) : null}
+            <div data-testid="quick-start-transcript-end" />
           </div>
-          {error ? (
-            <p role="alert" className="mt-3 text-sm text-app-danger">
-              {error}
-            </p>
-          ) : null}
-          {status.error ? (
-            <p role="alert" className="mt-3 text-sm text-app-danger">
-              {status.error}
-            </p>
-          ) : null}
+        </main>
+
+        <footer
+          data-testid="quick-start-composer"
+          data-position="floating"
+          className="absolute right-5 bottom-4 left-5 z-10 mx-auto w-auto max-w-3xl sm:right-8 sm:bottom-6 sm:left-8"
+        >
+          <div className="mb-2 flex flex-wrap items-center justify-end gap-2">
+            {exportModel ? (
+              <ExportButton
+                model={exportModel}
+                className="border-app-accent bg-app-accent text-app-on-accent hover:bg-app-accent-hover"
+              />
+            ) : null}
+            {workflowIsActive ? (
+              <button
+                type="button"
+                onClick={() => void interrupt()}
+                className="rounded-lg border border-app-line-strong bg-app-surface-raised/96 px-3 py-2 text-xs font-semibold text-app-ink-soft backdrop-blur-xl transition hover:border-app-accent hover:text-app-accent"
+              >
+                中断自动制作
+              </button>
+            ) : null}
+            {candidates.length || workflowHasFailure(revision) ? (
+              <button
+                type="button"
+                onClick={() => navigate('/quick-start')}
+                className="rounded-lg border border-app-line-strong bg-app-surface-raised/96 px-3 py-2 text-xs font-semibold text-app-ink-soft backdrop-blur-xl transition hover:border-app-accent hover:text-app-accent"
+              >
+                新建一次创作
+              </button>
+            ) : null}
+          </div>
+          <form
+            onSubmit={continueConversation}
+            className="grid grid-cols-[1fr_auto] items-center gap-1.5 rounded-2xl border border-app-line-strong bg-app-surface-raised/96 p-1.5 shadow-[0_14px_42px_rgb(29_37_31/14%)] backdrop-blur-xl transition focus-within:border-app-accent"
+          >
+            <label htmlFor="quick-start-continuation" className="min-w-0">
+              <span className="sr-only">继续描述你的想法</span>
+              <input
+                id="quick-start-continuation"
+                aria-label="继续描述你的想法"
+                value={actionDescription}
+                onChange={(event) => setActionDescription(event.target.value)}
+                placeholder={composerPlaceholder}
+                className="h-10 w-full min-w-0 border-0 bg-transparent px-3 text-[15px] text-app-ink outline-none placeholder:text-app-faint"
+              />
+            </label>
+            <button
+              type="submit"
+              aria-label={isTemplateSelecting ? '确认选择，继续下一步' : '发送'}
+              disabled={!composerCanSubmit}
+              className="grid h-10 w-10 place-items-center rounded-lg bg-app-accent text-app-on-accent transition hover:bg-app-accent-hover active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-35"
+            >
+              <ArrowUp aria-hidden="true" size={16} weight="bold" />
+            </button>
+          </form>
         </footer>
       </div>
     </section>
@@ -953,7 +1309,7 @@ function describeRun(_run: WorkflowRun, workflow: WorkflowRun) {
   if (failedStep) {
     return {
       title: '生成失败',
-      description: '这次失败已保存在当前运行记录中，不会自动创建第二次任务。',
+      description: '你的描述仍然保留在这里，可以修改后重新尝试。',
       error: failedStep?.error || '角色图生成失败',
     }
   }
@@ -1001,6 +1357,13 @@ function describeRun(_run: WorkflowRun, workflow: WorkflowRun) {
     (n): n is CharacterTemplateWorkflowNode => n.type === 'character-template',
   )
   if (templateNode?.status === 'active') {
+    if (templateNode.phase === 'selecting') {
+      return {
+        title: '选择一个喜欢的角色',
+        description: '选择后可以继续描述这个角色接下来要做的动作。',
+        error: null,
+      }
+    }
     return {
       title: templateNode.generations.length > 0 ? '正在生成角色图' : '正在创建生成任务',
       description:
@@ -1018,7 +1381,12 @@ function describeRun(_run: WorkflowRun, workflow: WorkflowRun) {
   }
 }
 
-/** 只有完整动作和可审核状态同时具备时，才允许自动发布当前版本。 */
+function workflowPrompt(run: WorkflowRun): string {
+  const setup = run.nodes.find((node) => node.type === 'character-setup')
+  return setup?.type === 'character-setup' ? setup.input.prompt : ''
+}
+
+/** 完整动作进入可审核状态后沿用原有自动保存时机，只取消离开 Quick Start 的跳转。 */
 function automaticPublishKey(run: WorkflowRun): string | null {
   const actionStep = latestActionStep(run)
   const reviewStep = actionStep ? pairedReviewStep(run, actionStep.id) : null
@@ -1028,22 +1396,10 @@ function automaticPublishKey(run: WorkflowRun): string | null {
   return hasFrames && reviewReady && actionStep ? `${run.id}:${actionStep.id}` : null
 }
 
-function workflowPrompt(run: WorkflowRun): string {
-  const setup = run.nodes.find((node) => node.type === 'character-setup')
-  return setup?.type === 'character-setup' ? setup.input.prompt : ''
-}
-
 function workflowHasFailure(run: WorkflowRun): boolean {
   return run.nodes.some((node) => !node.deletedAt && node.status === 'failed')
 }
 
-function workflowIsActive(run: WorkflowRun): boolean {
-  return (
-    run.nodes.some((node) => !node.deletedAt && node.status === 'active') &&
-    !workflowHasFailure(run)
-  )
-}
-
 /** 返回当前 Run 最后追加且未删除的动作；旧动作只保留作历史结果。 */
 function latestActionStep(workflow: WorkflowRun) {
   return (
@@ -1071,14 +1427,6 @@ function pairedReviewStep(workflow: WorkflowRun, actionStepId: string) {
   )
 }
 
-function nodeStatusLabel(node: WorkflowNode) {
-  if (node.deletedAt) return '已删除'
-  if (node.status === 'passed') return '完成'
-  if (node.status === 'active') return '当前'
-  if (node.status === 'failed') return '失败'
-  return '等待'
-}
-
 function errorMessage(cause: unknown, fallback: string) {
   return cause instanceof Error && cause.message.trim() ? cause.message.trim() : fallback
 }
diff --git a/frontend/src/pages/quick-start/quick-start-motion.css b/frontend/src/pages/quick-start/quick-start-motion.css
new file mode 100644
index 00000000..473de232
--- /dev/null
+++ b/frontend/src/pages/quick-start/quick-start-motion.css
@@ -0,0 +1,194 @@
+.quick-start-agent-turn {
+  width: 100%;
+}
+
+/* 逐字进入完成后再开高光，避免父层裁字与子层字符同时绘制同一句。 */
+.quick-start-generation-shimmer.kinetic-copy-cycle-resting .kinetic-copy-line-inner {
+  color: transparent;
+  background: var(--color-app-muted)
+    linear-gradient(
+      to right,
+      var(--color-app-muted) 0%,
+      rgb(255 255 255 / 75%) 40%,
+      rgb(255 255 255 / 75%) 60%,
+      var(--color-app-muted) 100%
+    );
+  background-position: -100% 0;
+  background-repeat: no-repeat;
+  background-size: 50% 200%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: quick-start-copy-shimmer 1.333s linear infinite;
+}
+
+.quick-start-generation-shimmer.kinetic-copy-cycle-entering .kinetic-copy-line-inner,
+.quick-start-generation-shimmer.kinetic-copy-cycle-exiting .kinetic-copy-line-inner {
+  color: var(--color-app-muted);
+  background: none;
+  -webkit-text-fill-color: currentColor;
+}
+
+@keyframes quick-start-copy-shimmer {
+  from {
+    background-position: -100% 0;
+  }
+  to {
+    background-position: 250% 0;
+  }
+}
+
+.quick-start-generation-canvas {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 1;
+  overflow: hidden;
+  isolation: isolate;
+  border: 1px solid var(--color-app-line);
+  border-radius: 1rem;
+  background: var(--color-app-surface-raised);
+  box-shadow: inset 0 1px 0 color-mix(in srgb, white 62%, transparent);
+  animation: quick-start-canvas-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) both;
+  animation-delay: 100ms;
+}
+
+.quick-start-generation-dots {
+  position: absolute;
+  inset: 8%;
+  display: grid;
+  grid-template-columns: repeat(24, 1fr);
+  grid-template-rows: repeat(18, 1fr);
+}
+
+.quick-start-generation-dot {
+  align-self: center;
+  justify-self: center;
+  width: clamp(0.1rem, 0.34vw, 0.18rem);
+  aspect-ratio: 1;
+  border-radius: 0;
+  background: color-mix(in srgb, var(--color-app-ink) 78%, var(--color-app-accent));
+  opacity: 0.035;
+  transform: scale(0.45);
+  animation: quick-start-pixel-matrix 4.1s steps(9, end) infinite;
+  animation-delay: var(--generation-delay);
+}
+
+.quick-start-reveal-card {
+  opacity: 0;
+  filter: blur(7px);
+  transform: translate3d(0, 13px, 0) scale(0.982);
+  animation: quick-start-card-reveal 680ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  animation-delay: calc(70ms + var(--reveal-index, 0) * 105ms);
+  will-change: opacity, filter, transform;
+}
+
+.quick-start-generated-image {
+  opacity: 0;
+  filter: blur(13px) contrast(0.88);
+  transform: scale(1.018);
+  animation: quick-start-image-resolve 920ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  animation-delay: calc(150ms + var(--reveal-index, 0) * 70ms);
+  will-change: opacity, filter, transform;
+}
+
+.quick-start-generated-frame {
+  opacity: 0;
+  filter: blur(5px);
+  transform: translateY(4px);
+  animation: quick-start-frame-resolve 360ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  animation-delay: calc(110ms + var(--reveal-index, 0) * 38ms);
+}
+
+@keyframes quick-start-canvas-enter {
+  from {
+    opacity: 0;
+    filter: blur(10px);
+    transform: translate3d(0, 10px, 0) scale(0.988);
+  }
+  to {
+    opacity: 1;
+    filter: blur(0);
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+
+@keyframes quick-start-pixel-matrix {
+  0%,
+  8% {
+    opacity: 0.025;
+    transform: scale(0.4);
+  }
+  24% {
+    opacity: calc(0.1 + var(--generation-level) * 0.2);
+    transform: scale(0.72);
+  }
+  43% {
+    opacity: calc(0.22 + var(--generation-level) * 0.62);
+    transform: scale(1);
+  }
+  61% {
+    opacity: calc(0.08 + var(--generation-level) * 0.3);
+    transform: scale(0.68);
+  }
+  77% {
+    opacity: calc(0.17 + var(--generation-level) * 0.49);
+    transform: scale(0.9);
+  }
+  100% {
+    opacity: 0.045;
+    transform: scale(0.45);
+  }
+}
+
+@keyframes quick-start-card-reveal {
+  to {
+    opacity: 1;
+    filter: blur(0);
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+
+@keyframes quick-start-image-resolve {
+  46% {
+    opacity: 0.78;
+    filter: blur(4px) contrast(0.94);
+  }
+  to {
+    opacity: 1;
+    filter: blur(0) contrast(1);
+    transform: scale(1);
+  }
+}
+
+@keyframes quick-start-frame-resolve {
+  to {
+    opacity: 1;
+    filter: blur(0);
+    transform: translateY(0);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .quick-start-generation-shimmer.kinetic-copy-cycle-resting .kinetic-copy-line-inner {
+    color: var(--color-app-muted);
+    background: none;
+    -webkit-text-fill-color: currentColor;
+  }
+
+  .quick-start-generation-canvas,
+  .quick-start-generation-dot,
+  .quick-start-reveal-card,
+  .quick-start-generated-image {
+    opacity: 1;
+    filter: none;
+    transform: none;
+    animation: none;
+  }
+
+  .quick-start-generated-frame {
+    opacity: 1;
+    filter: none;
+    transform: none;
+    animation: none;
+  }
+}

From 0ac6652dc2632943f7da40f7703cf52d509655f7 Mon Sep 17 00:00:00 2001
From: huyan <huyanxius@Gmail.com>
Date: Fri, 14 Aug 2026 12:21:46 +0800
Subject: [PATCH 3/5] test(quick-start): cover conversation continuity

The redesigned flow must preserve every existing Quick Start capability.

Cover entry motion, generation states, selections, recovery, saving, and explicit destinations.

Keep runtime Mock routes excluded while protecting the real service boundary.
---
 frontend/src/app/app.test.tsx                 |  10 +-
 frontend/src/pages/quick-start/index.test.tsx | 702 +++++++++++++++++-
 .../quick-start/kinetic-copy-cycle.test.tsx   | 190 +++++
 3 files changed, 856 insertions(+), 46 deletions(-)
 create mode 100644 frontend/src/pages/quick-start/kinetic-copy-cycle.test.tsx

diff --git a/frontend/src/app/app.test.tsx b/frontend/src/app/app.test.tsx
index 166a14c9..c85cfd89 100644
--- a/frontend/src/app/app.test.tsx
+++ b/frontend/src/app/app.test.tsx
@@ -89,7 +89,7 @@ describe('AppRoutes authentication boundary', () => {
     )
   })
 
-  it('redirects a guest before rendering a protected product page and preserves its return path', async () => {
+  it('redirects a guest before rendering Quick Start and preserves its return path', async () => {
     render(
       <GuestAuthSession>
         <MemoryRouter initialEntries={['/quick-start?draft=1#setup']}>
@@ -104,7 +104,7 @@ describe('AppRoutes authentication boundary', () => {
         '/?account=login&returnTo=%2Fquick-start%3Fdraft%3D1%23setup',
       ),
     )
-    expect(screen.queryByRole('heading', { name: /开始一条可追踪的制作流程/ })).toBeNull()
+    expect(screen.queryByRole('heading', { name: '想做一个什么角色？' })).toBeNull()
   })
 
   it('redirects a guest from the PlayTest entry and preserves that return path', async () => {
@@ -161,13 +161,13 @@ describe('AppRoutes authentication boundary', () => {
       </AuthSessionProvider>,
     )
 
-    expect(screen.queryByRole('heading', { name: /开始一条可追踪的制作流程/ })).toBeNull()
+    expect(screen.queryByRole('heading', { name: '想做一个什么角色？' })).toBeNull()
     expect(screen.getByTestId('location').textContent).toBe('/quick-start')
 
     const restoredTokens = await baseApis.refresh('stored-refresh-token')
     await act(async () => resolveRefresh(restoredTokens))
 
-    expect(await screen.findByRole('heading', { name: /开始一条可追踪的制作流程/ })).toBeTruthy()
+    expect(await screen.findByRole('heading', { name: '想做一个什么角色？' })).toBeTruthy()
   })
 
   it('renders protected product pages for an authenticated session', async () => {
@@ -179,7 +179,7 @@ describe('AppRoutes authentication boundary', () => {
       </AuthenticatedAuthSession>,
     )
 
-    expect(await screen.findByRole('heading', { name: /开始一条可追踪的制作流程/ })).toBeTruthy()
+    expect(await screen.findByRole('heading', { name: '想做一个什么角色？' })).toBeTruthy()
   })
 
   it('tells the user when restoring the session fails instead of becoming a silent guest', async () => {
diff --git a/frontend/src/pages/quick-start/index.test.tsx b/frontend/src/pages/quick-start/index.test.tsx
index 626a3907..9868b59a 100644
--- a/frontend/src/pages/quick-start/index.test.tsx
+++ b/frontend/src/pages/quick-start/index.test.tsx
@@ -1,5 +1,5 @@
 import { StrictMode } from 'react'
-import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { MemoryRouter, Route, Routes, useLocation } from 'react-router'
 import { afterEach, describe, expect, it, vi } from 'vitest'
 
@@ -8,7 +8,10 @@ import type { WorkflowRun } from '@/entities'
 import type { ExportPackageModel } from '@/features/export-package'
 import { QuickStartPage } from './index'
 
-afterEach(cleanup)
+afterEach(() => {
+  cleanup()
+  vi.useRealTimers()
+})
 
 function workflow(nodes: WorkflowRun['nodes'], id = 'run-1'): WorkflowRun {
   return { id, projectId: 'project-1', version: 1, storageStatus: 'active', nodes }
@@ -144,14 +147,76 @@ function renderAt(path: string, service: QuickStartEntryService) {
       <Routes>
         <Route path="/quick-start" element={<QuickStartPage service={service} />} />
         <Route path="/quick-start/:runId" element={<QuickStartPage service={service} />} />
+        <Route path="/projects/:projectId/assets" element={<PlaytestLocation />} />
         <Route path="/playtest/:characterId/:outfitId" element={<PlaytestLocation />} />
       </Routes>
     </MemoryRouter>,
   )
 }
 
+function renderStateFixture(
+  state:
+    | 'template-generating'
+    | 'template-selecting'
+    | 'first-generating'
+    | 'first-selecting'
+    | 'action-generating'
+    | 'complete',
+) {
+  const candidateUrls = [
+    'https://example.test/character-1.png',
+    'https://example.test/character-2.png',
+    'https://example.test/character-3.png',
+  ]
+  const firstFrames = candidateUrls.map((_, index) => ({
+    index,
+    imageUrl: `https://example.test/first-${index + 1}.png`,
+    durationMs: 80,
+  }))
+  const actionFrames = Array.from({ length: 8 }, (_, index) => ({
+    index,
+    imageUrl: `https://example.test/action-${index + 1}.png`,
+    durationMs: 80,
+  }))
+
+  if (state === 'template-generating') {
+    return renderAt(
+      '/quick-start/run-1',
+      serviceFor(workflow(setupAndTemplate({ phase: 'generating' }))),
+    )
+  }
+  if (state === 'template-selecting') {
+    const run = workflow(setupAndTemplate())
+    return renderAt(
+      '/quick-start/run-1',
+      serviceFor(run, { getTemplateCandidates: vi.fn(async () => candidateUrls) }),
+    )
+  }
+  if (state === 'first-generating') {
+    return renderAt(
+      '/quick-start/run-1',
+      serviceFor(actionWorkflow({ firstStatus: 'active', firstPhase: 'generating' })),
+    )
+  }
+  if (state === 'first-selecting') {
+    const run = actionWorkflow({ firstStatus: 'active', firstPhase: 'selecting' })
+    return renderAt(
+      '/quick-start/run-1',
+      serviceFor(run, { getFirstFrameCandidates: vi.fn(async () => firstFrames) }),
+    )
+  }
+  if (state === 'action-generating') {
+    return renderAt('/quick-start/run-1', serviceFor(actionWorkflow({ fullStatus: 'active' })))
+  }
+  const run = actionWorkflow({ fullStatus: 'passed', reviewStatus: 'passed' })
+  return renderAt(
+    '/quick-start/run-1',
+    serviceFor(run, { getActionFrames: vi.fn(async () => actionFrames) }),
+  )
+}
+
 describe('QuickStartPage', () => {
-  it('按当前 Run 完成度显示统一导出入口', async () => {
+  it('keeps the main export capability available in the conversation UI', async () => {
     const run = workflow(setupAndTemplate({ selectedImageUrl: '/master.png' }))
     const model: ExportPackageModel = {
       stage: 'character',
@@ -171,18 +236,507 @@ describe('QuickStartPage', () => {
     expect(await screen.findByRole('button', { name: '导出角色母版' })).toBeTruthy()
   })
 
-  it('keeps the entry and run canvases at least viewport height', async () => {
+  it('reserves the fixed app header height before the creation entry', () => {
     const entry = renderAt('/quick-start', serviceFor(null))
+    const entrySection = entry.getByLabelText('创作指令').closest('section')
+
+    expect(entrySection?.className).toContain('min-h-[100dvh]')
+    expect(entrySection?.className).toContain('pt-14')
+  })
+
+  it('uses a centered creation desk with style prompts before the composer', () => {
+    const entry = renderAt('/quick-start', serviceFor(null))
+    const entrySection = entry.getByLabelText('创作指令').closest('section')
+    const entryLayout = entrySection?.querySelector('[data-layout="quick-start-entry"]')
+    const composer = entrySection?.querySelector('[data-layout="quick-start-composer"]')
+    const starters = entrySection?.querySelector('[data-layout="quick-start-starters"]')
+
+    expect(entryLayout?.className).toContain('min-h-[calc(100dvh-3.5rem)]')
+    expect(entryLayout?.className).toContain('grid-rows-[1fr_auto]')
+    expect(composer?.className).toContain('max-w-3xl')
+    expect(composer?.querySelector('form')).toBeTruthy()
+    expect(composer?.querySelector('form')?.className).toContain('sm:grid-cols-[1fr_auto_auto]')
+    expect(starters).toBeTruthy()
     expect(
-      entry.getByRole('heading', { name: /用一句角色设定/u }).closest('section')?.className,
-    ).toContain('min-h-screen')
+      Boolean(
+        starters &&
+        composer &&
+        starters.compareDocumentPosition(composer) & Node.DOCUMENT_POSITION_FOLLOWING,
+      ),
+    ).toBe(true)
+  })
+
+  it('removes non-actionable explanatory copy from the creation workspace', () => {
+    renderAt('/quick-start', serviceFor(null))
+
+    expect(screen.queryByText('QUICK START / CREATE CHARACTER')).toBeNull()
+    expect(screen.queryByText(/用一句角色设定/u)).toBeNull()
+    expect(screen.queryByText('AI 快捷创作')).toBeNull()
+    expect(screen.queryByText('文字创建')).toBeNull()
+    expect(screen.queryByText('角色图生成后仍需人工选择候选')).toBeNull()
+  })
+
+  it('reuses the shared subtitle exit-before-enter timing in the original heading', () => {
+    vi.useFakeTimers()
+    const entry = renderAt('/quick-start', serviceFor(null))
+    const heading = screen.getByRole('heading', { name: '想做一个什么角色？' })
+    const cycle = () => entry.container.querySelector<HTMLElement>('[data-copy-phase]')
+
+    expect(entry.container.querySelector('[data-layout="quick-start-role-idea"]')).toBeNull()
+    expect(heading.textContent).toBe('想做一个什么角色？')
+
+    act(() => vi.advanceTimersByTime(2_399))
+    expect(heading.textContent).toBe('想做一个什么角色？')
+
+    act(() => vi.advanceTimersByTime(1))
+    expect(cycle()?.dataset.copyPhase).toBe('exiting')
+    expect(heading.textContent).toBe('想做一个什么角色？')
+
+    act(() => vi.advanceTimersByTime(460))
+    expect(cycle()?.dataset.copyPhase).toBe('entering')
+    expect(heading.textContent).toBe('试试银色卷发、戴星形单片眼镜的裁缝')
+
+    act(() => vi.advanceTimersByTime(4_200))
+    expect(heading.textContent).toContain('长着鹿角、披苔藓斗篷的邮差')
+
+    act(() => vi.advanceTimersByTime(4_200 * 7))
+    expect(heading.textContent).toBe('试试银色卷发、戴星形单片眼镜的裁缝')
+    expect(heading.textContent).not.toContain('想做一个什么角色？')
+  })
+
+  it('animates back to the persistent default heading while the user writes', () => {
+    vi.useFakeTimers()
+    const entry = renderAt('/quick-start', serviceFor(null))
+    const heading = screen.getByRole('heading', { name: '想做一个什么角色？' })
+    const cycle = () => entry.container.querySelector<HTMLElement>('[data-copy-phase]')
+
+    act(() => vi.advanceTimersByTime(3_400))
+    expect(heading.textContent).toContain('银色卷发、戴星形单片眼镜的裁缝')
+
+    fireEvent.change(screen.getByRole('textbox', { name: '创作指令' }), {
+      target: { value: '戴银色面具的游侠' },
+    })
+    expect(cycle()?.dataset.copyMotionMode).toBe('characters')
+    expect(cycle()?.dataset.copyPhase).toBe('exiting')
+    expect(heading.textContent).toContain('银色卷发、戴星形单片眼镜的裁缝')
+
+    act(() => vi.advanceTimersByTime(460))
+    expect(cycle()?.dataset.copyPhase).toBe('entering')
+    expect(heading.textContent).toBe('用文字塑造你的角色……')
+
+    act(() => vi.advanceTimersByTime(10_000))
+    expect(heading.textContent).toBe('用文字塑造你的角色……')
+  })
+
+  it('keeps style prompt space stable while dissolving the cards once creation begins', () => {
+    const entry = renderAt('/quick-start', serviceFor(null))
+    const entrySection = entry.getByLabelText('创作指令').closest('section')
+    const starters = entrySection?.querySelector('[data-layout="quick-start-starters"]')
+
+    expect(screen.getByRole('heading', { name: '想做一个什么角色？' })).toBeTruthy()
+    expect(starters?.querySelectorAll('img')).toHaveLength(0)
+    expect(screen.getByRole('button', { name: /16-bit 日式 RPG/u })).toBeTruthy()
+    expect(screen.getByRole('button', { name: /暗黑哥特像素/u })).toBeTruthy()
+    expect(screen.getByRole('button', { name: /温暖手绘像素/u })).toBeTruthy()
+    expect(screen.getByRole('button', { name: '像素守夜人' })).toBeTruthy()
+    expect(screen.getByRole('button', { name: '轻装信使' })).toBeTruthy()
+
+    fireEvent.change(screen.getByRole('textbox', { name: '创作指令' }), {
+      target: { value: '戴银色面具的游侠' },
+    })
+    expect(entrySection?.querySelector('[data-layout="quick-start-starters"]')).toBe(starters)
+    expect(starters?.getAttribute('data-presence')).toBe('hidden')
+    expect(starters?.getAttribute('aria-hidden')).toBe('true')
+    expect(screen.queryByRole('button', { name: /暗黑哥特像素/u })).toBeNull()
+  })
+
+  it('keeps the original Quick Start prompt shortcuts functional', () => {
+    const view = renderAt('/quick-start', serviceFor(null))
+    fireEvent.click(screen.getByRole('button', { name: '像素守夜人' }))
+    expect((screen.getByRole('textbox', { name: '创作指令' }) as HTMLTextAreaElement).value).toBe(
+      '一位提着风灯、披深色斗篷的像素守夜人',
+    )
+
+    view.unmount()
+    renderAt('/quick-start', serviceFor(null))
+    fireEvent.click(screen.getByRole('button', { name: '轻装信使' }))
+    expect((screen.getByRole('textbox', { name: '创作指令' }) as HTMLTextAreaElement).value).toBe(
+      '轻装信使，侧视像素风，轮廓清晰，动作轻快',
+    )
+  })
+
+  it('keeps the entry and run canvases at least viewport height', async () => {
+    const entry = renderAt('/quick-start', serviceFor(null))
+    expect(entry.getByLabelText('创作指令').closest('section')?.className).toContain(
+      'min-h-[100dvh]',
+    )
 
     entry.unmount()
     const run = workflow(setupAndTemplate())
     const runView = renderAt('/quick-start/run-1', serviceFor(run))
+    expect((await runView.findByTestId('quick-start-run')).closest('section')?.className).toContain(
+      'min-h-screen',
+    )
+  })
+
+  it('continues the creation desk instead of switching to a workflow dashboard', async () => {
+    renderAt('/quick-start/run-1', serviceFor(workflow(setupAndTemplate())))
+
+    const runLayout = await screen.findByTestId('quick-start-run')
+    expect(runLayout.getAttribute('data-layout')).toBe('agent-shell')
+    expect(runLayout.querySelector('[data-layout="quick-start-scroll-region"]')).toBeTruthy()
+    expect(screen.getByTestId('quick-start-composer').getAttribute('data-position')).toBe(
+      'floating',
+    )
+    expect(runLayout.querySelector('aside')).toBeNull()
+    expect(screen.getByRole('textbox', { name: '继续描述你的想法' })).toBeTruthy()
+    expect(screen.queryByText(/QUICK START \/ RUN/u)).toBeNull()
+    expect(screen.queryByText('CURRENT STATUS')).toBeNull()
+    expect(screen.queryByText('WORKFLOW RUN')).toBeNull()
+    expect(screen.queryByText(/STEPS PASSED/u)).toBeNull()
+    expect(screen.getByRole('button', { name: '中断自动制作' })).toBeTruthy()
+  })
+
+  it('presents Agent replies as restrained product copy without display typography or avatars', async () => {
+    renderStateFixture('action-generating')
+
+    const transcript = await screen.findByTestId('quick-start-transcript')
+    const agentCopies = Array.from(transcript.querySelectorAll<HTMLElement>('[data-agent-copy]'))
+    const standaloneAvatar = Array.from(transcript.querySelectorAll('span')).find(
+      (element) => element.textContent === 'W',
+    )
+
+    expect(agentCopies.length).toBeGreaterThan(0)
+    expect(
+      agentCopies.every((copy) => {
+        return (
+          copy.className.includes('font-sans') && !copy.querySelector('[data-copy-motion-mode]')
+        )
+      }),
+    ).toBe(true)
+    expect(standaloneAvatar).toBeUndefined()
+  })
+
+  it('keeps one persistent Agent shell with a floating composer outside the scrolling transcript', async () => {
+    renderStateFixture('first-selecting')
+
+    const runLayout = await screen.findByTestId('quick-start-run')
+    const transcript = await screen.findByTestId('quick-start-transcript')
+    const composer = screen.getByTestId('quick-start-composer')
+    const scrollRegion = transcript.closest('[data-layout="quick-start-scroll-region"]')
+    const agentTurns = Array.from(transcript.querySelectorAll<HTMLElement>('[data-agent-turn]'))
+    const userTurns = Array.from(transcript.querySelectorAll<HTMLElement>('[data-user-turn]'))
+
+    expect(runLayout.getAttribute('data-layout')).toBe('agent-shell')
+    expect(scrollRegion).toBeTruthy()
+    expect(scrollRegion?.contains(composer)).toBe(false)
+    expect(composer.getAttribute('data-position')).toBe('floating')
+    expect(composer.className).toContain('absolute')
+    expect(agentTurns.length).toBeGreaterThanOrEqual(2)
+    expect(userTurns.length).toBeGreaterThanOrEqual(2)
+    expect(transcript.querySelector('[data-agent-identity]')).toBeNull()
+  })
+
+  it('keeps the composer shape stable while the Agent is working', async () => {
+    renderStateFixture('action-generating')
+
+    const composer = await screen.findByTestId('quick-start-composer')
+    const send = screen.getByRole('button', { name: '发送' })
+
+    expect(composer).toBeTruthy()
+    expect(send.hasAttribute('disabled')).toBe(true)
+  })
+
+  it('scrolls only the transcript region when new Agent output arrives', async () => {
+    const scrollTo = vi.fn()
+    const scrollIntoView = vi.fn()
+    const previousScrollTo = HTMLElement.prototype.scrollTo
+    const previousScrollIntoView = HTMLElement.prototype.scrollIntoView
+    HTMLElement.prototype.scrollTo = scrollTo
+    HTMLElement.prototype.scrollIntoView = scrollIntoView
+
+    try {
+      renderStateFixture('template-selecting')
+      await screen.findAllByRole('button', { name: /选择角色方案/u })
+
+      expect(scrollTo).toHaveBeenCalled()
+      expect(scrollIntoView).not.toHaveBeenCalled()
+    } finally {
+      HTMLElement.prototype.scrollTo = previousScrollTo
+      HTMLElement.prototype.scrollIntoView = previousScrollIntoView
+    }
+  })
+
+  it('keeps each generated artifact inside the Agent turn that describes it', async () => {
+    renderStateFixture('template-selecting')
+
+    const transcript = await screen.findByTestId('quick-start-transcript')
+    await screen.findAllByRole('button', { name: /选择角色方案/u })
+    const roleTurn = transcript.querySelector<HTMLElement>('[data-agent-turn="character-template"]')
+    const choices = Array.from(roleTurn?.querySelectorAll('[data-asset-choice="true"]') ?? [])
+
+    expect(roleTurn).toBeTruthy()
+    expect(roleTurn?.querySelector('[data-agent-identity]')).toBeNull()
+    expect(roleTurn?.querySelector('[data-agent-copy]')).toBeTruthy()
+    expect(choices).toHaveLength(3)
     expect(
-      (await runView.findByRole('heading', { name: '像素骑士' })).closest('section')?.className,
-    ).toContain('min-h-screen')
+      Array.from(transcript.querySelectorAll('[data-asset-choice="true"]')).every((asset) =>
+        Boolean(asset.closest('[data-agent-turn]')),
+      ),
+    ).toBe(true)
+  })
+
+  it.each([
+    ['template-generating', '角色图生成画布'],
+    ['first-generating', '动作首帧生成画布'],
+    ['action-generating', '完整动作生成画布'],
+  ] as const)(
+    'reserves an animated dot-matrix canvas while %s is generating',
+    async (state, label) => {
+      renderStateFixture(state)
+
+      const canvas = await screen.findByRole('img', { name: label })
+      expect(canvas.getAttribute('data-generation-state')).toBe('generating')
+      expect(canvas.getAttribute('data-generation-motion')).toBe('continuous')
+      expect(canvas.querySelectorAll('[data-generation-dot]').length).toBeGreaterThan(20)
+      expect(canvas.querySelector('[data-generation-silhouette]')).toBeNull()
+    },
+  )
+
+  it.each([
+    [
+      workflow(setupAndTemplate({ phase: 'generating' })),
+      '角色生成进度',
+      ['勾勒角色轮廓', '给衣服配颜色', '把发型画清楚', '添上表情', '处理一下光影', '补齐画面细节'],
+    ],
+    [
+      actionWorkflow({ firstStatus: 'active', firstPhase: 'generating' }),
+      '动作首帧生成进度',
+      [
+        '摆好动作姿态',
+        '调整手脚位置',
+        '让重心自然一点',
+        '拉开姿态的区别',
+        '保持角色样子',
+        '补上动作细节',
+      ],
+    ],
+    [
+      actionWorkflow({ fullStatus: 'active' }),
+      '完整动作生成进度',
+      [
+        '把动作连起来',
+        '补上中间的变化',
+        '理顺每一帧的节奏',
+        '检查手脚的衔接',
+        '让起落自然一点',
+        '调整动作幅度',
+      ],
+    ],
+  ] as const)('cycles generation companionship copy for $label', async (run, label, messages) => {
+    vi.useFakeTimers()
+    const view = renderAt('/quick-start/run-1', serviceFor(run))
+
+    await act(async () => undefined)
+    const progress = screen.getByLabelText(label)
+    expect(progress.getAttribute('data-copy-motion-mode')).toBe('characters')
+    expect(progress.className).toContain('quick-start-generation-shimmer')
+    expect(progress.textContent).toBe(messages[0])
+    expect(progress.getAttribute('data-copy-phase')).toBe('entering')
+
+    await act(async () => vi.advanceTimersByTime(760))
+    expect(progress.getAttribute('data-copy-phase')).toBe('resting')
+
+    for (const [messageIndex, message] of messages.slice(1).entries()) {
+      const timeUntilNextMessage = messageIndex === 0 ? 7_239 : 7_999
+      await act(async () => vi.advanceTimersByTime(timeUntilNextMessage))
+      expect(progress.textContent).not.toBe(message)
+      await act(async () => vi.advanceTimersByTime(1))
+      expect(progress.textContent).toBe(message)
+    }
+
+    await act(async () => vi.advanceTimersByTime(8_000))
+    expect(progress.textContent).toBe(messages[0])
+
+    expect(
+      view.container.querySelector('[data-agent-turn][data-current-turn="true"] [data-agent-copy]'),
+    ).toBeNull()
+  })
+
+  it('keeps selection and completed replies static instead of cycling subtitles', async () => {
+    const selecting = renderStateFixture('template-selecting')
+    await screen.findAllByRole('button', { name: /选择角色方案/u })
+    expect(selecting.container.querySelector('[data-generation-progress]')).toBeNull()
+    selecting.unmount()
+
+    const complete = renderStateFixture('complete')
+    await screen.findByRole('img', { name: '完整动作预览' })
+    expect(complete.container.querySelector('[data-generation-progress]')).toBeNull()
+  })
+
+  it('reveals generated candidate frames with staggered motion', async () => {
+    renderStateFixture('template-selecting')
+
+    const cards = await screen.findAllByRole('button', { name: /选择角色方案/u })
+    expect(cards).toHaveLength(3)
+    expect(cards.every((card) => card.dataset.assetChoice === 'true')).toBe(true)
+    expect(cards.every((card) => card.querySelectorAll('[data-asset-frame]').length === 1)).toBe(
+      true,
+    )
+    expect(cards.every((card) => card.dataset.reveal === 'card')).toBe(true)
+    expect(cards.map((card) => card.style.getPropertyValue('--reveal-index'))).toEqual([
+      '0',
+      '1',
+      '2',
+    ])
+    expect(cards.every((card) => card.querySelector('img'))).toBeTruthy()
+  })
+
+  it('matches generated cards to the composer radius and keeps image surfaces free of labels', async () => {
+    renderStateFixture('template-selecting')
+
+    const cards = await screen.findAllByRole('button', { name: /选择角色方案/u })
+
+    expect(cards.every((card) => card.className.includes('rounded-2xl'))).toBe(true)
+    expect(cards.every((card) => card.textContent === '')).toBe(true)
+  })
+
+  it('presents three equal candidate frames without inventing a preferred result', async () => {
+    renderStateFixture('template-selecting')
+
+    const choices = await screen.findAllByRole('button', { name: /选择角色方案/u })
+    const resultLayout = choices[0]?.parentElement
+
+    expect(resultLayout?.getAttribute('data-layout')).toBe('agent-result-set')
+    expect(resultLayout?.className).toContain('grid-cols-3')
+    expect(choices.every((choice) => choice.getAttribute('data-result-priority') === null)).toBe(
+      true,
+    )
+    expect(choices.every((choice) => !choice.className.includes('row-span-2'))).toBe(true)
+  })
+
+  it.each([
+    ['template-generating', '角色图生成画布'],
+    ['first-selecting', '动作首帧候选 1'],
+    ['complete', '完整动作预览'],
+  ] as const)('keeps %s on the first-round asset frame grid', async (state, label) => {
+    const view = renderStateFixture(state)
+    const asset = await screen.findByRole('img', { name: label })
+    const frameGrid = asset.closest('[data-layout="agent-result-set"]')
+
+    expect(frameGrid?.className).toContain('max-w-2xl')
+    expect(frameGrid?.className).toContain('grid-cols-3')
+    view.unmount()
+  })
+
+  it('grows a short conversation from the persistent composer and distinguishes the current turn', async () => {
+    renderStateFixture('action-generating')
+
+    const transcript = await screen.findByTestId('quick-start-transcript')
+    const turns = Array.from(transcript.querySelectorAll<HTMLElement>('[data-agent-turn]'))
+
+    expect(transcript.className).toContain('min-h-full')
+    expect(transcript.className).toContain('content-end')
+    expect(turns.slice(0, -1).every((turn) => turn.dataset.currentTurn === 'false')).toBe(true)
+    expect(turns.at(-1)?.dataset.currentTurn).toBe('true')
+  })
+
+  it('hands the creation entry off to the generating canvas instead of hard-cutting routes', async () => {
+    vi.useFakeTimers()
+    const createdRun = workflow(setupAndTemplate({ phase: 'generating' }), 'run-created')
+    const service = serviceFor(null, {
+      runId: 'run-created',
+      getWorkflow: vi.fn(() => createdRun),
+      resume: vi.fn(async () => createdRun),
+    })
+    renderAt('/quick-start', service)
+
+    fireEvent.change(screen.getByLabelText('创作指令'), {
+      target: { value: '提着风灯的森林守夜人' },
+    })
+    fireEvent.click(screen.getByRole('button', { name: '生成角色' }))
+    await act(async () => undefined)
+
+    const entry = screen.getByLabelText('创作指令').closest('[data-layout="quick-start-entry"]')
+    expect(entry?.getAttribute('data-transition')).toBe('leaving')
+    expect(
+      entry?.querySelector('[data-layout="quick-start-starters"]')?.getAttribute('data-presence'),
+    ).toBe('hidden')
+    expect(screen.queryByTestId('quick-start-transcript')).toBeNull()
+
+    await act(async () => vi.advanceTimersByTime(459))
+    expect(screen.queryByTestId('quick-start-transcript')).toBeNull()
+
+    await act(async () => vi.advanceTimersByTime(1))
+    expect(screen.getByRole('img', { name: '角色图生成画布' }).getAttribute('data-reveal')).toBe(
+      'generation-canvas',
+    )
+  })
+
+  it('keeps earlier turns visible while the agent conversation moves downward', async () => {
+    renderStateFixture('first-selecting')
+
+    await screen.findByLabelText(/已生成 3 个动作起始姿态。 选择一个起始姿态，随后生成完整动作。/u)
+    const transcript = await screen.findByTestId('quick-start-transcript')
+    const topLevelText = Array.from(transcript.children).map(
+      (element) =>
+        element.querySelector('[data-agent-copy] [aria-label]')?.getAttribute('aria-label') ??
+        element.textContent ??
+        '',
+    )
+    const roleTurnIndex = topLevelText.findIndex((text) => text.includes('角色方案已确认'))
+    const userActionIndex = topLevelText.findIndex((text) => text.includes('挥手'))
+    const firstFrameTurnIndex = topLevelText.findIndex((text) =>
+      text.includes('已生成 3 个动作起始姿态'),
+    )
+    expect(roleTurnIndex).toBeGreaterThanOrEqual(0)
+    expect(roleTurnIndex).toBeLessThan(userActionIndex)
+    expect(userActionIndex).toBeLessThan(firstFrameTurnIndex)
+    expect(screen.getByRole('img', { name: '已选择的角色' })).toBeTruthy()
+    expect(screen.getAllByRole('img', { name: /动作首帧候选/u })).toHaveLength(3)
+  })
+
+  it('keeps the candidate selected until the action description is sent', async () => {
+    vi.useFakeTimers()
+    const selectingRun = workflow(setupAndTemplate())
+    const nextRun = actionWorkflow({ firstStatus: 'active', firstPhase: 'generating' })
+    const service = serviceFor(selectingRun, {
+      getTemplateCandidates: vi.fn(async () => [
+        'https://example.test/character-1.png',
+        'https://example.test/character-2.png',
+        'https://example.test/character-3.png',
+      ]),
+      confirmCandidate: vi.fn(async () => nextRun),
+    })
+    renderAt('/quick-start/run-1', service)
+
+    await act(async () => undefined)
+    const candidate = screen.getByRole('button', { name: /选择角色方案 2/u })
+    fireEvent.click(candidate)
+    await act(async () => undefined)
+
+    expect(candidate.getAttribute('aria-pressed')).toBe('true')
+    expect(screen.getByTestId('quick-start-transcript').textContent).not.toContain(
+      '你选择了角色方案 2',
+    )
+    expect(screen.getByPlaceholderText('描述这个角色接下来要做的动作…')).toBeTruthy()
+    expect(
+      screen.getByRole('button', { name: '确认选择，继续下一步' }).hasAttribute('disabled'),
+    ).toBe(false)
+
+    fireEvent.change(screen.getByLabelText('继续描述你的想法'), {
+      target: { value: '转身挥动风灯' },
+    })
+    fireEvent.click(screen.getByRole('button', { name: '确认选择，继续下一步' }))
+    await act(async () => undefined)
+
+    const transcript = screen.getByTestId('quick-start-transcript').textContent ?? ''
+    expect(transcript).not.toContain('你选择了')
+    expect(transcript).toContain('摆好动作姿态')
+    expect(service.confirmCandidate).toHaveBeenCalledWith(
+      'https://example.test/character-2.png',
+      '转身挥动风灯',
+    )
   })
 
   it('keeps the natural-language creation entry visible when no run is selected', () => {
@@ -192,11 +746,12 @@ describe('QuickStartPage', () => {
       </MemoryRouter>,
     )
 
-    expect(screen.getByRole('heading', { name: /用一句角色设定/u })).toBeTruthy()
-    fireEvent.click(screen.getByRole('button', { name: /像素守夜人/u }))
-    expect((screen.getByRole('textbox') as HTMLTextAreaElement).value).toContain('像素守夜人')
-    fireEvent.click(screen.getByRole('button', { name: '轻装信使' }))
-    expect((screen.getByRole('textbox') as HTMLTextAreaElement).value).toContain('轻装信使')
+    expect(screen.getByRole('textbox', { name: '创作指令' })).toBeTruthy()
+    fireEvent.click(screen.getByRole('button', { name: /16-bit 日式 RPG/u }))
+    expect((screen.getByRole('textbox') as HTMLTextAreaElement).value).toBe(
+      '16-bit 日式 RPG 像素风，清晰轮廓，明亮配色',
+    )
+    expect(screen.queryByRole('button', { name: /暗黑哥特像素/u })).toBeNull()
   })
 
   it('shows first-frame confirmation instead of stale character candidates after a template is confirmed', async () => {
@@ -209,9 +764,11 @@ describe('QuickStartPage', () => {
     })
     const view = renderAt('/quick-start/run-1', service)
 
-    await waitFor(() => {
-      expect(view.getByRole('heading', { name: '选择动作首帧' })).toBeTruthy()
-    })
+    await waitFor(() =>
+      expect(
+        view.container.querySelector('[data-agent-copy][aria-label^="已生成 3 个动作起始姿态"]'),
+      ).toBeTruthy(),
+    )
     const firstFrame = view.getByRole('img', { name: '动作首帧候选 1' })
     expect(firstFrame.getAttribute('loading')).toBe('eager')
     expect(firstFrame.getAttribute('decoding')).toBe('async')
@@ -223,21 +780,21 @@ describe('QuickStartPage', () => {
     const service = serviceFor(null)
     const view = renderAt('/quick-start', service)
 
-    fireEvent.click(screen.getByRole('button', { name: /像素守夜人/u }))
-    fireEvent.click(screen.getByRole('button', { name: '开始生成' }))
+    fireEvent.click(screen.getByRole('button', { name: /16-bit 日式 RPG/u }))
+    fireEvent.click(screen.getByRole('button', { name: '生成角色' }))
     await waitFor(() =>
-      expect(service.start).toHaveBeenCalledWith(expect.stringContaining('像素守夜人')),
+      expect(service.start).toHaveBeenCalledWith('16-bit 日式 RPG 像素风，清晰轮廓，明亮配色'),
     )
     expect(service.open).not.toHaveBeenCalled()
 
     view.unmount()
     renderAt('/quick-start', service)
     const file = new File(['pixels'], 'hero.png', { type: 'image/png' })
-    fireEvent.click(screen.getByRole('button', { name: '上传角色母版' }))
+    fireEvent.click(screen.getByRole('button', { name: '添加母版' }))
     fireEvent.change(screen.getByLabelText('上传角色母版'), { target: { files: [file] } })
     expect(screen.getByText('hero.png')).toBeTruthy()
     fireEvent.change(screen.getByLabelText('创作指令'), { target: { value: '挥手' } })
-    fireEvent.click(screen.getByRole('button', { name: '开始生成' }))
+    fireEvent.click(screen.getByRole('button', { name: '生成角色' }))
     await waitFor(() =>
       expect(service.startWithUploadedTemplate).toHaveBeenCalledWith(
         file,
@@ -261,7 +818,7 @@ describe('QuickStartPage', () => {
     )
 
     fireEvent.change(screen.getByLabelText('创作指令'), { target: { value: '像素骑士' } })
-    fireEvent.click(screen.getByRole('button', { name: '开始生成' }))
+    fireEvent.click(screen.getByRole('button', { name: '生成角色' }))
 
     await waitFor(() => expect(service.resume).toHaveBeenCalled())
     expect(service.open).not.toHaveBeenCalled()
@@ -278,10 +835,23 @@ describe('QuickStartPage', () => {
     fireEvent.click(screen.getByRole('button', { name: '移除图片' }))
     expect(screen.queryByText('hero.png')).toBeNull()
     fireEvent.change(screen.getByLabelText('创作指令'), { target: { value: '骑士' } })
-    fireEvent.click(screen.getByRole('button', { name: '开始生成' }))
+    fireEvent.click(screen.getByRole('button', { name: '生成角色' }))
     expect((await screen.findByRole('alert')).textContent).toContain('服务繁忙')
   })
 
+  it('keeps the uploaded template controls in the single-line composer', () => {
+    renderAt('/quick-start', serviceFor(null))
+    const file = new File(['pixels'], 'hero.png', { type: 'image/png' })
+
+    fireEvent.change(screen.getByLabelText('上传角色母版'), { target: { files: [file] } })
+
+    const composer = screen.getByLabelText('创作指令').closest('form')
+    expect(screen.getByLabelText('创作指令').tagName).toBe('TEXTAREA')
+    expect(composer?.textContent).toContain('hero.png')
+    expect(screen.getByRole('button', { name: '移除图片' }).closest('form')).toBe(composer)
+    expect(composer?.querySelector('[data-layout="quick-start-attachment-row"]')).toBeNull()
+  })
+
   it('adds an action to an existing character and reports submission errors', async () => {
     const service = serviceFor(null)
     const view = renderAt('/quick-start?characterId=character-1&outfitId=outfit-1', service)
@@ -309,7 +879,7 @@ describe('QuickStartPage', () => {
     renderAt('/quick-start/missing', service)
     expect(await screen.findByRole('heading', { name: '无法恢复这次创作' })).toBeTruthy()
     fireEvent.click(screen.getByRole('button', { name: '返回快速开始' }))
-    expect(screen.getByRole('heading', { name: /用一句角色设定/u })).toBeTruthy()
+    expect(screen.getByRole('textbox', { name: '创作指令' })).toBeTruthy()
   })
 
   it('opens a recoverable run once and accepts its session update', async () => {
@@ -325,7 +895,7 @@ describe('QuickStartPage', () => {
     expect(service.resume).toHaveBeenCalledWith()
   })
 
-  it('selects, confirms, and regenerates a character candidate', async () => {
+  it('selects a character first, then submits its action through the conversation composer', async () => {
     const run = workflow(setupAndTemplate())
     const service = serviceFor(run, {
       getTemplateCandidates: vi.fn(async () => ['https://example.test/candidate.png']),
@@ -335,7 +905,13 @@ describe('QuickStartPage', () => {
     renderAt('/quick-start/run-1', service)
     const candidate = await screen.findByRole('img', { name: '角色图候选 1' })
     fireEvent.click(candidate)
-    fireEvent.change(screen.getByLabelText(/动作描述/u), { target: { value: '挥手' } })
+
+    expect(service.confirmCandidate).not.toHaveBeenCalled()
+    expect(
+      screen.getByRole('button', { name: '选择角色方案 1' }).getAttribute('aria-pressed'),
+    ).toBe('true')
+
+    fireEvent.change(screen.getByLabelText('继续描述你的想法'), { target: { value: '挥手' } })
     fireEvent.click(screen.getByRole('button', { name: '确认选择，继续下一步' }))
     await waitFor(() =>
       expect(service.confirmCandidate).toHaveBeenCalledWith(
@@ -344,11 +920,23 @@ describe('QuickStartPage', () => {
       ),
     )
     expect((await screen.findByRole('alert')).textContent).toContain('候选确认失败')
-    fireEvent.click(screen.getByRole('button', { name: '重新生成' }))
+    expect(screen.getByTestId('quick-start-run')).toBeTruthy()
+  })
+
+  it('keeps the original regenerate and new-creation controls reachable', async () => {
+    const run = workflow(setupAndTemplate())
+    const service = serviceFor(run, {
+      getTemplateCandidates: vi.fn(async () => ['https://example.test/candidate.png']),
+      start: vi.fn(async () => Promise.reject(new Error('重新生成失败'))),
+    })
+    renderAt('/quick-start/run-1', service)
+
+    fireEvent.click(await screen.findByRole('button', { name: '重新生成' }))
     await waitFor(() => expect(service.start).toHaveBeenCalledWith('像素骑士'))
     expect((await screen.findByRole('alert')).textContent).toContain('重新生成失败')
+
     fireEvent.click(screen.getByRole('button', { name: '新建一次创作' }))
-    expect(screen.getByRole('heading', { name: /用一句角色设定/u })).toBeTruthy()
+    expect(screen.getByRole('textbox', { name: '创作指令' })).toBeTruthy()
   })
 
   it('confirms a generated first frame before starting the full animation', async () => {
@@ -361,6 +949,7 @@ describe('QuickStartPage', () => {
     })
     renderAt('/quick-start/run-1', service)
     fireEvent.click(await screen.findByRole('img', { name: '动作首帧候选 1' }))
+    expect(service.confirmFirstFrame).not.toHaveBeenCalled()
     fireEvent.click(screen.getByRole('button', { name: '确认首帧，生成完整动作' }))
     await waitFor(() =>
       expect(service.confirmFirstFrame).toHaveBeenCalledWith('https://example.test/first.png'),
@@ -370,20 +959,20 @@ describe('QuickStartPage', () => {
 
   it('renders generating and failed states for both first-frame and full animation tasks', async () => {
     const states = [
-      [actionWorkflow({ firstStatus: 'active', firstPhase: 'generating' }), '正在生成动作首帧'],
+      [actionWorkflow({ firstStatus: 'active', firstPhase: 'generating' }), '动作首帧生成进度'],
       [actionWorkflow({ firstStatus: 'failed', error: '首帧服务失败' }), '动作首帧生成失败'],
-      [actionWorkflow({ fullStatus: 'active' }), '正在生成动作'],
+      [actionWorkflow({ fullStatus: 'active' }), '完整动作生成进度'],
       [actionWorkflow({ fullStatus: 'failed', error: '动作服务失败' }), '动作生成失败'],
     ] as const
 
     for (const [run, label] of states) {
       const view = renderAt('/quick-start/run-1', serviceFor(run))
-      expect((await screen.findAllByText(label, { selector: 'b' })).length).toBeGreaterThan(0)
+      expect(await screen.findByLabelText(new RegExp(label, 'u'))).toBeTruthy()
       view.unmount()
     }
   })
 
-  it('automatically approves a completed animation and opens its Playtest action', async () => {
+  it('saves a completed animation without navigating and exposes both explicit destinations', async () => {
     const run = actionWorkflow({ fullStatus: 'passed', reviewStatus: 'active' })
     const approved = actionWorkflow({ fullStatus: 'passed', reviewStatus: 'passed' })
     const service = serviceFor(run, {
@@ -393,21 +982,51 @@ describe('QuickStartPage', () => {
         { index: 1, imageUrl: 'https://example.test/frame-1.png', durationMs: 80 },
       ]),
     })
-    renderAt('/quick-start/run-1', service)
+    const view = renderAt('/quick-start/run-1', service)
+    await waitFor(() => expect(service.approveReview).toHaveBeenCalledWith())
+    expect(screen.getByTestId('quick-start-run')).toBeTruthy()
+    expect(screen.getByRole('button', { name: '跳转到资产工作台' })).toBeTruthy()
+    expect(screen.getByRole('button', { name: '跳转到 Play Test' })).toBeTruthy()
+
+    fireEvent.click(screen.getByRole('button', { name: '跳转到资产工作台' }))
+    expect(await screen.findByRole('heading', { name: '/projects/project-1/assets' })).toBeTruthy()
+
+    view.unmount()
+    const approvedService = serviceFor(approved, {
+      getActionFrames: vi.fn(async () => [
+        { index: 0, imageUrl: 'https://example.test/frame-0.png', durationMs: 80 },
+      ]),
+    })
+    renderAt('/quick-start/run-1', approvedService)
+    fireEvent.click(await screen.findByRole('button', { name: '跳转到 Play Test' }))
     expect(
       await screen.findByRole('heading', {
         name: '/playtest/character-1/outfit-1?actionId=action-full',
       }),
     ).toBeTruthy()
-    expect(service.approveReview).toHaveBeenCalledWith()
   })
 
-  it('keeps a completed run recoverable when its character binding is missing', async () => {
+  it('keeps a completed run recoverable when saving fails', async () => {
     const run = actionWorkflow({ fullStatus: 'passed', reviewStatus: 'active' })
+    const approved = actionWorkflow({ fullStatus: 'passed', reviewStatus: 'passed' })
+    const service = serviceFor(run, {
+      approveReview: vi
+        .fn()
+        .mockRejectedValueOnce(new Error('保存失败'))
+        .mockResolvedValue(approved),
+      getActionFrames: vi.fn(async () => [
+        { index: 0, imageUrl: 'https://example.test/frame.png', durationMs: 80 },
+      ]),
+    })
+    renderAt('/quick-start/run-1', service)
+    expect((await screen.findByRole('alert')).textContent).toContain('保存失败')
+    fireEvent.click(screen.getByRole('button', { name: '重新保存' }))
+    await waitFor(() => expect(service.approveReview).toHaveBeenCalledTimes(2))
+  })
+
+  it('keeps the completed run open when Play Test cannot resolve the character binding', async () => {
+    const run = actionWorkflow({ fullStatus: 'passed', reviewStatus: 'passed' })
     const service = serviceFor(run, {
-      approveReview: vi.fn(async () =>
-        actionWorkflow({ fullStatus: 'passed', reviewStatus: 'passed' }),
-      ),
       getCharacterInfo: vi.fn(() => null),
       resolveCharacterInfo: vi.fn(async () => null),
       getActionFrames: vi.fn(async () => [
@@ -415,18 +1034,19 @@ describe('QuickStartPage', () => {
       ]),
     })
     renderAt('/quick-start/run-1', service)
+    fireEvent.click(await screen.findByRole('button', { name: '跳转到 Play Test' }))
     expect((await screen.findByRole('alert')).textContent).toContain('没有找到对应的角色资产')
-    fireEvent.click(screen.getByRole('button', { name: '重新导入预览台' }))
-    await waitFor(() => expect(service.approveReview).toHaveBeenCalledTimes(2))
+    expect(screen.getByTestId('quick-start-run')).toBeTruthy()
   })
 
-  it('interrupts an active run and surfaces interruption failures', async () => {
+  it('keeps the original workflow interruption control reachable in the conversation', async () => {
     const run = actionWorkflow({ fullStatus: 'active' })
     const service = serviceFor(run, {
       interrupt: vi.fn(async () => Promise.reject(new Error('无法中断'))),
     })
     renderAt('/quick-start/run-1', service)
     fireEvent.click(await screen.findByRole('button', { name: '中断自动制作' }))
+    await waitFor(() => expect(service.interrupt).toHaveBeenCalledWith())
     expect((await screen.findByRole('alert')).textContent).toContain('无法中断')
   })
 })
diff --git a/frontend/src/pages/quick-start/kinetic-copy-cycle.test.tsx b/frontend/src/pages/quick-start/kinetic-copy-cycle.test.tsx
new file mode 100644
index 00000000..57465484
--- /dev/null
+++ b/frontend/src/pages/quick-start/kinetic-copy-cycle.test.tsx
@@ -0,0 +1,190 @@
+// @vitest-environment jsdom
+import { act, cleanup, render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+
+import { KineticCopyCycle } from './kinetic-copy-cycle'
+
+afterEach(() => {
+  cleanup()
+  vi.unstubAllGlobals()
+  vi.useRealTimers()
+})
+
+describe('KineticCopyCycle', () => {
+  it('layers optional mirrored character motion over the shared transition', () => {
+    const characterView = render(
+      <KineticCopyCycle
+        active={false}
+        motionMode="characters"
+        messages={[
+          {
+            prefix: '试试',
+            lines: ['银色卷发的裁缝'],
+          },
+        ]}
+      />,
+    )
+
+    expect(
+      characterView.container
+        .querySelector('[data-copy-motion-mode]')
+        ?.getAttribute('data-copy-motion-mode'),
+    ).toBe('characters')
+    const characters =
+      characterView.container.querySelectorAll<HTMLElement>('.kinetic-copy-character')
+    expect(characters).toHaveLength(7)
+    expect(characters[0].style.getPropertyValue('--kinetic-copy-character-reverse-index')).toBe('6')
+    expect(characters[6].style.getPropertyValue('--kinetic-copy-character-reverse-index')).toBe('0')
+    expect(screen.getByText('试试').querySelector('.kinetic-copy-character')).toBeNull()
+    expect(characterView.container.textContent).toBe('试试银色卷发的裁缝')
+
+    characterView.unmount()
+    const lineView = render(
+      <KineticCopyCycle active={false} messages={[{ lines: ['登录页原动画'] }]} />,
+    )
+    expect(lineView.container.querySelectorAll('.kinetic-copy-character')).toHaveLength(0)
+    expect(lineView.container.textContent).toBe('登录页原动画')
+  })
+
+  it('vertically centers a compact prefix beside the main subtitle', () => {
+    render(
+      <KineticCopyCycle
+        active={false}
+        messages={[
+          {
+            prefix: '试试',
+            prefixClassName: 'text-[10px]',
+            lines: ['银色卷发、戴星形单片眼镜的裁缝'],
+          },
+        ]}
+      />,
+    )
+
+    expect(screen.getByText('试试').parentElement?.className).toContain(
+      'kinetic-copy-line-inner-prefixed',
+    )
+  })
+
+  it('lets the current subtitle leave before the next complete message enters', () => {
+    vi.useFakeTimers()
+    vi.stubGlobal('matchMedia', () => ({
+      matches: false,
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+    }))
+
+    const { container } = render(
+      <KineticCopyCycle
+        as="h1"
+        ariaLabel="角色灵感"
+        firstCycleMs={2_400}
+        loopStartIndex={1}
+        messages={[
+          { lines: ['想做一个什么角色？'] },
+          { prefix: '试试', lines: ['银色卷发、戴星形单片眼镜的裁缝'] },
+          { prefix: '试试', lines: ['长着鹿角、披苔藓斗篷的邮差'] },
+        ]}
+      />,
+    )
+    const cycle = () => container.querySelector<HTMLElement>('[data-copy-phase]')
+    const heading = screen.getByRole('heading', { name: '角色灵感' })
+
+    expect(cycle()?.dataset.copyPhase).toBe('entering')
+    expect(heading.textContent).toBe('想做一个什么角色？')
+
+    act(() => vi.advanceTimersByTime(760))
+    expect(cycle()?.dataset.copyPhase).toBe('resting')
+
+    act(() => vi.advanceTimersByTime(1_640))
+    expect(cycle()?.dataset.copyPhase).toBe('exiting')
+    expect(heading.textContent).toBe('想做一个什么角色？')
+
+    act(() => vi.advanceTimersByTime(460))
+    expect(cycle()?.dataset.copyPhase).toBe('entering')
+    expect(heading.textContent).toBe('试试银色卷发、戴星形单片眼镜的裁缝')
+
+    act(() => vi.advanceTimersByTime(4_200))
+    expect(heading.textContent).toBe('试试长着鹿角、披苔藓斗篷的邮差')
+
+    act(() => vi.advanceTimersByTime(4_200))
+    expect(heading.textContent).toBe('试试银色卷发、戴星形单片眼镜的裁缝')
+    expect(heading.textContent).not.toContain('想做一个什么角色？')
+  })
+
+  it('lets the current subtitle exit before a replacement sequence enters', () => {
+    vi.useFakeTimers()
+    vi.stubGlobal('matchMedia', () => ({
+      matches: false,
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+    }))
+    const ideas = [{ lines: ['想做一个什么角色？'] }, { lines: ['银色卷发的裁缝'] }] as const
+    const guidance = [
+      { lines: ['想做一个什么角色？'] },
+      { lines: ['先写身份，再补最醒目的外形'] },
+    ] as const
+    const { container, rerender } = render(
+      <KineticCopyCycle
+        ariaLabel="角色灵感"
+        firstCycleMs={2_400}
+        loopStartIndex={1}
+        messages={ideas}
+      />,
+    )
+    const cycle = () => container.querySelector<HTMLElement>('[data-copy-phase]')
+
+    act(() => vi.advanceTimersByTime(3_000))
+    expect(screen.getByLabelText('角色灵感').textContent).toBe('银色卷发的裁缝')
+
+    rerender(
+      <KineticCopyCycle
+        ariaLabel="角色灵感"
+        firstCycleMs={2_400}
+        loopStartIndex={1}
+        messages={guidance}
+      />,
+    )
+    expect(cycle()?.dataset.copyPhase).toBe('exiting')
+    expect(screen.getByLabelText('角色灵感').textContent).toBe('银色卷发的裁缝')
+
+    act(() => vi.advanceTimersByTime(460))
+    expect(cycle()?.dataset.copyPhase).toBe('entering')
+    expect(screen.getByLabelText('角色灵感').textContent).toBe('想做一个什么角色？')
+
+    act(() => vi.advanceTimersByTime(2_860))
+    expect(screen.getByLabelText('角色灵感').textContent).toBe('先写身份，再补最醒目的外形')
+  })
+
+  it('returns to a static first message when cycling is paused', () => {
+    vi.useFakeTimers()
+    vi.stubGlobal('matchMedia', () => ({
+      matches: false,
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+    }))
+
+    const { rerender } = render(
+      <KineticCopyCycle
+        active
+        as="h1"
+        ariaLabel="角色灵感"
+        firstCycleMs={2_400}
+        messages={[{ lines: ['想做一个什么角色？'] }, { lines: ['银色卷发的裁缝'] }]}
+      />,
+    )
+
+    act(() => vi.advanceTimersByTime(3_000))
+    expect(screen.getByRole('heading', { name: '角色灵感' }).textContent).toBe('银色卷发的裁缝')
+
+    rerender(
+      <KineticCopyCycle
+        active={false}
+        as="h1"
+        ariaLabel="角色灵感"
+        firstCycleMs={2_400}
+        messages={[{ lines: ['想做一个什么角色？'] }, { lines: ['银色卷发的裁缝'] }]}
+      />,
+    )
+    expect(screen.getByRole('heading', { name: '角色灵感' }).textContent).toBe('想做一个什么角色？')
+  })
+})

From 40ef37c02dfde0b7a2ff2c15d81fa692291cf7fb Mon Sep 17 00:00:00 2001
From: huyan <huyanxius@Gmail.com>
Date: Fri, 14 Aug 2026 12:29:39 +0800
Subject: [PATCH 4/5] docs(quick-start): add continuity screenshots

The visible redesign needs reviewable desktop and mobile evidence.

Capture the completed conversation with export and explicit destination controls.

Keep the screenshots alongside the repository existing visual evidence.
---
 .../quick-start-continuity-desktop.jpg          | Bin 0 -> 39889 bytes
 .../quick-start-continuity-mobile.jpg           | Bin 0 -> 22858 bytes
 2 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 docs/screenshots/quick-start-continuity-desktop.jpg
 create mode 100644 docs/screenshots/quick-start-continuity-mobile.jpg

diff --git a/docs/screenshots/quick-start-continuity-desktop.jpg b/docs/screenshots/quick-start-continuity-desktop.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bd395892718bab7926adab77d14f532e6527b272
GIT binary patch
literal 39889
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

literal 0
HcmV?d00001

diff --git a/docs/screenshots/quick-start-continuity-mobile.jpg b/docs/screenshots/quick-start-continuity-mobile.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..157bc9437ead149444b358e9e45c330711cf4aeb
GIT binary patch
literal 22858
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
b-7EqW(;J1D9gy49qwLWT7(pRm|NkZc7$22|

literal 0
HcmV?d00001


From b060c324f910f4e392affcdc8e374a68e17137df Mon Sep 17 00:00:00 2001
From: huyan <huyanxius@Gmail.com>
Date: Fri, 14 Aug 2026 12:36:13 +0800
Subject: [PATCH 5/5] fix(quick-start): use shared composer shadow

Frontend CI rejects private color values in authenticated product pages.

Replace the two inline RGB shadows with the existing semantic panel shadow.

Keep the visual depth while preserving the shared color-system boundary.
---
 frontend/src/pages/quick-start/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/quick-start/index.tsx b/frontend/src/pages/quick-start/index.tsx
index 171e466d..7cf3e2ae 100644
--- a/frontend/src/pages/quick-start/index.tsx
+++ b/frontend/src/pages/quick-start/index.tsx
@@ -388,7 +388,7 @@ function QuickStartInput({
         <div data-layout="quick-start-composer" className="mx-auto w-full max-w-3xl self-end">
           <form
             onSubmit={(event) => void submit(event)}
-            className="grid items-center gap-1.5 rounded-xl border border-app-line-strong bg-app-surface-raised p-1.5 shadow-app-panel transition-shadow focus-within:border-app-accent focus-within:shadow-[0_18px_48px_rgb(29_37_31/14%)] sm:grid-cols-[1fr_auto_auto]"
+            className="grid items-center gap-1.5 rounded-xl border border-app-line-strong bg-app-surface-raised p-1.5 shadow-app-panel transition-shadow focus-within:border-app-accent sm:grid-cols-[1fr_auto_auto]"
           >
             <label className="min-w-0" htmlFor="quick-start-prompt">
               <span className="sr-only">创作指令</span>
@@ -1261,7 +1261,7 @@ function QuickStartRun({
           </div>
           <form
             onSubmit={continueConversation}
-            className="grid grid-cols-[1fr_auto] items-center gap-1.5 rounded-2xl border border-app-line-strong bg-app-surface-raised/96 p-1.5 shadow-[0_14px_42px_rgb(29_37_31/14%)] backdrop-blur-xl transition focus-within:border-app-accent"
+            className="grid grid-cols-[1fr_auto] items-center gap-1.5 rounded-2xl border border-app-line-strong bg-app-surface-raised/96 p-1.5 shadow-app-panel backdrop-blur-xl transition focus-within:border-app-accent"
           >
             <label htmlFor="quick-start-continuation" className="min-w-0">
               <span className="sr-only">继续描述你的想法</span>