diff --git a/.memory/worklog.json b/.memory/worklog.json index 1614c8e..838123e 100644 --- a/.memory/worklog.json +++ b/.memory/worklog.json @@ -2625,6 +2625,19 @@ "type": "session-heartbeat", "message": "Claude 会话活跃 · 最近命令：claude · 1 项未提交变更 · 最近提交：auto-save 2026-05-14 00:02 (+3, ~4)", "files_changed": 1 + }, + { + "ts": "2026-05-14T00:08:58+08:00", + "type": "commit", + "message": "auto-save 2026-05-14 00:08 (+5, ~2)", + "hash": "a1f6355", + "files_changed": 7 + }, + { + "ts": "2026-05-13T16:13:09Z", + "type": "session-heartbeat", + "message": "Claude 会话活跃 · 最近命令：claude · 3 项未提交变更 · 最近提交：auto-save 2026-05-14 00:08 (+5, ~2)", + "files_changed": 3 } ] } diff --git a/.playwright-mcp/page-2026-05-13T16-10-17-243Z.yml b/.playwright-mcp/page-2026-05-13T16-10-17-243Z.yml new file mode 100644 index 0000000..62aaa00 --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-10-17-243Z.yml @@ -0,0 +1,17 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - application [ref=e6]: + - img + - generic "Control Panel" [ref=e9]: + - button "Zoom In" [ref=e10] [cursor=pointer]: + - img [ref=e11] + - button "Zoom Out" [ref=e13] [cursor=pointer]: + - img [ref=e14] + - button "Fit View" [ref=e16] [cursor=pointer]: + - img [ref=e17] + - button "Toggle Interactivity" [ref=e19] [cursor=pointer]: + - img [ref=e20] + - img "Mini Map" [ref=e23] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e30] [cursor=pointer]: + - img [ref=e31] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-10-19-345Z.yml b/.playwright-mcp/page-2026-05-13T16-10-19-345Z.yml new file mode 100644 index 0000000..3a35873 --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-10-19-345Z.yml @@ -0,0 +1,335 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - button "切到明亮主题" [ref=e37]: + - img [ref=e38] + - generic [ref=e4]: + - generic [ref=e46]: + - generic [ref=e47]: + - img [ref=e48] + - generic [ref=e53]: 分镜头编排 + - generic [ref=e54]: 1 分镜 · 3 元素 + - generic [ref=e55]: · 组织分镜画面 → 为生成视频做准备 + - button "展开编排" [ref=e57]: + - img [ref=e58] + - text: 展开编排 + - application [ref=e6]: + - generic [ref=e8]: + - generic: + - generic: + - img: + - group "Edge from input to keyframe" [ref=e60] [cursor=pointer] + - img: + - group "Edge from input to asr" [ref=e63] [cursor=pointer] + - img: + - group "Edge from asr to translate" + - img: + - group "Edge from translate to rewrite" [ref=e66] [cursor=pointer] + - img: + - group "Edge from keyframe to storyboard" [ref=e69] [cursor=pointer] + - img: + - group "Edge from rewrite to storyboard" [ref=e72] [cursor=pointer] + - img: + - group "Edge from storyboard to videogen" [ref=e75] [cursor=pointer] + - img: + - group "Edge from videogen to compose" [ref=e78] [cursor=pointer] + - img: + - group "Edge from rewrite to compose" [ref=e81] [cursor=pointer] + - generic: + - group [ref=e84]: + - generic [ref=e85]: + - generic [ref=e86]: + - button "再上传一个视频" [ref=e87]: + - img [ref=e88] + - button "72.4s" [ref=e89]: + - generic [ref=e91]: 72.4s + - button "64.5s" [ref=e92]: + - generic [ref=e94]: 64.5s + - button "71.4s" [ref=e95]: + - generic [ref=e97]: 71.4s + - button "72.4s" [ref=e98]: + - generic [ref=e100]: 72.4s + - button "64.5s" [ref=e101]: + - generic [ref=e103]: 64.5s + - button "71.4s" [ref=e104]: + - generic [ref=e106]: 71.4s + - button "71.4s" [ref=e107]: + - generic [ref=e109]: 71.4s + - button "71.4s" [ref=e110]: + - generic [ref=e112]: 71.4s + - button "71.4s" [ref=e113]: + - generic [ref=e115]: 71.4s + - button "71.4s" [ref=e116]: + - generic [ref=e118]: 71.4s + - button "8.0s" [ref=e119]: + - generic [ref=e121]: 8.0s + - button "8.0s" [ref=e122]: + - generic [ref=e124]: 8.0s + - button "8.0s" [ref=e125]: + - generic [ref=e127]: 8.0s + - button "8.0s" [ref=e128]: + - generic [ref=e130]: 8.0s + - button "…" [ref=e131]: + - img [ref=e133] + - generic [ref=e135]: … + - button "…" [ref=e136]: + - img [ref=e138] + - generic [ref=e140]: … + - button "…" [ref=e141]: + - img [ref=e143] + - generic [ref=e145]: … + - generic [ref=e146]: + - generic [ref=e147]: + - img [ref=e149] + - generic [ref=e152]: 输入 · Input + - img [ref=e154] + - generic [ref=e158]: + - generic [ref=e159]: STEP 1 · 视频就绪 · 完成 + - textbox "再加一个 TK 链接" [ref=e160] + - generic [ref=e161]: + - button "+ 加链接" [disabled] [ref=e162] + - button "再传一个" [ref=e163]: + - img [ref=e164] + - text: 再传一个 + - generic [ref=e167]: + - generic [ref=e168]: 576×1024 · 72.4s + - generic [ref=e169]: 📎 上传 + - button "重新解析" [ref=e170] + - group [ref=e173]: + - generic [ref=e174]: + - generic [ref=e175]: + - generic [ref=e176]: + - button "frame 6 1.3s" [ref=e177]: + - img "frame 6" [ref=e178] + - generic [ref=e179]: 1.3s + - button "📋" [ref=e180] + - button "删除该关键帧" [ref=e181]: + - img [ref=e182] + - generic: + - generic: + - generic: + - generic: 分镜 7 + - generic: 1.33s + - generic [ref=e185]: + - button "frame 5 3 7.4s" [ref=e186]: + - img "frame 5" [ref=e187] + - generic "3 个元素已抠图" [ref=e189]: "3" + - generic [ref=e190]: 7.4s + - button "📋" [ref=e191] + - button "删除该关键帧" [ref=e192]: + - img [ref=e193] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e196]: + - button "frame 0 11.7s" [ref=e197]: + - img "frame 0" [ref=e198] + - generic [ref=e199]: 11.7s + - button "📋" [ref=e200] + - button "删除该关键帧" [ref=e201]: + - img [ref=e202] + - generic: + - generic: + - generic: + - generic: 分镜 1 + - generic: 11.68s + - generic [ref=e205]: + - button "frame 7 18.0s" [ref=e206]: + - img "frame 7" [ref=e207] + - generic [ref=e208]: 18.0s + - button "📋" [ref=e209] + - button "删除该关键帧" [ref=e210]: + - img [ref=e211] + - generic: + - generic: + - generic: + - generic: 分镜 8 + - generic: 18.00s + - generic [ref=e214]: + - button "frame 1 23.4s" [ref=e215]: + - img "frame 1" [ref=e216] + - generic [ref=e217]: 23.4s + - button "📋" [ref=e218] + - button "删除该关键帧" [ref=e219]: + - img [ref=e220] + - generic: + - generic: + - generic: + - generic: 分镜 2 + - generic: 23.37s + - generic [ref=e223]: + - button "frame 2 32.7s" [ref=e224]: + - img "frame 2" [ref=e225] + - generic [ref=e226]: 32.7s + - button "📋" [ref=e227] + - button "删除该关键帧" [ref=e228]: + - img [ref=e229] + - generic: + - generic: + - generic: + - generic: 分镜 3 + - generic: 32.72s + - generic [ref=e232]: + - button "frame 3 49.1s" [ref=e233]: + - img "frame 3" [ref=e234] + - generic [ref=e235]: 49.1s + - button "📋" [ref=e236] + - button "删除该关键帧" [ref=e237]: + - img [ref=e238] + - generic: + - generic: + - generic: + - generic: 分镜 4 + - generic: 49.08s + - generic [ref=e241]: + - button "frame 8 52.8s" [ref=e242]: + - img "frame 8" [ref=e243] + - generic [ref=e244]: 52.8s + - button "📋" [ref=e245] + - button "删除该关键帧" [ref=e246]: + - img [ref=e247] + - generic: + - generic: + - generic: + - generic: 分镜 9 + - generic: 52.80s + - generic [ref=e250]: + - button "frame 9 55.5s" [ref=e251]: + - img "frame 9" [ref=e252] + - generic [ref=e253]: 55.5s + - button "📋" [ref=e254] + - button "删除该关键帧" [ref=e255]: + - img [ref=e256] + - generic: + - generic: + - generic: + - generic: 分镜 10 + - generic: 55.50s + - generic [ref=e259]: + - button "frame 4 65.4s" [ref=e260]: + - img "frame 4" [ref=e261] + - generic [ref=e262]: 65.4s + - button "📋" [ref=e263] + - button "删除该关键帧" [ref=e264]: + - img [ref=e265] + - generic: + - generic: + - generic: + - generic: 分镜 5 + - generic: 65.43s + - generic [ref=e268]: + - generic [ref=e270]: + - img [ref=e272] + - generic [ref=e276]: 镜头拆解 · 元素提取 + - img [ref=e278] + - generic [ref=e282]: + - generic [ref=e283]: STEP 2 · 1/10 入编排 · 完成 + - generic [ref=e284]: + - text: 自动 10 张 · + - generic [ref=e285]: 0 已清洗 + - text: · + - generic [ref=e286]: 3/3 已抠图 + - text: 点缩略图 → 清洗水印 / 提取可借鉴元素 → 改造成 SKG 画面素材 + - group [ref=e289]: + - generic [ref=e290]: + - generic [ref=e292]: + - img [ref=e294] + - generic [ref=e297]: 声音文案 · ASR + - generic [ref=e300]: + - generic [ref=e301]: STEP 3 · 可选文案轨 · 待运行 + - generic [ref=e302]: Gemini 2.5 · 英文带时间戳分段 + - group [ref=e305]: + - generic [ref=e306]: + - generic [ref=e308]: + - img [ref=e310] + - generic [ref=e314]: 翻译理解 · Translate + - generic [ref=e317]: + - generic [ref=e318]: STEP 4 · EN → ZH · 待运行 + - generic [ref=e319]: 中文翻译 · 段落级 · 实时输出 + - group [ref=e322]: + - generic [ref=e323]: + - generic [ref=e324]: + - generic [ref=e325]: + - button "病人骨骼" [ref=e326]: + - img "病人骨骼" [ref=e327] + - button "📋" [ref=e328] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e329]: + - button "医生骨骼" [ref=e330]: + - img "医生骨骼" [ref=e331] + - button "📋" [ref=e332] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e333]: + - button "检查台" [ref=e334]: + - img "检查台" [ref=e335] + - button "📋" [ref=e336] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e337]: + - generic [ref=e339]: + - img [ref=e341] + - generic [ref=e346]: 元素改造 · Storyboard + - img [ref=e348] + - generic [ref=e352]: + - generic [ref=e353]: STEP 6 · 参考元素 → SKG 画面 · 1 分镜 · 完成 + - generic [ref=e354]: + - text: 不是复刻原视频：先把参考图里的主体 / 场景 / 动作 / 道具拆出来，再替换成 SKG 产品画面。 + - generic [ref=e355]: 已有 3 个提取元素 · 1 个分镜进入编排 + - button "进入分镜编排" [ref=e356] + - group [ref=e359]: + - generic [ref=e360]: + - generic [ref=e362]: + - img [ref=e364] + - generic [ref=e368]: 产品文案 · Rewrite + - generic [ref=e371]: + - generic [ref=e372]: STEP 5 · 接 SKG 卖点 · 待运行 + - textbox "粘贴 SKG 产品信息 / 关键卖点（可作为视频脚本和镜头动作参考）" [disabled] [ref=e373] + - generic [ref=e374]: 下一冲刺接入 + - group [ref=e377]: + - generic [ref=e379]: + - generic [ref=e381]: + - img [ref=e383] + - generic [ref=e385]: 生成视频 · Video Gen + - generic [ref=e388]: + - generic [ref=e389]: STEP 7 · 首帧 + 动作 prompt · 待运行 + - generic [ref=e390]: + - generic [ref=e391]: Seedance + - generic [ref=e392]: Kling + - generic [ref=e393]: Veo 3 + - group [ref=e396]: + - generic [ref=e397]: + - generic [ref=e399]: + - img [ref=e401] + - generic [ref=e405]: 合成成品 · Compose + - generic [ref=e408]: + - generic [ref=e409]: STEP 8 · ffmpeg + 字幕 · 待运行 + - generic [ref=e410]: + - text: 视频片段 + 字幕 / TTS + - text: → 最终 mp4 输出 + - img + - generic "Control Panel" [ref=e9]: + - button "Zoom In" [ref=e10] [cursor=pointer]: + - img [ref=e11] + - button "Zoom Out" [ref=e13] [cursor=pointer]: + - img [ref=e14] + - button "Fit View" [ref=e16] [cursor=pointer]: + - img [ref=e17] + - button "Toggle Interactivity" [ref=e19] [cursor=pointer]: + - img [ref=e20] + - img "Mini Map" [ref=e23] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e30] [cursor=pointer]: + - img [ref=e31] + - alert [ref=e420] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-11-15-698Z.yml b/.playwright-mcp/page-2026-05-13T16-11-15-698Z.yml new file mode 100644 index 0000000..4a6b669 --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-11-15-698Z.yml @@ -0,0 +1,120 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - button "切到明亮主题" [ref=e5]: + - img [ref=e6] + - application [ref=e14]: + - generic [ref=e16]: + - generic: + - generic: + - img: + - group "Edge from input to keyframe" [ref=e17] [cursor=pointer] + - img: + - group "Edge from input to asr" [ref=e20] [cursor=pointer] + - img: + - group "Edge from asr to translate" + - img: + - group "Edge from translate to rewrite" [ref=e23] [cursor=pointer] + - img: + - group "Edge from keyframe to storyboard" [ref=e26] [cursor=pointer] + - img: + - group "Edge from rewrite to storyboard" [ref=e29] [cursor=pointer] + - img: + - group "Edge from storyboard to videogen" [ref=e32] [cursor=pointer] + - img: + - group "Edge from videogen to compose" [ref=e35] [cursor=pointer] + - img: + - group "Edge from rewrite to compose" [ref=e38] [cursor=pointer] + - generic: + - group [ref=e41]: + - generic [ref=e43]: + - generic [ref=e44]: + - img [ref=e46] + - generic [ref=e49]: 输入 · Input + - generic [ref=e52]: + - generic [ref=e53]: STEP 1 · 待运行 + - textbox "粘贴 TikTok 链接" [ref=e54] + - generic [ref=e55]: + - button "提交链接" [disabled] [ref=e56] + - button "上传" [ref=e57]: + - img [ref=e58] + - text: 上传 + - group [ref=e63]: + - generic [ref=e65]: + - generic [ref=e67]: + - img [ref=e69] + - generic [ref=e73]: 镜头拆解 · 元素提取 + - generic [ref=e76]: + - generic [ref=e77]: STEP 2 · 等待抽取 · 待运行 + - generic [ref=e78]: 等待解析（默认 5 张） + - group [ref=e81]: + - generic [ref=e82]: + - generic [ref=e84]: + - img [ref=e86] + - generic [ref=e89]: 声音文案 · ASR + - generic [ref=e92]: + - generic [ref=e93]: STEP 3 · 可选文案轨 · 待运行 + - generic [ref=e94]: Gemini 2.5 · 英文带时间戳分段 + - group [ref=e97]: + - generic [ref=e98]: + - generic [ref=e100]: + - img [ref=e102] + - generic [ref=e106]: 翻译理解 · Translate + - generic [ref=e109]: + - generic [ref=e110]: STEP 4 · EN → ZH · 待运行 + - generic [ref=e111]: 中文翻译 · 段落级 · 实时输出 + - group [ref=e114]: + - generic [ref=e116]: + - generic [ref=e118]: + - img [ref=e120] + - generic [ref=e125]: 元素改造 · Storyboard + - generic [ref=e128]: + - generic [ref=e129]: STEP 6 · 参考元素 → SKG 画面 · 待运行 + - generic [ref=e130]: + - text: 不是复刻原视频：先把参考图里的主体 / 场景 / 动作 / 道具拆出来，再替换成 SKG 产品画面。 + - generic [ref=e131]: 已有 0 个提取元素 · 0 个分镜进入编排 + - button "进入分镜编排" [disabled] [ref=e132] + - group [ref=e135]: + - generic [ref=e136]: + - generic [ref=e138]: + - img [ref=e140] + - generic [ref=e144]: 产品文案 · Rewrite + - generic [ref=e147]: + - generic [ref=e148]: STEP 5 · 接 SKG 卖点 · 待运行 + - textbox "粘贴 SKG 产品信息 / 关键卖点（可作为视频脚本和镜头动作参考）" [disabled] [ref=e149] + - generic [ref=e150]: 下一冲刺接入 + - group [ref=e153]: + - generic [ref=e155]: + - generic [ref=e157]: + - img [ref=e159] + - generic [ref=e161]: 生成视频 · Video Gen + - generic [ref=e164]: + - generic [ref=e165]: STEP 7 · 首帧 + 动作 prompt · 待运行 + - generic [ref=e166]: + - generic [ref=e167]: Seedance + - generic [ref=e168]: Kling + - generic [ref=e169]: Veo 3 + - group [ref=e172]: + - generic [ref=e173]: + - generic [ref=e175]: + - img [ref=e177] + - generic [ref=e181]: 合成成品 · Compose + - generic [ref=e184]: + - generic [ref=e185]: STEP 8 · ffmpeg + 字幕 · 待运行 + - generic [ref=e186]: + - text: 视频片段 + 字幕 / TTS + - text: → 最终 mp4 输出 + - img + - generic "Control Panel" [ref=e188]: + - button "Zoom In" [ref=e189] [cursor=pointer]: + - img [ref=e190] + - button "Zoom Out" [ref=e192] [cursor=pointer]: + - img [ref=e193] + - button "Fit View" [ref=e195] [cursor=pointer]: + - img [ref=e196] + - button "Toggle Interactivity" [ref=e198] [cursor=pointer]: + - img [ref=e199] + - img "Mini Map" [ref=e202] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e217] [cursor=pointer]: + - img [ref=e218] + - alert [ref=e223] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-11-18-080Z.yml b/.playwright-mcp/page-2026-05-13T16-11-18-080Z.yml new file mode 100644 index 0000000..258e33b --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-11-18-080Z.yml @@ -0,0 +1,335 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - button "切到明亮主题" [ref=e5]: + - img [ref=e6] + - generic [ref=e12]: + - generic [ref=e226]: + - generic [ref=e227]: + - img [ref=e228] + - generic [ref=e233]: 分镜头编排 + - generic [ref=e234]: 1 分镜 · 3 元素 + - generic [ref=e235]: · 组织分镜画面 → 为生成视频做准备 + - button "展开编排" [ref=e237]: + - img [ref=e238] + - text: 展开编排 + - application [ref=e14]: + - generic [ref=e16]: + - generic: + - generic: + - img: + - group "Edge from input to keyframe" [ref=e17] [cursor=pointer] + - img: + - group "Edge from input to asr" [ref=e20] [cursor=pointer] + - img: + - group "Edge from asr to translate" + - img: + - group "Edge from translate to rewrite" [ref=e23] [cursor=pointer] + - img: + - group "Edge from keyframe to storyboard" [ref=e26] [cursor=pointer] + - img: + - group "Edge from rewrite to storyboard" [ref=e29] [cursor=pointer] + - img: + - group "Edge from storyboard to videogen" [ref=e32] [cursor=pointer] + - img: + - group "Edge from videogen to compose" [ref=e35] [cursor=pointer] + - img: + - group "Edge from rewrite to compose" [ref=e38] [cursor=pointer] + - generic: + - group [ref=e41]: + - generic [ref=e42]: + - generic [ref=e240]: + - button "再上传一个视频" [ref=e241]: + - img [ref=e242] + - button "72.4s" [ref=e243]: + - generic [ref=e245]: 72.4s + - button "64.5s" [ref=e246]: + - generic [ref=e248]: 64.5s + - button "71.4s" [ref=e249]: + - generic [ref=e251]: 71.4s + - button "72.4s" [ref=e252]: + - generic [ref=e254]: 72.4s + - button "64.5s" [ref=e255]: + - generic [ref=e257]: 64.5s + - button "71.4s" [ref=e258]: + - generic [ref=e260]: 71.4s + - button "71.4s" [ref=e261]: + - generic [ref=e263]: 71.4s + - button "71.4s" [ref=e264]: + - generic [ref=e266]: 71.4s + - button "71.4s" [ref=e267]: + - generic [ref=e269]: 71.4s + - button "71.4s" [ref=e270]: + - generic [ref=e272]: 71.4s + - button "8.0s" [ref=e273]: + - generic [ref=e275]: 8.0s + - button "8.0s" [ref=e276]: + - generic [ref=e278]: 8.0s + - button "8.0s" [ref=e279]: + - generic [ref=e281]: 8.0s + - button "8.0s" [ref=e282]: + - generic [ref=e284]: 8.0s + - button "…" [ref=e285]: + - img [ref=e287] + - generic [ref=e289]: … + - button "…" [ref=e290]: + - img [ref=e292] + - generic [ref=e294]: … + - button "…" [ref=e295]: + - img [ref=e297] + - generic [ref=e299]: … + - generic [ref=e43]: + - generic [ref=e44]: + - img [ref=e46] + - generic [ref=e49]: 输入 · Input + - img [ref=e300] + - generic [ref=e52]: + - generic [ref=e53]: STEP 1 · 视频就绪 · 完成 + - textbox "再加一个 TK 链接" [ref=e303] + - generic [ref=e55]: + - button "+ 加链接" [disabled] [ref=e304] + - button "再传一个" [ref=e305]: + - img [ref=e58] + - text: 再传一个 + - generic [ref=e306]: + - generic [ref=e307]: 576×1024 · 72.4s + - generic [ref=e308]: 📎 上传 + - button "重新解析" [ref=e309] + - group [ref=e63]: + - generic [ref=e64]: + - generic [ref=e310]: + - generic [ref=e311]: + - button "frame 6 1.3s" [ref=e312]: + - img "frame 6" [ref=e313] + - generic [ref=e314]: 1.3s + - button "📋" [ref=e315] + - button "删除该关键帧" [ref=e316]: + - img [ref=e317] + - generic: + - generic: + - generic: + - generic: 分镜 7 + - generic: 1.33s + - generic [ref=e320]: + - button "frame 5 3 7.4s" [ref=e321]: + - img "frame 5" [ref=e322] + - generic "3 个元素已抠图" [ref=e324]: "3" + - generic [ref=e325]: 7.4s + - button "📋" [ref=e326] + - button "删除该关键帧" [ref=e327]: + - img [ref=e328] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e331]: + - button "frame 0 11.7s" [ref=e332]: + - img "frame 0" [ref=e333] + - generic [ref=e334]: 11.7s + - button "📋" [ref=e335] + - button "删除该关键帧" [ref=e336]: + - img [ref=e337] + - generic: + - generic: + - generic: + - generic: 分镜 1 + - generic: 11.68s + - generic [ref=e340]: + - button "frame 7 18.0s" [ref=e341]: + - img "frame 7" [ref=e342] + - generic [ref=e343]: 18.0s + - button "📋" [ref=e344] + - button "删除该关键帧" [ref=e345]: + - img [ref=e346] + - generic: + - generic: + - generic: + - generic: 分镜 8 + - generic: 18.00s + - generic [ref=e349]: + - button "frame 1 23.4s" [ref=e350]: + - img "frame 1" [ref=e351] + - generic [ref=e352]: 23.4s + - button "📋" [ref=e353] + - button "删除该关键帧" [ref=e354]: + - img [ref=e355] + - generic: + - generic: + - generic: + - generic: 分镜 2 + - generic: 23.37s + - generic [ref=e358]: + - button "frame 2 32.7s" [ref=e359]: + - img "frame 2" [ref=e360] + - generic [ref=e361]: 32.7s + - button "📋" [ref=e362] + - button "删除该关键帧" [ref=e363]: + - img [ref=e364] + - generic: + - generic: + - generic: + - generic: 分镜 3 + - generic: 32.72s + - generic [ref=e367]: + - button "frame 3 49.1s" [ref=e368]: + - img "frame 3" [ref=e369] + - generic [ref=e370]: 49.1s + - button "📋" [ref=e371] + - button "删除该关键帧" [ref=e372]: + - img [ref=e373] + - generic: + - generic: + - generic: + - generic: 分镜 4 + - generic: 49.08s + - generic [ref=e376]: + - button "frame 8 52.8s" [ref=e377]: + - img "frame 8" [ref=e378] + - generic [ref=e379]: 52.8s + - button "📋" [ref=e380] + - button "删除该关键帧" [ref=e381]: + - img [ref=e382] + - generic: + - generic: + - generic: + - generic: 分镜 9 + - generic: 52.80s + - generic [ref=e385]: + - button "frame 9 55.5s" [ref=e386]: + - img "frame 9" [ref=e387] + - generic [ref=e388]: 55.5s + - button "📋" [ref=e389] + - button "删除该关键帧" [ref=e390]: + - img [ref=e391] + - generic: + - generic: + - generic: + - generic: 分镜 10 + - generic: 55.50s + - generic [ref=e394]: + - button "frame 4 65.4s" [ref=e395]: + - img "frame 4" [ref=e396] + - generic [ref=e397]: 65.4s + - button "📋" [ref=e398] + - button "删除该关键帧" [ref=e399]: + - img [ref=e400] + - generic: + - generic: + - generic: + - generic: 分镜 5 + - generic: 65.43s + - generic [ref=e65]: + - generic [ref=e67]: + - img [ref=e69] + - generic [ref=e73]: 镜头拆解 · 元素提取 + - img [ref=e403] + - generic [ref=e76]: + - generic [ref=e77]: STEP 2 · 1/10 入编排 · 完成 + - generic [ref=e78]: + - text: 自动 10 张 · + - generic [ref=e406]: 0 已清洗 + - text: · + - generic [ref=e407]: 3/3 已抠图 + - text: 点缩略图 → 清洗水印 / 提取可借鉴元素 → 改造成 SKG 画面素材 + - group [ref=e81]: + - generic [ref=e82]: + - generic [ref=e84]: + - img [ref=e86] + - generic [ref=e89]: 声音文案 · ASR + - generic [ref=e92]: + - generic [ref=e93]: STEP 3 · 可选文案轨 · 待运行 + - generic [ref=e94]: Gemini 2.5 · 英文带时间戳分段 + - group [ref=e97]: + - generic [ref=e98]: + - generic [ref=e100]: + - img [ref=e102] + - generic [ref=e106]: 翻译理解 · Translate + - generic [ref=e109]: + - generic [ref=e110]: STEP 4 · EN → ZH · 待运行 + - generic [ref=e111]: 中文翻译 · 段落级 · 实时输出 + - group [ref=e114]: + - generic [ref=e115]: + - generic [ref=e408]: + - generic [ref=e409]: + - button "病人骨骼" [ref=e410]: + - img "病人骨骼" [ref=e411] + - button "📋" [ref=e412] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e413]: + - button "医生骨骼" [ref=e414]: + - img "医生骨骼" [ref=e415] + - button "📋" [ref=e416] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e417]: + - button "检查台" [ref=e418]: + - img "检查台" [ref=e419] + - button "📋" [ref=e420] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e116]: + - generic [ref=e118]: + - img [ref=e120] + - generic [ref=e125]: 元素改造 · Storyboard + - img [ref=e421] + - generic [ref=e128]: + - generic [ref=e129]: STEP 6 · 参考元素 → SKG 画面 · 1 分镜 · 完成 + - generic [ref=e130]: + - text: 不是复刻原视频：先把参考图里的主体 / 场景 / 动作 / 道具拆出来，再替换成 SKG 产品画面。 + - generic [ref=e131]: 已有 3 个提取元素 · 1 个分镜进入编排 + - button "进入分镜编排" [ref=e132] + - group [ref=e135]: + - generic [ref=e136]: + - generic [ref=e138]: + - img [ref=e140] + - generic [ref=e144]: 产品文案 · Rewrite + - generic [ref=e147]: + - generic [ref=e148]: STEP 5 · 接 SKG 卖点 · 待运行 + - textbox "粘贴 SKG 产品信息 / 关键卖点（可作为视频脚本和镜头动作参考）" [disabled] [ref=e149] + - generic [ref=e150]: 下一冲刺接入 + - group [ref=e153]: + - generic [ref=e155]: + - generic [ref=e157]: + - img [ref=e159] + - generic [ref=e161]: 生成视频 · Video Gen + - generic [ref=e164]: + - generic [ref=e165]: STEP 7 · 首帧 + 动作 prompt · 待运行 + - generic [ref=e166]: + - generic [ref=e167]: Seedance + - generic [ref=e168]: Kling + - generic [ref=e169]: Veo 3 + - group [ref=e172]: + - generic [ref=e173]: + - generic [ref=e175]: + - img [ref=e177] + - generic [ref=e181]: 合成成品 · Compose + - generic [ref=e184]: + - generic [ref=e185]: STEP 8 · ffmpeg + 字幕 · 待运行 + - generic [ref=e186]: + - text: 视频片段 + 字幕 / TTS + - text: → 最终 mp4 输出 + - img + - generic "Control Panel" [ref=e188]: + - button "Zoom In" [ref=e189] [cursor=pointer]: + - img [ref=e190] + - button "Zoom Out" [ref=e192] [cursor=pointer]: + - img [ref=e193] + - button "Fit View" [ref=e195] [cursor=pointer]: + - img [ref=e196] + - button "Toggle Interactivity" [ref=e198] [cursor=pointer]: + - img [ref=e199] + - img "Mini Map" [ref=e202] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e217] [cursor=pointer]: + - img [ref=e218] + - alert [ref=e223] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-11-37-661Z.yml b/.playwright-mcp/page-2026-05-13T16-11-37-661Z.yml new file mode 100644 index 0000000..62aaa00 --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-11-37-661Z.yml @@ -0,0 +1,17 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - application [ref=e6]: + - img + - generic "Control Panel" [ref=e9]: + - button "Zoom In" [ref=e10] [cursor=pointer]: + - img [ref=e11] + - button "Zoom Out" [ref=e13] [cursor=pointer]: + - img [ref=e14] + - button "Fit View" [ref=e16] [cursor=pointer]: + - img [ref=e17] + - button "Toggle Interactivity" [ref=e19] [cursor=pointer]: + - img [ref=e20] + - img "Mini Map" [ref=e23] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e30] [cursor=pointer]: + - img [ref=e31] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-11-39-778Z.yml b/.playwright-mcp/page-2026-05-13T16-11-39-778Z.yml new file mode 100644 index 0000000..3a35873 --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-11-39-778Z.yml @@ -0,0 +1,335 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - button "切到明亮主题" [ref=e37]: + - img [ref=e38] + - generic [ref=e4]: + - generic [ref=e46]: + - generic [ref=e47]: + - img [ref=e48] + - generic [ref=e53]: 分镜头编排 + - generic [ref=e54]: 1 分镜 · 3 元素 + - generic [ref=e55]: · 组织分镜画面 → 为生成视频做准备 + - button "展开编排" [ref=e57]: + - img [ref=e58] + - text: 展开编排 + - application [ref=e6]: + - generic [ref=e8]: + - generic: + - generic: + - img: + - group "Edge from input to keyframe" [ref=e60] [cursor=pointer] + - img: + - group "Edge from input to asr" [ref=e63] [cursor=pointer] + - img: + - group "Edge from asr to translate" + - img: + - group "Edge from translate to rewrite" [ref=e66] [cursor=pointer] + - img: + - group "Edge from keyframe to storyboard" [ref=e69] [cursor=pointer] + - img: + - group "Edge from rewrite to storyboard" [ref=e72] [cursor=pointer] + - img: + - group "Edge from storyboard to videogen" [ref=e75] [cursor=pointer] + - img: + - group "Edge from videogen to compose" [ref=e78] [cursor=pointer] + - img: + - group "Edge from rewrite to compose" [ref=e81] [cursor=pointer] + - generic: + - group [ref=e84]: + - generic [ref=e85]: + - generic [ref=e86]: + - button "再上传一个视频" [ref=e87]: + - img [ref=e88] + - button "72.4s" [ref=e89]: + - generic [ref=e91]: 72.4s + - button "64.5s" [ref=e92]: + - generic [ref=e94]: 64.5s + - button "71.4s" [ref=e95]: + - generic [ref=e97]: 71.4s + - button "72.4s" [ref=e98]: + - generic [ref=e100]: 72.4s + - button "64.5s" [ref=e101]: + - generic [ref=e103]: 64.5s + - button "71.4s" [ref=e104]: + - generic [ref=e106]: 71.4s + - button "71.4s" [ref=e107]: + - generic [ref=e109]: 71.4s + - button "71.4s" [ref=e110]: + - generic [ref=e112]: 71.4s + - button "71.4s" [ref=e113]: + - generic [ref=e115]: 71.4s + - button "71.4s" [ref=e116]: + - generic [ref=e118]: 71.4s + - button "8.0s" [ref=e119]: + - generic [ref=e121]: 8.0s + - button "8.0s" [ref=e122]: + - generic [ref=e124]: 8.0s + - button "8.0s" [ref=e125]: + - generic [ref=e127]: 8.0s + - button "8.0s" [ref=e128]: + - generic [ref=e130]: 8.0s + - button "…" [ref=e131]: + - img [ref=e133] + - generic [ref=e135]: … + - button "…" [ref=e136]: + - img [ref=e138] + - generic [ref=e140]: … + - button "…" [ref=e141]: + - img [ref=e143] + - generic [ref=e145]: … + - generic [ref=e146]: + - generic [ref=e147]: + - img [ref=e149] + - generic [ref=e152]: 输入 · Input + - img [ref=e154] + - generic [ref=e158]: + - generic [ref=e159]: STEP 1 · 视频就绪 · 完成 + - textbox "再加一个 TK 链接" [ref=e160] + - generic [ref=e161]: + - button "+ 加链接" [disabled] [ref=e162] + - button "再传一个" [ref=e163]: + - img [ref=e164] + - text: 再传一个 + - generic [ref=e167]: + - generic [ref=e168]: 576×1024 · 72.4s + - generic [ref=e169]: 📎 上传 + - button "重新解析" [ref=e170] + - group [ref=e173]: + - generic [ref=e174]: + - generic [ref=e175]: + - generic [ref=e176]: + - button "frame 6 1.3s" [ref=e177]: + - img "frame 6" [ref=e178] + - generic [ref=e179]: 1.3s + - button "📋" [ref=e180] + - button "删除该关键帧" [ref=e181]: + - img [ref=e182] + - generic: + - generic: + - generic: + - generic: 分镜 7 + - generic: 1.33s + - generic [ref=e185]: + - button "frame 5 3 7.4s" [ref=e186]: + - img "frame 5" [ref=e187] + - generic "3 个元素已抠图" [ref=e189]: "3" + - generic [ref=e190]: 7.4s + - button "📋" [ref=e191] + - button "删除该关键帧" [ref=e192]: + - img [ref=e193] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e196]: + - button "frame 0 11.7s" [ref=e197]: + - img "frame 0" [ref=e198] + - generic [ref=e199]: 11.7s + - button "📋" [ref=e200] + - button "删除该关键帧" [ref=e201]: + - img [ref=e202] + - generic: + - generic: + - generic: + - generic: 分镜 1 + - generic: 11.68s + - generic [ref=e205]: + - button "frame 7 18.0s" [ref=e206]: + - img "frame 7" [ref=e207] + - generic [ref=e208]: 18.0s + - button "📋" [ref=e209] + - button "删除该关键帧" [ref=e210]: + - img [ref=e211] + - generic: + - generic: + - generic: + - generic: 分镜 8 + - generic: 18.00s + - generic [ref=e214]: + - button "frame 1 23.4s" [ref=e215]: + - img "frame 1" [ref=e216] + - generic [ref=e217]: 23.4s + - button "📋" [ref=e218] + - button "删除该关键帧" [ref=e219]: + - img [ref=e220] + - generic: + - generic: + - generic: + - generic: 分镜 2 + - generic: 23.37s + - generic [ref=e223]: + - button "frame 2 32.7s" [ref=e224]: + - img "frame 2" [ref=e225] + - generic [ref=e226]: 32.7s + - button "📋" [ref=e227] + - button "删除该关键帧" [ref=e228]: + - img [ref=e229] + - generic: + - generic: + - generic: + - generic: 分镜 3 + - generic: 32.72s + - generic [ref=e232]: + - button "frame 3 49.1s" [ref=e233]: + - img "frame 3" [ref=e234] + - generic [ref=e235]: 49.1s + - button "📋" [ref=e236] + - button "删除该关键帧" [ref=e237]: + - img [ref=e238] + - generic: + - generic: + - generic: + - generic: 分镜 4 + - generic: 49.08s + - generic [ref=e241]: + - button "frame 8 52.8s" [ref=e242]: + - img "frame 8" [ref=e243] + - generic [ref=e244]: 52.8s + - button "📋" [ref=e245] + - button "删除该关键帧" [ref=e246]: + - img [ref=e247] + - generic: + - generic: + - generic: + - generic: 分镜 9 + - generic: 52.80s + - generic [ref=e250]: + - button "frame 9 55.5s" [ref=e251]: + - img "frame 9" [ref=e252] + - generic [ref=e253]: 55.5s + - button "📋" [ref=e254] + - button "删除该关键帧" [ref=e255]: + - img [ref=e256] + - generic: + - generic: + - generic: + - generic: 分镜 10 + - generic: 55.50s + - generic [ref=e259]: + - button "frame 4 65.4s" [ref=e260]: + - img "frame 4" [ref=e261] + - generic [ref=e262]: 65.4s + - button "📋" [ref=e263] + - button "删除该关键帧" [ref=e264]: + - img [ref=e265] + - generic: + - generic: + - generic: + - generic: 分镜 5 + - generic: 65.43s + - generic [ref=e268]: + - generic [ref=e270]: + - img [ref=e272] + - generic [ref=e276]: 镜头拆解 · 元素提取 + - img [ref=e278] + - generic [ref=e282]: + - generic [ref=e283]: STEP 2 · 1/10 入编排 · 完成 + - generic [ref=e284]: + - text: 自动 10 张 · + - generic [ref=e285]: 0 已清洗 + - text: · + - generic [ref=e286]: 3/3 已抠图 + - text: 点缩略图 → 清洗水印 / 提取可借鉴元素 → 改造成 SKG 画面素材 + - group [ref=e289]: + - generic [ref=e290]: + - generic [ref=e292]: + - img [ref=e294] + - generic [ref=e297]: 声音文案 · ASR + - generic [ref=e300]: + - generic [ref=e301]: STEP 3 · 可选文案轨 · 待运行 + - generic [ref=e302]: Gemini 2.5 · 英文带时间戳分段 + - group [ref=e305]: + - generic [ref=e306]: + - generic [ref=e308]: + - img [ref=e310] + - generic [ref=e314]: 翻译理解 · Translate + - generic [ref=e317]: + - generic [ref=e318]: STEP 4 · EN → ZH · 待运行 + - generic [ref=e319]: 中文翻译 · 段落级 · 实时输出 + - group [ref=e322]: + - generic [ref=e323]: + - generic [ref=e324]: + - generic [ref=e325]: + - button "病人骨骼" [ref=e326]: + - img "病人骨骼" [ref=e327] + - button "📋" [ref=e328] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e329]: + - button "医生骨骼" [ref=e330]: + - img "医生骨骼" [ref=e331] + - button "📋" [ref=e332] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e333]: + - button "检查台" [ref=e334]: + - img "检查台" [ref=e335] + - button "📋" [ref=e336] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e337]: + - generic [ref=e339]: + - img [ref=e341] + - generic [ref=e346]: 元素改造 · Storyboard + - img [ref=e348] + - generic [ref=e352]: + - generic [ref=e353]: STEP 6 · 参考元素 → SKG 画面 · 1 分镜 · 完成 + - generic [ref=e354]: + - text: 不是复刻原视频：先把参考图里的主体 / 场景 / 动作 / 道具拆出来，再替换成 SKG 产品画面。 + - generic [ref=e355]: 已有 3 个提取元素 · 1 个分镜进入编排 + - button "进入分镜编排" [ref=e356] + - group [ref=e359]: + - generic [ref=e360]: + - generic [ref=e362]: + - img [ref=e364] + - generic [ref=e368]: 产品文案 · Rewrite + - generic [ref=e371]: + - generic [ref=e372]: STEP 5 · 接 SKG 卖点 · 待运行 + - textbox "粘贴 SKG 产品信息 / 关键卖点（可作为视频脚本和镜头动作参考）" [disabled] [ref=e373] + - generic [ref=e374]: 下一冲刺接入 + - group [ref=e377]: + - generic [ref=e379]: + - generic [ref=e381]: + - img [ref=e383] + - generic [ref=e385]: 生成视频 · Video Gen + - generic [ref=e388]: + - generic [ref=e389]: STEP 7 · 首帧 + 动作 prompt · 待运行 + - generic [ref=e390]: + - generic [ref=e391]: Seedance + - generic [ref=e392]: Kling + - generic [ref=e393]: Veo 3 + - group [ref=e396]: + - generic [ref=e397]: + - generic [ref=e399]: + - img [ref=e401] + - generic [ref=e405]: 合成成品 · Compose + - generic [ref=e408]: + - generic [ref=e409]: STEP 8 · ffmpeg + 字幕 · 待运行 + - generic [ref=e410]: + - text: 视频片段 + 字幕 / TTS + - text: → 最终 mp4 输出 + - img + - generic "Control Panel" [ref=e9]: + - button "Zoom In" [ref=e10] [cursor=pointer]: + - img [ref=e11] + - button "Zoom Out" [ref=e13] [cursor=pointer]: + - img [ref=e14] + - button "Fit View" [ref=e16] [cursor=pointer]: + - img [ref=e17] + - button "Toggle Interactivity" [ref=e19] [cursor=pointer]: + - img [ref=e20] + - img "Mini Map" [ref=e23] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e30] [cursor=pointer]: + - img [ref=e31] + - alert [ref=e420] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-13-12-022Z.yml b/.playwright-mcp/page-2026-05-13T16-13-12-022Z.yml new file mode 100644 index 0000000..62aaa00 --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-13-12-022Z.yml @@ -0,0 +1,17 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - application [ref=e6]: + - img + - generic "Control Panel" [ref=e9]: + - button "Zoom In" [ref=e10] [cursor=pointer]: + - img [ref=e11] + - button "Zoom Out" [ref=e13] [cursor=pointer]: + - img [ref=e14] + - button "Fit View" [ref=e16] [cursor=pointer]: + - img [ref=e17] + - button "Toggle Interactivity" [ref=e19] [cursor=pointer]: + - img [ref=e20] + - img "Mini Map" [ref=e23] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e30] [cursor=pointer]: + - img [ref=e31] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-13-14-279Z.yml b/.playwright-mcp/page-2026-05-13T16-13-14-279Z.yml new file mode 100644 index 0000000..0dd95b2 --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-13-14-279Z.yml @@ -0,0 +1,343 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - button "切到明亮主题" [ref=e37]: + - img [ref=e38] + - generic [ref=e4]: + - generic [ref=e46]: + - generic [ref=e47]: + - img [ref=e48] + - generic [ref=e53]: 分镜头编排 + - generic [ref=e54]: 1 分镜 · 3 元素 + - generic [ref=e55]: · 组织分镜画面 → 为生成视频做准备 + - button "展开编排" [ref=e57]: + - img [ref=e58] + - text: 展开编排 + - application [ref=e6]: + - generic [ref=e8]: + - generic: + - generic: + - img: + - group "Edge from input to keyframe" [ref=e60] [cursor=pointer] + - img: + - group "Edge from input to asr" [ref=e63] [cursor=pointer] + - img: + - group "Edge from asr to translate" + - img: + - group "Edge from translate to rewrite" [ref=e66] [cursor=pointer] + - img: + - group "Edge from keyframe to storyboard" [ref=e69] [cursor=pointer] + - img: + - group "Edge from rewrite to storyboard" [ref=e72] [cursor=pointer] + - img: + - group "Edge from storyboard to videogen" [ref=e75] [cursor=pointer] + - img: + - group "Edge from videogen to compose" [ref=e78] [cursor=pointer] + - img: + - group "Edge from rewrite to compose" [ref=e81] [cursor=pointer] + - generic: + - group [ref=e84]: + - generic [ref=e85]: + - generic [ref=e86]: + - button "再上传一个视频" [ref=e87]: + - img [ref=e88] + - button "72.4s" [ref=e89]: + - generic [ref=e91]: 72.4s + - button "64.5s" [ref=e92]: + - generic [ref=e94]: 64.5s + - button "71.4s" [ref=e95]: + - generic [ref=e97]: 71.4s + - button "72.4s" [ref=e98]: + - generic [ref=e100]: 72.4s + - button "64.5s" [ref=e101]: + - generic [ref=e103]: 64.5s + - button "71.4s" [ref=e104]: + - generic [ref=e106]: 71.4s + - button "71.4s" [ref=e107]: + - generic [ref=e109]: 71.4s + - button "71.4s" [ref=e110]: + - generic [ref=e112]: 71.4s + - button "71.4s" [ref=e113]: + - generic [ref=e115]: 71.4s + - button "71.4s" [ref=e116]: + - generic [ref=e118]: 71.4s + - button "8.0s" [ref=e119]: + - generic [ref=e121]: 8.0s + - button "8.0s" [ref=e122]: + - generic [ref=e124]: 8.0s + - button "8.0s" [ref=e125]: + - generic [ref=e127]: 8.0s + - button "8.0s" [ref=e128]: + - generic [ref=e130]: 8.0s + - button "…" [ref=e131]: + - img [ref=e133] + - generic [ref=e135]: … + - button "…" [ref=e136]: + - img [ref=e138] + - generic [ref=e140]: … + - button "…" [ref=e141]: + - img [ref=e143] + - generic [ref=e145]: … + - generic [ref=e146]: + - generic [ref=e147]: + - img [ref=e149] + - generic [ref=e152]: 输入 · Input + - img [ref=e154] + - generic [ref=e158]: + - generic [ref=e159]: STEP 1 · 视频就绪 · 完成 + - textbox "再加一个 TK 链接" [ref=e160] + - generic [ref=e161]: + - button "+ 加链接" [disabled] [ref=e162] + - button "再传一个" [ref=e163]: + - img [ref=e164] + - text: 再传一个 + - generic [ref=e167]: + - generic [ref=e168]: 576×1024 · 72.4s + - generic [ref=e169]: 📎 上传 + - button "重新解析" [ref=e170] + - generic "拖动调整宽度" [ref=e172] + - group [ref=e173]: + - generic [ref=e174]: + - generic [ref=e175]: + - generic [ref=e176]: + - button "frame 6 1.3s" [ref=e177]: + - img "frame 6" [ref=e178] + - generic [ref=e179]: 1.3s + - button "📋" [ref=e180] + - button "删除该关键帧" [ref=e181]: + - img [ref=e182] + - generic: + - generic: + - generic: + - generic: 分镜 7 + - generic: 1.33s + - generic [ref=e185]: + - button "frame 5 3 7.4s" [ref=e186]: + - img "frame 5" [ref=e187] + - generic "3 个元素已抠图" [ref=e189]: "3" + - generic [ref=e190]: 7.4s + - button "📋" [ref=e191] + - button "删除该关键帧" [ref=e192]: + - img [ref=e193] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e196]: + - button "frame 0 11.7s" [ref=e197]: + - img "frame 0" [ref=e198] + - generic [ref=e199]: 11.7s + - button "📋" [ref=e200] + - button "删除该关键帧" [ref=e201]: + - img [ref=e202] + - generic: + - generic: + - generic: + - generic: 分镜 1 + - generic: 11.68s + - generic [ref=e205]: + - button "frame 7 18.0s" [ref=e206]: + - img "frame 7" [ref=e207] + - generic [ref=e208]: 18.0s + - button "📋" [ref=e209] + - button "删除该关键帧" [ref=e210]: + - img [ref=e211] + - generic: + - generic: + - generic: + - generic: 分镜 8 + - generic: 18.00s + - generic [ref=e214]: + - button "frame 1 23.4s" [ref=e215]: + - img "frame 1" [ref=e216] + - generic [ref=e217]: 23.4s + - button "📋" [ref=e218] + - button "删除该关键帧" [ref=e219]: + - img [ref=e220] + - generic: + - generic: + - generic: + - generic: 分镜 2 + - generic: 23.37s + - generic [ref=e223]: + - button "frame 2 32.7s" [ref=e224]: + - img "frame 2" [ref=e225] + - generic [ref=e226]: 32.7s + - button "📋" [ref=e227] + - button "删除该关键帧" [ref=e228]: + - img [ref=e229] + - generic: + - generic: + - generic: + - generic: 分镜 3 + - generic: 32.72s + - generic [ref=e232]: + - button "frame 3 49.1s" [ref=e233]: + - img "frame 3" [ref=e234] + - generic [ref=e235]: 49.1s + - button "📋" [ref=e236] + - button "删除该关键帧" [ref=e237]: + - img [ref=e238] + - generic: + - generic: + - generic: + - generic: 分镜 4 + - generic: 49.08s + - generic [ref=e241]: + - button "frame 8 52.8s" [ref=e242]: + - img "frame 8" [ref=e243] + - generic [ref=e244]: 52.8s + - button "📋" [ref=e245] + - button "删除该关键帧" [ref=e246]: + - img [ref=e247] + - generic: + - generic: + - generic: + - generic: 分镜 9 + - generic: 52.80s + - generic [ref=e250]: + - button "frame 9 55.5s" [ref=e251]: + - img "frame 9" [ref=e252] + - generic [ref=e253]: 55.5s + - button "📋" [ref=e254] + - button "删除该关键帧" [ref=e255]: + - img [ref=e256] + - generic: + - generic: + - generic: + - generic: 分镜 10 + - generic: 55.50s + - generic [ref=e259]: + - button "frame 4 65.4s" [ref=e260]: + - img "frame 4" [ref=e261] + - generic [ref=e262]: 65.4s + - button "📋" [ref=e263] + - button "删除该关键帧" [ref=e264]: + - img [ref=e265] + - generic: + - generic: + - generic: + - generic: 分镜 5 + - generic: 65.43s + - generic [ref=e268]: + - generic [ref=e270]: + - img [ref=e272] + - generic [ref=e276]: 镜头拆解 · 元素提取 + - img [ref=e278] + - generic [ref=e282]: + - generic [ref=e283]: STEP 2 · 1/10 入编排 · 完成 + - generic [ref=e284]: + - text: 自动 10 张 · + - generic [ref=e285]: 0 已清洗 + - text: · + - generic [ref=e286]: 3/3 已抠图 + - text: 点缩略图 → 清洗水印 / 提取可借鉴元素 → 改造成 SKG 画面素材 + - generic "拖动调整宽度" [ref=e288] + - group [ref=e289]: + - generic [ref=e290]: + - generic [ref=e292]: + - img [ref=e294] + - generic [ref=e297]: 声音文案 · ASR + - generic [ref=e300]: + - generic [ref=e301]: STEP 3 · 可选文案轨 · 待运行 + - generic [ref=e302]: Gemini 2.5 · 英文带时间戳分段 + - generic "拖动调整宽度" [ref=e304] + - group [ref=e305]: + - generic [ref=e306]: + - generic [ref=e308]: + - img [ref=e310] + - generic [ref=e314]: 翻译理解 · Translate + - generic [ref=e317]: + - generic [ref=e318]: STEP 4 · EN → ZH · 待运行 + - generic [ref=e319]: 中文翻译 · 段落级 · 实时输出 + - generic "拖动调整宽度" [ref=e321] + - group [ref=e322]: + - generic [ref=e323]: + - generic [ref=e324]: + - generic [ref=e325]: + - button "病人骨骼" [ref=e326]: + - img "病人骨骼" [ref=e327] + - button "📋" [ref=e328] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e329]: + - button "医生骨骼" [ref=e330]: + - img "医生骨骼" [ref=e331] + - button "📋" [ref=e332] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e333]: + - button "检查台" [ref=e334]: + - img "检查台" [ref=e335] + - button "📋" [ref=e336] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e337]: + - generic [ref=e339]: + - img [ref=e341] + - generic [ref=e346]: 元素改造 · Storyboard + - img [ref=e348] + - generic [ref=e352]: + - generic [ref=e353]: STEP 6 · 参考元素 → SKG 画面 · 1 分镜 · 完成 + - generic [ref=e354]: + - text: 不是复刻原视频：先把参考图里的主体 / 场景 / 动作 / 道具拆出来，再替换成 SKG 产品画面。 + - generic [ref=e355]: 已有 3 个提取元素 · 1 个分镜进入编排 + - button "进入分镜编排" [ref=e356] + - generic "拖动调整宽度" [ref=e358] + - group [ref=e359]: + - generic [ref=e360]: + - generic [ref=e362]: + - img [ref=e364] + - generic [ref=e368]: 产品文案 · Rewrite + - generic [ref=e371]: + - generic [ref=e372]: STEP 5 · 接 SKG 卖点 · 待运行 + - textbox "粘贴 SKG 产品信息 / 关键卖点（可作为视频脚本和镜头动作参考）" [disabled] [ref=e373] + - generic [ref=e374]: 下一冲刺接入 + - generic "拖动调整宽度" [ref=e376] + - group [ref=e377]: + - generic [ref=e379]: + - generic [ref=e381]: + - img [ref=e383] + - generic [ref=e385]: 生成视频 · Video Gen + - generic [ref=e388]: + - generic [ref=e389]: STEP 7 · 首帧 + 动作 prompt · 待运行 + - generic [ref=e390]: + - generic [ref=e391]: Seedance + - generic [ref=e392]: Kling + - generic [ref=e393]: Veo 3 + - generic "拖动调整宽度" [ref=e395] + - group [ref=e396]: + - generic [ref=e397]: + - generic [ref=e399]: + - img [ref=e401] + - generic [ref=e405]: 合成成品 · Compose + - generic [ref=e408]: + - generic [ref=e409]: STEP 8 · ffmpeg + 字幕 · 待运行 + - generic [ref=e410]: + - text: 视频片段 + 字幕 / TTS + - text: → 最终 mp4 输出 + - generic "拖动调整宽度" [ref=e411] + - img + - generic "Control Panel" [ref=e9]: + - button "Zoom In" [ref=e10] [cursor=pointer]: + - img [ref=e11] + - button "Zoom Out" [ref=e13] [cursor=pointer]: + - img [ref=e14] + - button "Fit View" [ref=e16] [cursor=pointer]: + - img [ref=e17] + - button "Toggle Interactivity" [ref=e19] [cursor=pointer]: + - img [ref=e20] + - img "Mini Map" [ref=e23] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e30] [cursor=pointer]: + - img [ref=e31] + - alert [ref=e420] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-14-01-556Z.yml b/.playwright-mcp/page-2026-05-13T16-14-01-556Z.yml new file mode 100644 index 0000000..62aaa00 --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-14-01-556Z.yml @@ -0,0 +1,17 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - application [ref=e6]: + - img + - generic "Control Panel" [ref=e9]: + - button "Zoom In" [ref=e10] [cursor=pointer]: + - img [ref=e11] + - button "Zoom Out" [ref=e13] [cursor=pointer]: + - img [ref=e14] + - button "Fit View" [ref=e16] [cursor=pointer]: + - img [ref=e17] + - button "Toggle Interactivity" [ref=e19] [cursor=pointer]: + - img [ref=e20] + - img "Mini Map" [ref=e23] + - region "Notifications alt+T" + - button "Open Next.js Dev Tools" [ref=e30] [cursor=pointer]: + - img [ref=e31] \ No newline at end of file diff --git a/.playwright-mcp/page-2026-05-13T16-14-04-017Z.yml b/.playwright-mcp/page-2026-05-13T16-14-04-017Z.yml new file mode 100644 index 0000000..de331bf --- /dev/null +++ b/.playwright-mcp/page-2026-05-13T16-14-04-017Z.yml @@ -0,0 +1,352 @@ +- generic [active] [ref=e1]: + - main [ref=e3]: + - button "切到明亮主题" [ref=e37]: + - img [ref=e38] + - generic [ref=e4]: + - generic [ref=e46]: + - generic [ref=e47]: + - img [ref=e48] + - generic [ref=e53]: 分镜头编排 + - generic [ref=e54]: 1 分镜 · 3 元素 + - generic [ref=e55]: · 组织分镜画面 → 为生成视频做准备 + - button "展开编排" [ref=e57]: + - img [ref=e58] + - text: 展开编排 + - application [ref=e6]: + - generic [ref=e8]: + - generic: + - generic: + - img: + - group "Edge from input to keyframe" [ref=e60] [cursor=pointer] + - img: + - group "Edge from input to asr" [ref=e63] [cursor=pointer] + - img: + - group "Edge from asr to translate" + - img: + - group "Edge from translate to rewrite" [ref=e66] [cursor=pointer] + - img: + - group "Edge from keyframe to storyboard" [ref=e69] [cursor=pointer] + - img: + - group "Edge from rewrite to storyboard" [ref=e72] [cursor=pointer] + - img: + - group "Edge from storyboard to videogen" [ref=e75] [cursor=pointer] + - img: + - group "Edge from videogen to compose" [ref=e78] [cursor=pointer] + - img: + - group "Edge from rewrite to compose" [ref=e81] [cursor=pointer] + - generic: + - group [ref=e84]: + - generic [ref=e85]: + - generic [ref=e86]: + - button "再上传一个视频" [ref=e87]: + - img [ref=e88] + - button "72.4s" [ref=e89]: + - generic [ref=e91]: 72.4s + - button "64.5s" [ref=e92]: + - generic [ref=e94]: 64.5s + - button "71.4s" [ref=e95]: + - generic [ref=e97]: 71.4s + - button "72.4s" [ref=e98]: + - generic [ref=e100]: 72.4s + - button "64.5s" [ref=e101]: + - generic [ref=e103]: 64.5s + - button "71.4s" [ref=e104]: + - generic [ref=e106]: 71.4s + - button "71.4s" [ref=e107]: + - generic [ref=e109]: 71.4s + - button "71.4s" [ref=e110]: + - generic [ref=e112]: 71.4s + - button "71.4s" [ref=e113]: + - generic [ref=e115]: 71.4s + - button "71.4s" [ref=e116]: + - generic [ref=e118]: 71.4s + - button "8.0s" [ref=e119]: + - generic [ref=e121]: 8.0s + - button "8.0s" [ref=e122]: + - generic [ref=e124]: 8.0s + - button "8.0s" [ref=e125]: + - generic [ref=e127]: 8.0s + - button "8.0s" [ref=e128]: + - generic [ref=e130]: 8.0s + - button "…" [ref=e131]: + - img [ref=e133] + - generic [ref=e135]: … + - button "…" [ref=e136]: + - img [ref=e138] + - generic [ref=e140]: … + - button "…" [ref=e141]: + - img [ref=e143] + - generic [ref=e145]: … + - generic [ref=e146]: + - generic [ref=e147]: + - img [ref=e149] + - generic [ref=e152]: 输入 · Input + - img [ref=e154] + - generic [ref=e158]: + - generic [ref=e159]: STEP 1 · 视频就绪 · 完成 + - textbox "再加一个 TK 链接" [ref=e160] + - generic [ref=e161]: + - button "+ 加链接" [disabled] [ref=e162] + - button "再传一个" [ref=e163]: + - img [ref=e164] + - text: 再传一个 + - generic [ref=e167]: + - generic [ref=e168]: 576×1024 · 72.4s + - generic [ref=e169]: 📎 上传 + - button "重新解析" [ref=e170] + - generic "拖动调整宽度" [ref=e172] + - group [ref=e173]: + - generic [ref=e174]: + - generic [ref=e175]: + - generic [ref=e176]: + - button "frame 6 1.3s" [ref=e177]: + - img "frame 6" [ref=e178] + - generic [ref=e179]: 1.3s + - button "📋" [ref=e180] + - button "删除该关键帧" [ref=e181]: + - img [ref=e182] + - generic: + - generic: + - generic: + - generic: 分镜 7 + - generic: 1.33s + - generic [ref=e185]: + - button "frame 5 3 7.4s" [ref=e186]: + - img "frame 5" [ref=e187] + - generic "3 个元素已抠图" [ref=e189]: "3" + - generic [ref=e190]: 7.4s + - button "📋" [ref=e191] + - button "删除该关键帧" [ref=e192]: + - img [ref=e193] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e196]: + - button "frame 0 11.7s" [ref=e197]: + - img "frame 0" [ref=e198] + - generic [ref=e199]: 11.7s + - button "📋" [ref=e200] + - button "删除该关键帧" [ref=e201]: + - img [ref=e202] + - generic: + - generic: + - generic: + - generic: 分镜 1 + - generic: 11.68s + - generic [ref=e205]: + - button "frame 7 18.0s" [ref=e206]: + - img "frame 7" [ref=e207] + - generic [ref=e208]: 18.0s + - button "📋" [ref=e209] + - button "删除该关键帧" [ref=e210]: + - img [ref=e211] + - generic: + - generic: + - generic: + - generic: 分镜 8 + - generic: 18.00s + - generic [ref=e214]: + - button "frame 1 23.4s" [ref=e215]: + - img "frame 1" [ref=e216] + - generic [ref=e217]: 23.4s + - button "📋" [ref=e218] + - button "删除该关键帧" [ref=e219]: + - img [ref=e220] + - generic: + - generic: + - generic: + - generic: 分镜 2 + - generic: 23.37s + - generic [ref=e223]: + - button "frame 2 32.7s" [ref=e224]: + - img "frame 2" [ref=e225] + - generic [ref=e226]: 32.7s + - button "📋" [ref=e227] + - button "删除该关键帧" [ref=e228]: + - img [ref=e229] + - generic: + - generic: + - generic: + - generic: 分镜 3 + - generic: 32.72s + - generic [ref=e232]: + - button "frame 3 49.1s" [ref=e233]: + - img "frame 3" [ref=e234] + - generic [ref=e235]: 49.1s + - button "📋" [ref=e236] + - button "删除该关键帧" [ref=e237]: + - img [ref=e238] + - generic: + - generic: + - generic: + - generic: 分镜 4 + - generic: 49.08s + - generic [ref=e241]: + - button "frame 8 52.8s" [ref=e242]: + - img "frame 8" [ref=e243] + - generic [ref=e244]: 52.8s + - button "📋" [ref=e245] + - button "删除该关键帧" [ref=e246]: + - img [ref=e247] + - generic: + - generic: + - generic: + - generic: 分镜 9 + - generic: 52.80s + - generic [ref=e250]: + - button "frame 9 55.5s" [ref=e251]: + - img "frame 9" [ref=e252] + - generic [ref=e253]: 55.5s + - button "📋" [ref=e254] + - button "删除该关键帧" [ref=e255]: + - img [ref=e256] + - generic: + - generic: + - generic: + - generic: 分镜 10 + - generic: 55.50s + - generic [ref=e259]: + - button "frame 4 65.4s" [ref=e260]: + - img "frame 4" [ref=e261] + - generic [ref=e262]: 65.4s + - button "📋" [ref=e263] + - button "删除该关键帧" [ref=e264]: + - img [ref=e265] + - generic: + - generic: + - generic: + - generic: 分镜 5 + - generic: 65.43s + - generic [ref=e268]: + - generic [ref=e270]: + - img [ref=e272] + - generic [ref=e276]: 镜头拆解 · 元素提取 + - img [ref=e278] + - generic [ref=e282]: + - generic [ref=e283]: STEP 2 · 1/10 入编排 · 完成 + - generic [ref=e284]: + - text: 自动 10 张 · + - generic [ref=e285]: 0 已清洗 + - text: · + - generic [ref=e286]: 3/3 已抠图 + - text: 点缩略图 → 清洗水印 / 提取可借鉴元素 → 改造成 SKG 画面素材 + - generic "拖动调整宽度" [ref=e288] + - group [ref=e289]: + - generic [ref=e290]: + - generic [ref=e292]: + - img [ref=e294] + - generic [ref=e297]: 声音文案 · ASR + - generic [ref=e300]: + - generic [ref=e301]: STEP 3 · 可选文案轨 · 待运行 + - generic [ref=e302]: Gemini 2.5 · 英文带时间戳分段 + - generic "拖动调整宽度" [ref=e304] + - group [ref=e305]: + - generic [ref=e306]: + - generic [ref=e308]: + - img [ref=e310] + - generic [ref=e314]: 翻译理解 · Translate + - generic [ref=e317]: + - generic [ref=e318]: STEP 4 · EN → ZH · 待运行 + - generic [ref=e319]: 中文翻译 · 段落级 · 实时输出 + - generic "拖动调整宽度" [ref=e321] + - group [ref=e322]: + - generic [ref=e323]: + - generic [ref=e324]: + - generic [ref=e325]: + - button "病人骨骼" [ref=e326]: + - img "病人骨骼" [ref=e327] + - button "📋" [ref=e328] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e329]: + - button "医生骨骼" [ref=e330]: + - img "医生骨骼" [ref=e331] + - button "📋" [ref=e332] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e333]: + - button "检查台" [ref=e334]: + - img "检查台" [ref=e335] + - button "📋" [ref=e336] + - generic: + - generic: + - generic: + - generic: 分镜 6 + - generic: 7.39s + - generic [ref=e337]: + - generic [ref=e339]: + - img [ref=e341] + - generic [ref=e346]: 元素改造 · Storyboard + - img [ref=e348] + - generic [ref=e352]: + - generic [ref=e353]: STEP 6 · 参考元素 → SKG 画面 · 1 分镜 · 完成 + - generic [ref=e354]: + - text: 不是复刻原视频：先把参考图里的主体 / 场景 / 动作 / 道具拆出来，再替换成 SKG 产品画面。 + - generic [ref=e355]: 已有 3 个提取元素 · 1 个分镜进入编排 + - button "进入分镜编排" [ref=e356] + - generic "拖动调整宽度" [ref=e358] + - group [ref=e359]: + - generic [ref=e360]: + - generic [ref=e362]: + - img [ref=e364] + - generic [ref=e368]: 产品文案 · Rewrite + - generic [ref=e371]: + - generic [ref=e372]: STEP 5 · 接 SKG 卖点 · 待运行 + - textbox "粘贴 SKG 产品信息 / 关键卖点（可作为视频脚本和镜头动作参考）" [disabled] [ref=e373] + - generic [ref=e374]: 下一冲刺接入 + - generic "拖动调整宽度" [ref=e376] + - group [ref=e377]: + - generic [ref=e379]: + - generic [ref=e381]: + - img [ref=e383] + - generic [ref=e385]: 生成视频 · Video Gen + - generic [ref=e388]: + - generic [ref=e389]: STEP 7 · 首帧 + 动作 prompt · 待运行 + - generic [ref=e390]: + - generic [ref=e391]: Seedance + - generic [ref=e392]: Kling + - generic [ref=e393]: Veo 3 + - generic "拖动调整宽度" [ref=e395] + - group [ref=e396]: + - generic [ref=e397]: + - generic [ref=e399]: + - img [ref=e401] + - generic [ref=e405]: 合成成品 · Compose + - generic [ref=e408]: + - generic [ref=e409]: STEP 8 · ffmpeg + 字幕 · 待运行 + - generic [ref=e410]: + - text: 视频片段 + 字幕 / TTS + - text: → 最终 mp4 输出 + - generic "拖动调整宽度" [ref=e411] + - img + - generic "Control Panel" [ref=e9]: + - button "Zoom In" [ref=e10] [cursor=pointer]: + - img [ref=e11] + - button "Zoom Out" [ref=e13] [cursor=pointer]: + - img [ref=e14] + - button "Fit View" [ref=e16] [cursor=pointer]: + - img [ref=e17] + - button "Toggle Interactivity" [ref=e19] [cursor=pointer]: + - img [ref=e20] + - img "Mini Map" [ref=e23] + - region "Notifications alt+T" + - generic [ref=e29] [cursor=pointer]: + - button "Open Next.js Dev Tools" [ref=e30]: + - img [ref=e31] + - generic [ref=e420]: + - button "Open issues overlay" [ref=e421]: + - generic [ref=e422]: + - generic [ref=e423]: "0" + - generic [ref=e424]: "1" + - generic [ref=e425]: Issue + - button "Collapse issues badge" [ref=e426]: + - img [ref=e427] + - alert [ref=e429] \ No newline at end of file diff --git a/web/app/page.tsx b/web/app/page.tsx index 8ae3f58..18e6f1f 100644 --- a/web/app/page.tsx +++ b/web/app/page.tsx @@ -454,7 +454,6 @@ export default function Home() { data: nodeData, draggable: true, width: savedWidths[n.id] ?? n.w, - style: { width: savedWidths[n.id] ?? n.w }, })), ) @@ -463,7 +462,7 @@ export default function Home() { const widths: Record = {} for (const n of nodes) { if (n.id === KEYFRAME_PANEL_ID) continue - const w = (n.style?.width ?? n.width) as number | string | undefined + const w = n.width if (typeof w === "number") widths[n.id] = Math.round(w) } try { window.localStorage.setItem(NODE_WIDTHS_KEY, JSON.stringify(widths)) } catch {} diff --git a/web/components/nodes/resize-handle.tsx b/web/components/nodes/resize-handle.tsx index 1b431de..9ee7aa0 100644 --- a/web/components/nodes/resize-handle.tsx +++ b/web/components/nodes/resize-handle.tsx @@ -1,32 +1,55 @@ "use client" -import { NodeResizeControl } from "@xyflow/react" +import { type PointerEvent } from "react" +import { useReactFlow } from "@xyflow/react" -/** 节点右边缘 resize 把手：高度跟随节点，宽度可拖（240–1200px）。平时透明，hover 显紫色细条。 */ +/** 节点右边缘 resize 把手：手写 pointer 事件改 node.width，自适应 viewport zoom，不走 xyflow NodeResizeControl（在 glass-node overflow:hidden 下不工作）。 */ export function ResizeRight({ minWidth = 240, maxWidth = 1200 }: { minWidth?: number; maxWidth?: number }) { + const { setNodes, getZoom } = useReactFlow() + + const onPointerDown = (e: PointerEvent) => { + console.log("[ResizeRight] pointerDown", e.clientX, e.clientY) + e.preventDefault() + e.stopPropagation() + const target = e.currentTarget + const nodeEl = target.closest(".react-flow__node") as HTMLElement | null + const nodeId = nodeEl?.getAttribute("data-id") + console.log("[ResizeRight] nodeId", nodeId) + if (!nodeId || !nodeEl) return + target.setPointerCapture(e.pointerId) + + const startX = e.clientX + const zoom = getZoom() || 1 + const startWidth = parseFloat(getComputedStyle(nodeEl).width) / zoom + + const onMove = (ev: globalThis.PointerEvent) => { + const dx = (ev.clientX - startX) / zoom + const next = Math.max(minWidth, Math.min(maxWidth, startWidth + dx)) + console.log("[ResizeRight] move", dx, next) + setNodes((nodes) => nodes.map((n) => (n.id === nodeId ? { ...n, width: next, style: { ...n.style, width: next } } : n))) + } + const onUp = () => { + console.log("[ResizeRight] up") + window.removeEventListener("pointermove", onMove) + window.removeEventListener("pointerup", onUp) + try { target.releasePointerCapture(e.pointerId) } catch {} + } + window.addEventListener("pointermove", onMove) + window.addEventListener("pointerup", onUp) + } + return ( - -
-
- + /> ) }