azmat1127/yingqing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(core): 脚本交互再打磨 — 点字展开思考 / 一句话主题对话流 / 删除秒删持久队列 / 生成可停止

Browse Source 
- 思考过程:点整行(不只小箭头)即可展开/收起
- 一句话主题改对话式:确定=确认风格/类型 → 模型主动问主题 → 输入再生成;设定卡「返回」回三选项
- 删除分镜:本地秒删 + localStorage 持久重试队列(扛刷新、网络不好自动重试到删成、绝不回滚)
- 生成中发送键变停止键:AbortController 掐断流(后端检测断连自动释放预扣额度)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
seaislee1209
2026-06-18 23:32:15 +08:00
co-authored by Claude Opus 4.8
parent 4399da2090
commit 5cfee715a2
3 changed files with 111 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/frontend/src/pipeline-page.css
+10 -2
View File
@@ -167,6 +167,12 @@
.script-gen-veil .spinner, .shot-gen-veil .spinner { width: 26px; height: 26px; border: 2.5px solid var(--heat-20); border-top-color: var(--heat); border-radius: 50%; animation: assetSpin .7s linear infinite; flex: 0 0 auto; }
.shot-gen-veil .spinner { width: 20px; height: 20px; }
.chat-send-btn .spinner.spinner-on-accent { width: 14px; height: 14px; border: 2px solid color-mix(in srgb, currentColor 40%, transparent); border-top-color: currentColor; border-radius: 50%; animation: assetSpin .7s linear infinite; }
/* ⑤ 停止键:中间方块 + 外圈转圈;悬停转红提示中断 */
.chat-stop-btn { cursor: pointer; }
.chat-stop-btn:hover { background: var(--accent-crimson); border-color: var(--accent-crimson); }
.chat-stop-ring { position: relative; width: 18px; height: 18px; display: grid; place-items: center; }
.chat-stop-ring::before { content: ""; position: absolute; inset: 0; border: 2px solid color-mix(in srgb, currentColor 38%, transparent); border-top-color: currentColor; border-radius: 50%; animation: assetSpin .7s linear infinite; }
.chat-stop-square { width: 7px; height: 7px; border-radius: 1.5px; background: currentColor; }
.shot-list > .pane-h { flex-wrap: wrap; row-gap: 8px; }
.shot-headline { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
@@ -569,8 +575,10 @@
-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-line-click { cursor: pointer; }
.progress-timeline .pt-line-click:hover .pt-text { color: var(--ink); }
.progress-timeline .pt-line-click:hover .pt-caret { color: var(--ink-2); }
.progress-timeline .pt-caret { flex: 0 0 auto; padding: 0 2px; color: var(--ink-4); font-size: 15px; line-height: 1; transition: transform .18s ease; }
.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; }