fix: remove canvas prompt suggestions

This commit is contained in:
2026-05-25 17:36:14 +08:00
parent 378d151b14
commit fb9dc17b42
3 changed files with 14 additions and 51 deletions

View File

@@ -604,7 +604,7 @@
<tr><td><code>web/app/globals.css</code></td><td>全局主题变量、登录页视觉样式、信息流工作台玻璃拟态 token、ReactFlow 样式引用,以及本地开发态 <code>nextjs-portal</code> 遮挡隐藏规则。工作台在 <code>skg-board-theme</code> 内按 Figma 本地 MCP 参考改成黑灰玻璃系统:深灰背景、<code>#383838</code> 胶囊侧栏、<code>rgba(255,255,255,.1)</code> 玻璃面、<code>backdrop-filter: blur(5px)</code><code>20px</code> 圆角、<code>10px 10px 10px rgba(0,0,0,.3)</code> 阴影和绿黄状态色;新增 <code>skg-board-shell</code><code>skg-board-rail</code><code>skg-glass-card</code><code>skg-glass-card--flat</code><code>skg-status-orb</code> 等样式。侧栏改为跟随视口拉满工作台可用高度的悬停胶囊,桌面最小 600px展开时在同一侧栏内承载素材输入抽屉。明暗主题已分开维护 shell、panel、glass、stat、action 和音频波形 token暗色压低灰雾和面板底色明亮模式改为暖白工作台避免指标卡、按钮和波形继续残留黑底/白线;顶部指标卡增加紫、黄绿、琥珀、青绿、绿色光斑变量,接近原版多色玻璃卡效果。主/次按钮、指标卡和空状态继续走统一类,避免各板块散写不同玻璃效果。</td></tr>
<tr><td><code>web/app/page.tsx</code></td><td>当前默认首页:单对话框生成台。页面只保留顶部 SKG logo 和中央对话框,四个主按钮是文生视频、文生图、首帧生视频、首尾帧生视频;首帧 / 首尾帧模式才显示上传位,用户必须手写提示词后点击生成。页面启动时读取 <code>getRuntimeHealth</code>,按 <code>image_options</code> / <code>video_options</code> 显示模型下拉,按 <code>image_size_options</code> 显示文生图尺寸,按 <code>video_size_options</code><code>video_duration_options</code> 显示视频画幅和真实可用时长;当前 Doubao / Seedance 生产链路最多暴露 15 秒,不再把 30 秒作为单条可选项。每次生成都会创建新的轻量 <code>Job</code>,文生图调用 <code>generateImage</code> 并传图片模型和尺寸,视频调用 <code>generateStoryboardVideo</code> 并传视频模型、画幅和时长;首尾帧模式先用 <code>createCreativeImageJob</code> 保存首帧,再用 <code>uploadReferenceFrame</code> 保存尾帧并以 <code>last_image</code> 提交。首页视频提交后每 2.6 秒轮询 <code>getJob</code>,结果卡会把 <code>queued</code> 显示为“排队中 / 前方 N 个任务 / 你的上一个视频生成中”,把 <code>in_progress</code> 显示为生成进度,完成后直接显示可播放 controls避免完成视频只是静态首帧看起来“没有效果”。图片/视频缩略图统一复用 <code>MediaAssetTile</code>,支持顶层 hover 预览和删除;顶部“画布”入口指向 <code>/canvas/</code>。旧 TK 复刻工作台组件仍保留在 <code>web/components/ad-recreation-board.tsx</code>,但不再作为默认首页渲染。</td></tr>
<tr><td><code>web/canvas-app/</code></td><td>SKG 内部画布应用:从 <code>chatfire-AI/huobao-canvas</code> 交互逻辑改造而来,保留 Vue Flow 节点画布、项目列表、节点连接和批量下载等核心画布能力移除可见原品牌、GitHub 链接、本地 API Key 设置和第三方 base URL 配置,终端可见品牌收敛为 SKG logo。生产路径固定为 <code>/canvas/</code>,内部路由用 <code>/canvas/p/:id?</code>;来源说明保存在 <code>THIRD_PARTY_NOTICES.md</code>,不展示给终端用户。</td></tr>
<tr><td><code>web/canvas-app/src/views/Canvas.vue</code></td><td>画布主交互:底部悬浮 prompt composer 吸附在画布下方,提供文生视频、文生图、首帧生视频、首尾帧生视频四种模式;首帧 / 尾帧模式只显示必要上传位。提交后自动创建文本节点、参考图节点、图片配置节点或视频配置节点,并用 <code>autoExecute</code> 触发生成;首尾帧连线会用 <code>imageRole</code> 标记首帧和尾帧,方便视频节点按角色组织请求。</td></tr>
<tr><td><code>web/canvas-app/src/views/Canvas.vue</code></td><td>画布主交互:底部悬浮 prompt composer 吸附在画布下方,提供文生视频、文生图、首帧生视频、首尾帧生视频四种模式;首帧 / 尾帧模式只显示必要上传位,底部不再常驻推荐提示词 chips避免遮挡画布操作。提交后自动创建文本节点、参考图节点、图片配置节点或视频配置节点,并用 <code>autoExecute</code> 触发生成;首尾帧连线会用 <code>imageRole</code> 标记首帧和尾帧,方便视频节点按角色组织请求。</td></tr>
<tr><td><code>web/canvas-app/src/hooks/useApi.js</code></td><td>画布到本项目后端的适配层:不再读取浏览器 API Key而是使用当前登录会话 Cookie 调用 <code>/api</code>。文生图 / 图生图先创建轻量 creative job再调用 <code>/frames/0/generate</code>;文生视频 / 首帧 / 首尾帧视频调用 <code>/storyboard/video</code> 并轮询 <code>/jobs/{id}</code>,完成后把图片或 mp4 URL 写回画布节点。</td></tr>
<tr><td><code>web/scripts/sync-canvas-dist.mjs</code></td><td>构建桥接脚本:把 Vite 产物 <code>web/canvas-app/dist</code> 清空复制到 <code>web/public/canvas</code>,使 Next 静态导出时把画布作为同域子路径一起打包。<code>web/public/canvas/</code> 是生成产物,已加入 <code>.gitignore</code></td></tr>
<tr><td><code>web/app/detail/page.tsx</code></td><td>任务详情页:静态导出路由 <code>/detail/?job=&lt;id&gt;</code>,通过 query 读取 job id调用 <code>getJob</code> 恢复同一任务。页面展示参考图、全部生成图、视频候选、营销图文方案和历史提示词,可继续调用 <code>generateImage</code><code>generateStoryboardVideo</code><code>generateCreativeCopy</code>,并支持删除图片/视频。该页继续依赖后端 owner 过滤,用户不能通过切换 URL 读取别人的任务。</td></tr>
@@ -1204,6 +1204,18 @@ ProductRefStateItem {
<h2>变更记录</h2>
<p>这个记录不是 git log 的替代品。它记录“产品理解发生了什么变化、影响了哪些源码、你以后描述需求时该怎么说”。后续每次改功能都要补一条。</p>
<div class="changelog">
<article class="change">
<header>
<h3>2026-05-25 · 移除画布底部推荐提示词</h3>
<span class="tag rose">UI</span>
<span class="tag green">Product</span>
</header>
<div class="body">
<p><strong>问题:</strong>画布底部输入框下方常驻“推荐”提示词 chips占据底部视线和操作空间用户已经在写提示词时会被这些内容阻挡。</p>
<p><strong>改动:</strong><code>web/canvas-app/src/views/Canvas.vue</code> 删除底部推荐提示词区域;<code>web/canvas-app/src/views/Home.vue</code> 同步删除入口页输入框下方推荐 chips只保留输入框、必要模式/上传控件和发送按钮。</p>
<p><strong>影响:</strong>生成能力不变,仍由用户手写提示词;画布底部更干净,避免推荐项遮挡主要操作。</p>
</div>
</article>
<article class="change">
<header>
<h3>2026-05-25 · 可见品牌收敛为 SKG logo</h3>