AI创作弹窗对话打磨 v2:单弹窗需求框+输入框+AI全程引导

废弃旧分步向导+跨会话打磨+md载入路径,改为单弹窗 confirmAiScript 重写。

改动:
- public/data-pages.js: confirmAiScript v2(L199-326)= REQ_FIELDS 10 项常量 + 顶部10行需求框常显(空值灰显"待定·由AI按人设自决")+ 中部对话流(u/ai气泡)+ 底部输入行 + 取消/提交创作;无 step/chip/AI按钮/载入按钮/上下步
- public/style.css: 删 .wizard-modal/.wz-/.ai-topic 旧样式;新增 .req-modal/.req-sheet/.req-dialog/.req-msg.mine/.req-msg.ai/.req-bubble/.req-input-row/.req-input/.req-send 全套
- server.js: 新增 POST /api/ai/clarify(紧跟 /api/ai/topics 之后)= 同步阻塞 Dify chat-messages 100s AbortController;入参 {accountName,turn,reqMd,history};query 拼装账号人设+当前需求+最近2轮历史+本轮输入;强制输出"对话+==REQ==+10行需求"模板
- 记忆:MEMORY.md 核心技能段补"AI创作弹窗对话打磨 v2"长期记忆;2026-09-02.md 追加完整收尾日志

关键设计:每轮重发 reqMd + 最近 2 轮 history 做无状态上下文;AI 可更新任意字段但严禁生成脚本正文;reqLines 仅取非空字段 + "未填由AI按人设自决"提示。

冒烟 tmp/cdp-req-dialog-smoke.mjs(CDP 9224)4 步端到端 53s 全绿:结构✓/双轮真实Dify打磨✓/需求框0→6→8字段✓/提交捕获{label:创作指令,skills:[短视频脚本创作],hasPersona:true,reqRows:8,modalClosed:true}✓。
This commit is contained in:
maogeigei committed 2026-09-02 16:00:46 +08:00
1 parent 5b5bcf790f
commit 7984520728
6 files changed
+291 -57

No files matched your search

+13
View File
@@ -178,3 +178,16 @@
- 数据源:`/api/dsh/video-script?videoId=` 的 rewrites(同表 rewrite_log.id,与列表 items.id 同体系)+ items 行聚合 review_ai/compare(find 不到时兜底 raw curRow → 显示空态)
- CSS 补 `.diag-empty`(style.css,dim 灰 + padding)
- 语法 node --check 通过 ×2;服务未重启(纯静态,no-store);git commit afc45b7,与之前 6 个 commit 一起 push(d0cbd41..afc45b7 成功)
## AI创作弹窗对话打磨 v2 定稿(15:50-16:00)
- **用户反馈**:「跟 AI 打磨需求 和 载入需求单 交互很奇怪,而且不连贯」→ 要求改为「弹窗内 需求框 + 输入框 对话打磨」「AI 按钮去掉,全过程都用 AI」——彻底废弃旧分步向导 + 跨会话打磨 + 需求单 md 载入路径
- **方案**:单弹窗 v2(`confirmAiScript` 完全重写,data-pages.js:199-326)= 顶部 10 行「创作需求」框(`REQ_FIELDS` 空值灰显"待定·由 AI 按人设自决")+ 中部对话流(u/ai 气泡)+ 底部输入行(Enter 发,Shift+Enter 换行)+ 取消/提交创作;**无 step/chip/AI 按钮/载入按钮/上下步**
- **后端新增** `POST /api/ai/clarify`(server.js,紧跟 `/api/ai/topics` 之后)= 同步阻塞 Dify chat-messages(100s AbortController),request `{ accountName, turn, reqMd, history }`,response `{ answer }`;query 拼接=账号人设摘要+当前需求 md+最近 2 轮历史+用户本轮输入,强制输出"对话回复 + ==REQ== + 10 行需求"
- **关键设计**:每轮重发「当前完整需求 + 最近 2 轮历史」做无状态上下文;AI 可更新任意字段、用户可改写 AI 输出;AI **只澄清需求严禁生成脚本正文**;最终 prompt `reqLines` 仅取非空字段,未填字段加 "由 AI 按人设自决" 提示
- **冒烟脚本 `tmp/cdp-req-dialog-smoke.mjs`**(CDP 9224,4 步端到端)3 轮迭代定稿——首两轮 2 个脚本 bug:
1. ④ 提交点击 `querySelector('[data-create]')` 命中背后列表按钮(弹窗内外按钮同名 data-create)→ 改为 `.req-modal [data-create]` 限定作用域;同时 `title` 改为 `.req-modal .modal-title-row span`(原全局 querySelector 命中其他 modal 模板)
2. `Page.navigate` 同 URL 不真正 reload(旧弹窗残留叠加新弹窗,rows 30=3 个弹窗叠加)→ 改用 `?v=Date.now()` 强制 reload + `waitFor('!document.querySelector(".req-modal")')` 等清场
- **最终全绿**(53s):①结构 rows:10 / title="AI创作 · 旧梦留声机" ②第一轮 busy=true,AI 回复贴合人设("账号主打【隔辈亲情与温情催泪】...A. 角色换为笨拙爷"),filled 0→6 ③第二轮 filled 6→8 ④提交 label="创作指令"/skills=["短视频脚本创作"]/hasPersona=true(人设卡注入 prompt)/reqRows=8(8 条需求进 prompt)/modalClosed=true
- **截图产出** `tmp/req-1-empty.png` / `req-2-after-turn1.png` / `req-3-after-turn2.png` + 报告 `tmp/req-dialog-report.json`
- **工作台页面** 按"改完必重开"约定 present_files `?v=20260902-req#/accounts`
- **经验沉淀**:①账号列表/弹窗内同名 `data-create` 触发选择器歧义——统一加 modal 作用域或换名(如 `data-confirm-create`)②CDP Page.navigate 同 URL 不可靠——浏览器/CDP 跨会话残留必须强制 reload + 显式等清空;冒烟脚本应假设首状态脏