fix: collapse subject agent confirmations

RULES.md

@@ -11,7 +11,7 @@
 - 详见 `CLAUDE.md` 立项决策段 + `.memory/plan.md` 七步管线拆解
 - 风格：`04-Dark-Gallery-Ambient`（路径：`~/Projects/research/20260305-网页风格库/04-Dark-Gallery-Ambient.md`）
 - 第一冲刺：步骤 1-4（下载 / 拆轨 / 关键帧 / ASR+翻译）
-- 当前产品方向（2026-05-20 再确认）：信息流广告快速复刻默认进入“三字段候选生成”工作流。主界面为“左侧素材输入列 + 右侧信息流复刻工作表”；工作台以 1800x1000 为基准操作画布，不同显示器或浏览器宽度下保持同一框架，并按可见宽度在 0.72-1.6 倍范围内等比放大/缩小，宽度优先铺满，必要时允许纵向滚动，不通过 `xl/2xl` 断点重排核心操作区。用户粘贴 TK 链接或上传视频后点击“开始分析”，系统自动下载源视频；下载完成后并行启动两条路：音频文案路提取原音频文案/字幕，并分析讲话人、语速节奏、背景音乐/环境声/音效；视频视觉路自动抽取参考帧。源视频工作区右侧主体链路是“参考帧池 → 转换层 → 主体元素”：参考帧池竖向排列；转换层是轻量对话式生图确认区，参考图可通过左侧缩略图 `+`、参考帧拖拽、胶片拖拽或本地图片拖入进入转换层，用户选择 GPT/Gemini 套件后先分析参考图；识别结果里的特征 chip 只作为“保留元素”本地选择，点亮=保留、再点取消，点击不立即请求模型，随下一条发送消息提交；用户再在下方消息输入区发送复刻/创新/卡通和画面要求，生成数量通过发送区旁边的张数控件控制；后端返回英文出图 prompt 后必须弹窗确认，用户点确认才生成对应数量的统一多角度套图。右侧主体元素区的套图输出、文件夹分组、单张重生、删除和 hover 预览逻辑保持不变。旧下方“相似主体 / 主体模板库”不再作为主路径。波形下方的画面胶片只是临时预览，点击只跳转原视频时间点，双击或拖进参考帧池才正式加入关键帧，已加入的胶片直接显示“已添加”。产品图上传后独立形成产品资产包，自动识别视角/结构/比例并补缺角度。分镜工作台按逐句时间轴默认只露“文案 / 场景一句话 / 人物+产品+动作”，产品素材池、批量控制、三字段、视频候选和高级区都必须可折叠；视频候选无内容时默认不占大面积，有候选时默认只显示迷你缩略条，展开后才显示 4-grid。单条默认生成 4 个视频候选，顶部支持整片批量生成候选；首尾帧、视觉规划、产品出现方式和旧 6 字段保留在“高级”抽屉与后端 quick-plan 自动展开中，不能再作为客户默认闸门。
+- 当前产品方向（2026-05-20 再确认）：信息流广告快速复刻默认进入“三字段候选生成”工作流。主界面为“左侧素材输入列 + 右侧信息流复刻工作表”；工作台以 1800x1000 为基准操作画布，不同显示器或浏览器宽度下保持同一框架，并按可见宽度在 0.72-1.6 倍范围内等比放大/缩小，宽度优先铺满，必要时允许纵向滚动，不通过 `xl/2xl` 断点重排核心操作区。用户粘贴 TK 链接或上传视频后点击“开始分析”，系统自动下载源视频；下载完成后并行启动两条路：音频文案路提取原音频文案/字幕，并分析讲话人、语速节奏、背景音乐/环境声/音效；视频视觉路自动抽取参考帧。源视频工作区右侧主体链路是“参考帧池 → 转换层 → 主体元素”：参考帧池竖向排列；转换层是轻量对话式生图确认区，参考图可通过左侧缩略图 `+`、参考帧拖拽、胶片拖拽或本地图片拖入进入转换层，用户选择 GPT/Gemini 套件后先分析参考图；识别结果里的特征 chip 只作为“保留元素”本地选择，点亮=保留、再点取消，点击不立即请求模型，随下一条发送消息提交；用户再在下方发送区发送复刻/创新/卡通和画面要求，界面只显示当前生成要求摘要、保留元素和收起记录计数，不展示重复模型确认话术，生成数量通过发送区旁边的张数控件控制；后端返回英文出图 prompt 后必须弹窗确认，用户点确认才生成对应数量的统一多角度套图。右侧主体元素区的套图输出、文件夹分组、单张重生、删除和 hover 预览逻辑保持不变。旧下方“相似主体 / 主体模板库”不再作为主路径。波形下方的画面胶片只是临时预览，点击只跳转原视频时间点，双击或拖进参考帧池才正式加入关键帧，已加入的胶片直接显示“已添加”。产品图上传后独立形成产品资产包，自动识别视角/结构/比例并补缺角度。分镜工作台按逐句时间轴默认只露“文案 / 场景一句话 / 人物+产品+动作”，产品素材池、批量控制、三字段、视频候选和高级区都必须可折叠；视频候选无内容时默认不占大面积，有候选时默认只显示迷你缩略条，展开后才显示 4-grid。单条默认生成 4 个视频候选，顶部支持整片批量生成候选；首尾帧、视觉规划、产品出现方式和旧 6 字段保留在“高级”抽屉与后端 quick-plan 自动展开中，不能再作为客户默认闸门。
 
 ## 部署事实
 - 平台：VPS `76.13.31.179`（Ubuntu 24.04 / Docker Compose / Coolify Traefik）

web/components/ad-recreation-board.tsx

@@ -3905,6 +3905,9 @@ function SourceSubjectPipeline({
   const effectiveAgentViews = subjectViewsForQuantity(effectiveAgentQuantity)
   const effectivePrompt = (agentPrompt || subjectAgent?.generation_prompt_en || "").trim()
   const effectiveRequirement = (subjectAgent?.requirements_zh || agentRequirement).trim()
+  const agentUserMessageCount = agentMessages.filter((message) => message.role === "user").length
+  const agentHiddenAssistantCount = agentMessages.length - agentUserMessageCount
+  const agentSummaryVisible = Boolean(effectiveRequirement || selectedAgentTraits.length || agentMessages.length)
   const canGenerateAgentPack = effectiveAgentMode === "custom"
     ? Boolean(effectiveRequirement || agentReferenceFrames.length)
     : agentReferenceFrames.length > 0
@@ -4166,25 +4169,50 @@ function SourceSubjectPipeline({
             <div className="mb-1.5 flex items-center justify-between gap-2">
               <span className="inline-flex items-center gap-1 text-[10px] font-semibold text-white/72">
                 <MessageSquare className="h-3.5 w-3.5 text-cyan-100/55" />
-                生图对话
+                生成要求
               </span>
               <span className="text-[9px] text-white/34">
                 {reconstructionModeConfig(effectiveAgentMode).label} · {effectiveAgentQuantity} 张
               </span>
             </div>
-            <div className="min-h-[86px] flex-1 space-y-1.5 overflow-auto rounded border border-white/8 bg-black/20 p-1.5">
+            <div className="min-h-[86px] flex-1 overflow-auto rounded border border-white/8 bg-black/20 p-1.5">
-              {agentMessages.length ? agentMessages.slice(-5).map((message, index) => (
+              {agentSummaryVisible ? (
-                <div
+                <div className="space-y-1.5">
-                  key={`${message.created_at}-${index}`}
+                  <div className="rounded-md border border-cyan-200/12 bg-cyan-300/[0.06] px-2 py-1.5">
-                  className={`rounded-md px-2 py-1 text-[9.5px] leading-snug ${
+                    <div className="text-[9px] font-semibold text-cyan-50/62">当前要求</div>
-                    message.role === "user"
+                    <p className="mt-0.5 line-clamp-3 text-[10px] leading-snug text-white/64">
-                      ? "ml-5 bg-cyan-300/12 text-cyan-50/74"
+                      {effectiveRequirement || "按当前参考图和保留元素生成。"}
-                      : "mr-5 bg-white/[0.055] text-white/58"
+                    </p>
-                  }`}
+                  </div>
-                >
+                  {selectedAgentTraits.length ? (
-                  {message.content}
+                    <div className="rounded-md border border-white/8 bg-black/18 px-2 py-1.5">
+                      <div className="mb-1 flex items-center justify-between gap-2 text-[9px]">
+                        <span className={agentSelectedTraitsDirty ? "font-semibold text-cyan-100/58" : "font-semibold text-white/44"}>
+                          {agentSelectedTraitsDirty ? "待发送保留元素" : "保留元素"}
+                        </span>
+                        <span className="text-white/28">{selectedAgentTraits.length}</span>
+                      </div>
+                      <div className="flex max-h-[44px] flex-wrap gap-1 overflow-hidden">
+                        {selectedAgentTraits.slice(0, 8).map((trait) => (
+                          <span key={trait} className="rounded-full border border-emerald-100/28 bg-emerald-300/10 px-1.5 py-0.5 text-[8.5px] leading-none text-emerald-50/72">
+                            {trait}
+                          </span>
+                        ))}
+                        {selectedAgentTraits.length > 8 ? (
+                          <span className="rounded-full border border-white/10 bg-black/24 px-1.5 py-0.5 text-[8.5px] leading-none text-white/34">
+                            +{selectedAgentTraits.length - 8}
+                          </span>
+                        ) : null}
+                      </div>
+                    </div>
+                  ) : null}
+                  {agentMessages.length ? (
+                    <div className="rounded-md border border-white/8 bg-black/16 px-2 py-1 text-[9px] leading-snug text-white/32">
+                      对话记录已收起 · 已记录 {agentUserMessageCount} 条补充{agentHiddenAssistantCount ? `，隐藏 ${agentHiddenAssistantCount} 条模型确认` : ""}
+                    </div>
+                  ) : null}
                 </div>
-              )) : (
+              ) : (
                 <div className="flex h-full min-h-[74px] items-center justify-center px-2 text-center text-[10px] leading-snug text-white/30">
                   点亮要保留的识别元素；需要变化时直接补充要求。
                 </div>