feat(core): 脚本 agent 真流式思考动画 + 场景图16:9 + 资产卡/审核标修复 + 模型收敛
- 进度区改竖线时间轴:推理模型 reasoning_content 逐字转发(volcano),状态字=模型实时最新一句+秒数+折叠展开思考全文(替代旧 ProgressStream/ThinkingStream) - 场景基础资产出图改 16:9(run_base_asset_task size + 提取提示词横屏) - 已出图立绘主卡不再被在途轮询任务误盖转圈 - 审核态随项目详情持久下发(BaseAssetGroup.adopted_asset_review),刷新不丢徽章 - 设定卡加「← 返回」回三选项;模型选择器固定按 created_at 排序(默认豆包2.0Pro) - 新增 reasoning 转发回归测试 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.8
parent
675b4db0aa
commit
4c21d85ba1
@@ -530,17 +530,32 @@
|
||||
.chat-tagedit-row .tagedit-chip.add { border-color: var(--heat); color: var(--heat); }
|
||||
.chat-tagedit-row .tagedit-chip.remove { color: var(--black-alpha-48); text-decoration: line-through; }
|
||||
|
||||
/* ── 行33 · 进度提示流 ── */
|
||||
.progress-stream { display: flex; flex-direction: column; gap: 6px; }
|
||||
.progress-stream .ps-row { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.5; animation: psRowIn .28s ease; }
|
||||
.progress-stream .ps-row .ps-dot { width: 6px; height: 6px; margin-top: 6px; border-radius: 50%; background: var(--heat); flex: 0 0 6px; }
|
||||
.progress-stream .ps-row.past { color: var(--black-alpha-48); }
|
||||
.progress-stream .ps-row.past .ps-dot { background: var(--black-alpha-24); }
|
||||
.progress-stream .ps-row.active { color: var(--accent-black); }
|
||||
.progress-stream .ps-row.active .ps-dot { animation: prog-pulse 1.2s ease-in-out infinite; }
|
||||
.progress-stream.done { display: inline-flex; flex-direction: row; align-items: center; gap: 7px; font-size: 13px; color: var(--accent-forest); }
|
||||
.progress-stream.done .ps-check { width: 16px; height: 16px; display: grid; place-items: center; background: var(--forest-bg); color: var(--accent-forest); border-radius: 50%; flex: 0 0 16px; }
|
||||
.progress-stream.done .ps-check svg { width: 10px; height: 10px; }
|
||||
/* ── 行33 · 进度时间轴(竖线串步骤 · 当前步光扫+秒数 · 思考折叠展开)── */
|
||||
.progress-timeline { display: flex; flex-direction: column; }
|
||||
.progress-timeline .pt-row { display: flex; gap: 10px; animation: ptRowIn .28s ease; }
|
||||
.progress-timeline .pt-rail { position: relative; flex: 0 0 12px; display: flex; justify-content: center; }
|
||||
.progress-timeline .pt-rail::after { content: ""; position: absolute; top: 11px; bottom: -5px; left: 50%; width: 1px; transform: translateX(-50%); background: var(--border-faint); }
|
||||
.progress-timeline .pt-row:last-child .pt-rail::after { display: none; }
|
||||
.progress-timeline .pt-dot { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--heat); flex: 0 0 7px; z-index: 1; }
|
||||
.progress-timeline .pt-row:not(.done):not(.active) .pt-dot { background: var(--ink-4); }
|
||||
.progress-timeline .pt-row.active .pt-dot { animation: pt-pulse 1.4s ease-in-out infinite; }
|
||||
.progress-timeline .pt-main { flex: 1; min-width: 0; padding-bottom: 9px; }
|
||||
.progress-timeline .pt-line { display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 1.45; }
|
||||
.progress-timeline .pt-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-2); }
|
||||
.progress-timeline .pt-row.done .pt-text { color: var(--ink-3); }
|
||||
.progress-timeline .pt-text.shimmer {
|
||||
background: linear-gradient(90deg, var(--ink-2) 0%, var(--ink-2) 42%, var(--ink-4) 50%, var(--ink-2) 58%, var(--ink-2) 100%);
|
||||
background-size: 220% 100%; -webkit-background-clip: text; background-clip: text;
|
||||
-webkit-text-fill-color: transparent; color: transparent; animation: pt-sweep 1.6s linear infinite;
|
||||
}
|
||||
.progress-timeline .pt-sec { font-family: var(--font-mono); font-size: 11px; color: var(--ink-4); letter-spacing: .02em; flex: 0 0 auto; }
|
||||
.progress-timeline .pt-caret { flex: 0 0 auto; padding: 0 2px; background: none; border: 0; cursor: pointer; color: var(--ink-4); font-size: 15px; line-height: 1; transition: transform .18s ease; }
|
||||
.progress-timeline .pt-caret:hover { color: var(--ink-2); }
|
||||
.progress-timeline .pt-caret.open { transform: rotate(90deg); }
|
||||
.progress-timeline .pt-think { margin-top: 6px; font-size: 12px; line-height: 1.6; color: var(--ink-3); white-space: pre-wrap; word-break: break-word; max-height: 168px; overflow-y: auto; border-left: 1px solid var(--border-faint); padding-left: 8px; }
|
||||
@keyframes ptRowIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
|
||||
@keyframes pt-pulse { 0%, 100% { box-shadow: 0 0 0 2px var(--heat-12); } 50% { box-shadow: 0 0 0 5px transparent; } }
|
||||
@keyframes pt-sweep { from { background-position: 140% 0; } to { background-position: -40% 0; } }
|
||||
|
||||
/* ── 行32 · 长文本折叠 ── */
|
||||
.clamp-lines { display: -webkit-box; -webkit-line-clamp: var(--clamp-lines, 10); -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; word-break: break-word; }
|
||||
|
||||
Reference in New Issue
Block a user