auto-save 2026-05-19 00:17 (~8)

This commit is contained in:
2026-05-19 00:18:42 +08:00
parent c3a46375aa
commit 361bbefa71
8 changed files with 342 additions and 148 deletions

View File

@@ -176,7 +176,7 @@ export default function Home() {
}
return (
<div className="flex h-screen bg-[#FAFAFA]">
<div className="flex h-screen text-white">
<Sidebar
open={sidebarOpen}
onToggle={() => setSidebarOpen(v => !v)}
@@ -186,20 +186,22 @@ export default function Home() {
onNew={() => setCurrent(null)}
/>
<main className="flex-1 overflow-y-auto">
<div className="mx-auto max-w-[1180px] px-10 py-10">
<div className="mx-auto max-w-[1200px] px-10 py-10">
<header className="flex items-start justify-between mb-10">
<div>
<h1 className="text-[26px] font-semibold tracking-tight text-zinc-900 leading-tight">
AI
<span className="section-eyebrow">AI Toy Workflow</span>
<h1 className="mt-2 text-[30px] font-semibold tracking-tight leading-tight">
<span className="bg-gradient-to-r from-violet-300 via-fuchsia-300 to-blue-300 bg-clip-text text-transparent"> </span>
</h1>
<p className="text-sm text-zinc-500 mt-1.5">
<p className="text-sm text-white/50 mt-2 max-w-[560px] leading-relaxed">
· · · · Seedance
</p>
</div>
<div className="flex items-center gap-2 pt-1">
<span className={provider === 'gpt' ? 'chip chip-live' : 'chip chip-mock'}>
<span className={`w-1.5 h-1.5 rounded-full ${provider === 'gpt' ? 'bg-emerald-500' : 'bg-amber-500'}`} />
{provider === 'gpt' ? 'GPT · 最高规格' : provider === 'mock' ? 'Mock · 占位图' : provider}
<div className="flex items-center gap-2 pt-1 shrink-0">
<span className={provider === 'gpt' ? 'chip chip-live' : provider === '?' ? 'chip chip-neutral' : 'chip chip-mock'}>
<span className={`w-1.5 h-1.5 rounded-full ${provider === 'gpt' ? 'bg-emerald-400' : provider === '?' ? 'bg-white/40' : 'bg-amber-400'}`} />
{provider === 'gpt' ? 'GPT · 最高规格' : provider === 'mock' ? 'Mock · 占位图' : provider === '?' ? '待连接' : provider}
</span>
</div>
</header>
@@ -207,15 +209,16 @@ export default function Home() {
<div className="space-y-8">
<PromptPanel onGenerate={handleGenerate} loading={loading} />
{current && (
<section className="space-y-4">
<section className="space-y-5">
<div className="flex items-end justify-between">
<div>
<h2 className="text-sm font-medium text-zinc-900"></h2>
<p className="text-xs text-zinc-500 mt-0.5">
<span className="section-eyebrow">Step · 02 · Quick Screen</span>
<h2 className="mt-2 text-lg font-semibold text-white"></h2>
<p className="text-xs text-white/40 mt-1">
{new Date(current.createdAt).toLocaleString('zh-CN')}
</p>
</div>
<code className="text-[11px] text-zinc-400 font-mono">{current.id}</code>
<code className="text-[11px] text-white/30 font-mono">{current.id}</code>
</div>
<ResultGrid images={current.images} onAction={handleAction} />
<PackPanel