LUMENX STUDIO · Playground 重皮对比

# Playground · 之前 vs 现在 (Line B)

同一页面、同一空结果态截图(1600×1000)。左/旧 = 重皮前;右/新 = Line B「Luminous Atelier」最新版(含生成按钮 / 弹窗 / DetailPanel 精修)。注:new.png 为静态空态,生成按钮在空 prompt 下为禁用暗态——亮态与各交互态见下方「本次最新精修」。

A / B 翻转对比 同位置切换,最容易看出差异
BEFORE · 重皮前

点上面的按钮在原位翻转 · 或按 `空格` 切换。

并排
之前 · BEFORE
现在 · LINE B
主要变化

### 🃏Compose 分区

之前 扁平,靠 border-t 细线分隔↓现在 每段浮起 Line B 玻璃卡片 (glass-panel atelier-card)

### 🎛️生成模式

之前 仅 2 个 tab(图像生成 / 视频生成),其余靠自动判定↓现在 6 模式显式分组:图像[文生图/图生图] · 视频[文生/图生/参考生/编辑]

### 🟢生成按钮

之前 旧紫/粉品牌渐变 (purple→pink)↓现在 Line B teal + glow,弃紫渐变

### 🔤页头 / 字体

之前 "0 RESULTS"(英文硬编码)、无 eyebrow↓现在 eyebrow + Fraunces 标题、"0 结果"(i18n 中英)

### 🟠精选结果 (空态未展示)

之前 收藏=绿色星标↓现在 已保存到库的结果 → 琥珀 amber halation(Line B 签名),绿星改琥珀

### ⚙️结果操作 (空态未展示)

之前 下载 / 收藏 / 生成视频↓现在 保存到资产库 / 用作参考图(推入 compose)/ 下载 + 保留生成视频
本次最新精修 对照 mockup + 设置页修正,并补完剩余组件(commit a92d9d7 / 1ee586c / d9817d0)

### 🔘生成按钮 · 1:1 对齐 mockup

之前 `rounded-xl` 方角、无图标、自加 brightness/scale(自行发挥)↓现在 全圆角胶囊 + ✨ 图标 + 深墨字 + 常驻 teal glow(`.btn-primary` 1:1)
生成 →

### 🗂️历史抽屉

之前 全屏 `bg-black/60` 黑罩,像接管式弹窗盖住工作区↓现在 右侧轻量抽屉,工作区不再被遮黑(保留原右侧设计)

### 🏷️模板分类「通用」

之前 被误改成中性深底(看着像纯黑)↓现在 强调色底 + 深墨字(`bg-primary text-on-accent`,同设置页)

### 🖼️DetailPanel

之前 未套 Line B(绿星 / 红删 / 参数表)↓现在 镜像 ResultCard:status token、参数 chips、保存=teal 胶囊、精选琥珀光晕

### 🎞️GalleryView / AssetPicker

之前 画廊失败态硬编码红;素材弹窗半套↓现在 失败态 status token;弹窗壳镜像模板弹窗(图标徽标 + teal 胶囊 CTA)

### 🌐i18n 全覆盖

之前 ParameterBar / MediaInput / AssetPicker / DetailPanel 多处硬编码中文↓现在 34 处全部进 i18n,中英文切换;全目录 CJK / 紫粉 / 对比 残留 0

保留功能:筛选(全部/图片/视频)· grid/gallery 双视图 · 时间分组 · DetailPanel · 骨架/失败卡 全部保留 —— 只换皮、未砍能力。 | ✓ 已完成:DetailPanel / GalleryView / 模板·历史·素材弹窗 全部 Line B + 中英文;全目录 sweep 0 残留(CJK / 紫粉 / teal-底-浅字)。