trip-moments-skill 1.1.2 → 1.2.0

package/.agents/skills/trip-moments/scripts/agent_ui.py

@@ -28,18 +28,51 @@ AGENT_STYLES = r"""
 .ap-compose textarea{width:100%;min-height:65px;max-height:160px;resize:vertical;padding:9px;border:1px solid var(--line-2);border-radius:7px;font-size:12px}
 .ap-compose .row{margin-top:8px}.ap-compose .btn{white-space:normal}
 .ap-next{width:100%;margin-top:8px}
-.workflow-control{padding:13px;border:1px solid var(--line-2);border-radius:9px;background:var(--card);margin-bottom:13px}
-.workflow-control h3{font-size:12px;margin-bottom:8px}
-.workflow-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px}
+.workflow-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:0}
 .workflow-mode button{padding:8px 5px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper-hi);cursor:pointer;font-size:11px}
 .workflow-mode button.on{background:var(--navy);border-color:var(--navy);color:#fff}
-.workflow-control .row{margin-top:9px}.workflow-control .row .btn{flex:1}
-.workflow-control .note{margin-top:8px}
-.agent-workflow{border:1px solid #cbd7c8;border-radius:9px;background:var(--card);margin:12px 0;overflow:hidden}
-.agent-workflow>header{padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}
-.agent-workflow .ap-stream{padding:10px;max-height:360px;overflow:auto}
-.agent-workflow .ap-status{margin:0 0 8px}
-.agent-workflow .ap-compose{padding:10px}
+/* ---- the per-step action deck -------------------------------------------
+   写要求 → 点按钮 → 看结果 in one card. Before this the request box sat in the
+   middle card, the trigger at the top of the rail and the result at the bottom,
+   and five labels told the user to click 「上方」. */
+.deck{border:1px solid var(--line-2);border-radius:10px;background:var(--card);margin-bottom:13px;overflow:hidden}
+.deck-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);
+  background:linear-gradient(120deg,#f7f5ee,#eef2ee)}
+.deck-t{font-size:12px;font-weight:600}.deck-s{font-size:10px;color:var(--sub);text-align:right}
+.deck-ctl{padding:10px 12px 2px}
+.deck-row{display:flex;align-items:center;gap:9px;margin-bottom:8px}
+.deck-k{font-size:10.5px;color:var(--sub);flex:none;width:52px}
+.deck-row>.workflow-mode{flex:1}
+.deck-row select{flex:1;min-width:0;padding:7px;border:1px solid var(--line-2);border-radius:6px;background:#fff;font-size:11px}
+.deck-ctl #wf-mode-note{margin:0 0 10px}
+.deck-write{padding:0 12px}
+.deck-write .pref-grid{margin-top:2px}
+.deck-write .cp-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
+.deck-write .cp-actions button{font-size:11px;padding:6px 10px;border:1px solid #becdbb;border-radius:6px;
+  background:#f4f8f2;color:#2c4a37;cursor:pointer;transition:all .16s var(--ease)}
+.deck-write .cp-actions button:hover{background:#fff;transform:translateY(-1px)}
+.deck-l{display:block;font-size:10.5px;color:var(--sub);margin:2px 0 5px}
+.deck-write textarea{width:100%;min-height:62px;max-height:170px;resize:vertical;padding:9px;font-size:12px;
+  border:1px solid var(--line-2);border-radius:7px;background:#fff;font-family:inherit}
+.deck-go{display:flex;gap:7px;flex-wrap:wrap;padding:10px 12px 0}
+.deck-go .btn{white-space:normal}
+.deck-go #wf-work{flex:1;min-width:120px}
+.deck-go .note{margin:0}
+#wf-connection{margin:8px 12px 0}
+#wf-connection:empty{display:none}
+.deck-brief{margin:9px 12px 0;border:1px solid var(--line);border-radius:7px;background:var(--paper-hi)}
+.deck-brief>summary{font-size:10.5px;color:var(--sub);padding:8px 10px;cursor:pointer}
+.deck-brief pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10.5px/1.65 var(--mono);color:var(--ink-2);
+  max-height:300px;overflow:auto;padding:0 10px 9px;margin:0}
+.deck-out{padding:11px 12px 12px;border-top:1px solid var(--line);margin-top:11px}
+.deck-out-h{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--sub);
+  text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
+.deck-out-h .sp{flex:1}.deck-out-s{font-size:10px;color:var(--sub);text-transform:none;letter-spacing:0}
+.deck-out .ai-out:empty{margin:0}
+.deck-agent{border-top:1px dashed var(--line-2);padding:11px 12px 12px;background:#fbfcfa}
+.deck-agent .ap-stream{max-height:340px;overflow:auto}
+.deck-agent .ap-status{margin:0 0 8px}
+.deck .proposal-card{margin:0 0 9px}
 @media(max-width:720px){.agent-panel{top:8px;bottom:8px;right:8px;width:calc(100vw - 16px)}}
 """
 
@@ -73,57 +106,70 @@ AGENT_SHELL = r"""
 AGENT_SCRIPT = r"""
 const AP = { open: false, data: null, polling: false, timer: null, seq: -1, pending: false, draft: "", answers: {} };
 function useAgentModel() { return S.data?.preferences?.ai_mode === "agent"; }
-function workflowControlsHtml() {
+/* The deck's control rows. No trigger button here any more: the deck owns the
+   写要求 → 点按钮 → 看结果 order, so the button sits under the input box. */
+function deckControlsHtml() {
   const agent = useAgentModel();
-  const labels = { select:"智能选片", crop:"生成构图方案", grade:"生成调色方案",
-    retouch:"开始修图", finish:"生成所选作品", caption:"生成 3 版文案" };
-  return `<section class="workflow-control"><h3>本步由谁处理</h3>
-    <div class="workflow-mode" role="group" aria-label="AI 执行来源">
-      <button class="${agent ? "" : "on"}" aria-pressed="${!agent}" data-ai-mode="gateway">模型网关</button>
-      <button class="${agent ? "on" : ""}" aria-pressed="${agent}" data-ai-mode="agent">Agent 自带模型</button>
-    </div>
-    <p class="note" id="wf-mode-note">${agent ? "使用已绑定 Agent 的模型、工具与会话上下文。" : "使用配置的模型网关；AI 分析会发送照片预览，不进入 Agent 会话。"}</p>
-    ${S.step === "finish" ? `<label class="note" for="finish-mode">本次制作</label>
-      <select id="finish-mode" style="width:100%;padding:7px;border:1px solid var(--line-2);border-radius:6px">
-        <option value="art" ${S.finishMode !== "local" ? "selected" : ""}>AI 艺术作品 · 使用所选模型来源</option>
-        <option value="local" ${S.finishMode === "local" ? "selected" : ""}>本地画板／九宫格 · 不调用模型</option>
-      </select><p class="note">在下方选择风格或版式，再点击「生成所选作品」。此步不打包。</p>` : ""}
-    ${["crop","grade"].includes(S.step) ? `<label class="note" for="wf-scope">处理范围</label>
-      <select id="wf-scope" style="width:100%;padding:7px;border:1px solid var(--line-2);border-radius:6px">
-        <option value="current" ${S.aiScope !== "all" ? "selected" : ""}>当前第 ${S.sel} 格</option>
+  const sel = S.sel != null ? S.sel : 1;
+  return `<div class="deck-ctl">
+    <div class="deck-row"><span class="deck-k">谁来做</span>
+      <div class="workflow-mode" role="group" aria-label="AI 执行来源">
+        <button class="${agent ? "" : "on"}" aria-pressed="${!agent}" data-ai-mode="gateway">模型网关</button>
+        <button class="${agent ? "on" : ""}" aria-pressed="${agent}" data-ai-mode="agent">Agent 自带模型</button>
+      </div></div>
+    ${["crop","grade"].includes(S.step) ? `<div class="deck-row"><span class="deck-k">处理范围</span>
+      <select id="wf-scope" aria-label="处理范围">
+        <option value="current" ${S.aiScope !== "all" ? "selected" : ""}>当前第 ${sel} 格</option>
         <option value="all" ${S.aiScope === "all" ? "selected" : ""}>全部已选照片</option>
-      </select>` : ""}
-    <div class="row"><button class="btn btn-sm" id="wf-review" onclick="runCurrentStep('review')">检查本步</button>
-      <button class="btn btn-sm btn-ai" id="wf-work" onclick="runCurrentStep('work')">${labels[S.step] || "处理本步"}</button></div>
-    <p class="note" id="wf-connection" ${agent ? "" : 'style="display:none"'}>${agent ? "连接状态正在同步…" : ""}</p>
-    ${agent ? `<button class="btn btn-sm ghost" onclick="openAgentPanel()">管理 Agent 连接</button>` : ""}
-  </section>`;
+      </select></div>` : ""}
+    ${S.step === "finish" ? `<div class="deck-row"><span class="deck-k">本次制作</span>
+      <select id="finish-mode" aria-label="本次制作方式">
+        <option value="art" ${S.finishMode !== "local" ? "selected" : ""}>AI 艺术作品 · 用所选模型来源</option>
+        <option value="local" ${S.finishMode === "local" ? "selected" : ""}>本地画板／九宫格 · 不调模型</option>
+      </select></div>` : ""}
+    <p class="note" id="wf-mode-note">${agent
+      ? "用已绑定 Agent 的模型、工具与会话上下文；检查、处理、追问都在本卡完成。"
+      : "用配置的模型网关；AI 分析会发送照片预览，不进入 Agent 会话。"}</p>
+  </div>`;
+}
+/* One input box serves both 「本步要求」 and 「继续追问」, so the session buttons
+   live next to the trigger instead of under a second textarea. */
+function deckSessionButtons() {
+  const active = !!AP.pending || !!(AP.data && AP.data.active);
+  if (active) {
+    return `<button class="btn btn-sm" id="ap-steer" onclick="controlAgent('steer')">补充到当前执行</button>
+      <button class="btn btn-sm ghost" id="ap-stop" onclick="controlAgent('stop')">停止本轮</button>`;
+  }
+  return `<button class="btn btn-sm" id="ap-send" onclick="sendAgentReply()">继续对话</button>`;
 }
-function agentWorkflowHtml() {
+function agentStreamHtml() {
   if (!useAgentModel()) return "";
-  return `<section class="agent-workflow" aria-label="当前步骤的 Agent 协作">
-    <header>本步回复与反馈 · 同一会话</header>
+  return `<div class="deck-agent">
+    <div class="deck-out-h"><span>Agent 会话</span><span class="sp"></span>
+      <span class="deck-out-s">同一会话 · 回复不会自动跳步</span></div>
     <div class="ap-stream" id="ap-stream">
       <div class="ap-status" id="ap-run-status">正在读取绑定会话…</div>
       <div id="ap-messages"></div><div id="ap-live" class="ap-live" style="display:none" role="status"></div>
       <div id="ap-approval"></div>
       <details class="ap-tools"><summary>本轮真实工具事件</summary><div id="ap-events"></div></details>
     </div>
-    <div class="ap-compose">
-      <textarea id="ap-input" placeholder="继续追问、补充要求，或确认采用刚才的方案。仍然进入同一个 Agent 会话。" aria-label="给绑定 Agent 的回复">${H(AP.draft)}</textarea>
-      <div class="row"><button class="btn btn-sm btn-primary" id="ap-send" onclick="sendAgentReply()">继续对话</button>
-        <button class="btn btn-sm" id="ap-steer" onclick="controlAgent('steer')">补充到当前执行</button>
-        <button class="btn btn-sm ghost" id="ap-stop" onclick="controlAgent('stop')">停止本轮</button></div>
-      <button class="btn btn-sm ghost" style="margin-top:6px" onclick="syncAgentHistory()">同步会话回复</button>
-      <p class="note" style="margin-top:6px">收到回复不会自动跳步。确认完成后，再使用本步底部的「进入下一步」。</p>
-    </div></section>`;
+    <div class="row" style="margin-top:7px">
+      <button class="btn btn-sm ghost" onclick="syncAgentHistory()">同步会话回复</button>
+      <button class="btn btn-sm ghost" onclick="openAgentPanel()">管理 Agent 连接</button>
+    </div>
+  </div>`;
+}
+function deckInput() { return $("deck-intent"); }
+function deckInputText() {
+  const el = deckInput();
+  return el ? el.value.trim() : (S.copilotIntent || "").trim();
 }
 function startAgentPolling() {
   if (!AP.timer) AP.timer = setInterval(() => {
     if (AP.open || useAgentModel() || AP.data?.active) pollAgent();
   }, 850);
 }
-function wireWorkflow() {
+function wireDeckControls() {
   const finishMode = $("finish-mode");
   if (finishMode) finishMode.addEventListener("change", () => {
     S.finishMode = finishMode.value;
@@ -132,8 +178,6 @@ function wireWorkflow() {
   document.querySelectorAll("[data-ai-mode]").forEach(el => el.addEventListener("click", () => setAIMode(el.dataset.aiMode)));
   const scope = $("wf-scope");
   if (scope) scope.addEventListener("change", () => { S.aiScope = scope.value; });
-  const input = $("ap-input");
-  if (input) input.addEventListener("input", () => { AP.draft = input.value; });
   if (useAgentModel()) {
     startAgentPolling();
     AP.seq = -1; AP.approvalId = null;
@@ -187,7 +231,7 @@ async function runCurrentStep(kind) {
   if (useAgentModel()) {
     if (kind === "review") {
       if (!await requireAgentConnection()) return;
-      return sendAgentMessage("review_step", $("cp-intent")?.value || "", S.step);
+      return sendAgentMessage("review_step", deckInputText(), S.step);
     }
     if (S.step === "retouch") return aiEdit();
     const operation = { select:"select9", crop:"compose", grade:S.aiScope === "all" ? "grade_all" : "grade_plan", retouch:"edit", finish:"finish", caption:"caption" }[S.step];
@@ -355,25 +399,31 @@ async function sendAgentMessage(action, message, step = S.step, options = {}) {
   try {
     const data = await post("/api/agent/send", { ...options, action, message, step, slot: S.sel });
     if (!data.ok) { toast(data.error, "err", 6500); return false; }
-    AP.draft = ""; if ($("ap-input")) $("ap-input").value = ""; pollJobs(); pollAgent();
+    AP.draft = "";
+    const el = deckInput();
+    if (el) el.value = "";
+    S.copilotIntent = "";
+    (S.copilotDrafts = S.copilotDrafts || {})[copilotDraftKey()] = "";
+    S.deckBrief = "";
+    pollJobs(); pollAgent();
     return true;
   } finally { AP.pending = false; }
 }
 function sendAgentStep(action) {
-  return sendAgentMessage(action, ($("ap-input")?.value || AP.draft).trim());
+  return sendAgentMessage(action, deckInputText());
 }
 function sendAgentReply() {
-  const text = ($("ap-input")?.value || AP.draft).trim();
+  const text = deckInputText();
   if (!text) { toast("请写下本轮回复或修改要求"); return; }
   return sendAgentMessage("", text);
 }
 async function controlAgent(action, answers) {
-  const text = ($("ap-input")?.value || AP.draft).trim();
+  const text = deckInputText();
   if (action === "steer" && !text) { toast("请先写下要补充的要求"); return; }
   const data = await post("/api/agent/control", { action, text, answers,
     run_id: AP.data?.run_id, request_id: AP.data?.approval?.request_id });
   if (!data.ok) { toast(data.error, "err"); return; }
-  if (action === "steer") { AP.draft = ""; if ($("ap-input")) $("ap-input").value = ""; }
+  if (action === "steer") { AP.draft = ""; const el = deckInput(); if (el) el.value = ""; }
   pollAgent();
 }
 function answerAgent() {

package/.agents/skills/trip-moments/scripts/journey_ui.py

@@ -366,33 +366,26 @@ async function renderJourneyMap() {
   }
 }
 
-function copilotHtml() {
+/* Quick direction chips for the deck. The input they used to own is now THE
+deck input (#deck-intent) — one box per step, right above the trigger button,
+ so the old note telling the user to click the button 「上方」 is gone. */
+function deckChipsHtml() {
   const s = curSlot();
-  // Retouch already has a complete preset + instruction + submit workflow.
-  // A second quick-action card duplicated the input and submitted prematurely.
   if (!s?.present || !["crop", "grade"].includes(S.step)) return "";
   const buttons = S.step === "crop"
     ? [["compose","保护主体","保留主体完整与原有空间感，不要机械套用竖裁"],["compose","更有张力","寻找更有叙事张力的画幅，保留重要建筑与人物"]]
     : S.step === "grade"
     ? [["grade_plan","自然通透","自然通透，克制饱和度，保持真实肤色"],["grade_plan","电影暖调","电影感暖色调，但不要压死暗部，肤色保持自然"],["grade_plan","清冷氛围","清冷克制的旅行画册影调，不要过度偏青"]]
     : [];
-  return `<section class="copilot"><h3>AI 要求（可选）</h3>
-    <p>选方向只填写要求，不会发起任务；确认后点击上方「生成${S.step === "crop" ? "构图" : "调色"}方案」。</p>
-    <div class="cp-actions">${buttons.map(([action,label,intent]) =>
-      `<button data-cp-action="${action}" data-cp-intent="${H(intent)}">${label}</button>`).join("")}</div>
-    <input id="cp-intent" aria-label="本步 AI 要求" placeholder="可选：选择或填写本步要求" value="${H(S.copilotIntent || "")}" maxlength="800">
-    </section>`;
+  return `<div class="cp-actions">${buttons.map(([action,label,intent]) =>
+      `<button data-cp-action="${action}" data-cp-intent="${H(intent)}">${label}</button>`).join("")}</div>`;
 }
 
 function wireCopilot() {
-  const input = $("cp-intent");
-  if (input) input.addEventListener("input", () => {
-    S.copilotIntent = input.value;
-    (S.copilotDrafts = S.copilotDrafts || {})[copilotDraftKey()] = input.value;
-  });
   document.querySelectorAll("[data-cp-action]").forEach(el => el.addEventListener("click", () => {
     S.copilotIntent = el.dataset.cpIntent;
     (S.copilotDrafts = S.copilotDrafts || {})[copilotDraftKey()] = S.copilotIntent;
+    const input = $("deck-intent");
     if (input) input.value = S.copilotIntent;
     document.querySelectorAll("[data-cp-action]").forEach(button =>
       button.setAttribute("aria-pressed", String(button === el)));

package/.agents/skills/trip-moments/scripts/selftest.py

@@ -2917,10 +2917,35 @@ def t_claw_grade_candidates_and_output_visibility():
     html = studio_ui.STUDIO_HTML
     assert 'id="ai-out"' not in html, \
         "还有面板在用重复的 id=\"ai-out\"（getElementById 只会拿到第一个，结果会画进隐藏面板）"
-    assert html.count('class="ai-out"') >= 6, \
-        "六个 step 应各有一个输出区，实际 %d 个" % html.count('class="ai-out"')
-    assert '[data-pane="${step}"] .ai-out' in html, \
-        "输出区没有按当前 step 解析"
+    assert 'id="ai-out-${H(step)}"' in html, \
+        "操作台没有给每一步自己的输出区 id（结果可能画到别的步）"
+    assert '[data-pane="${step}"] .ai-out' in html, "输出区没有按当前 step 解析"
+    assert html.count("actionDeckHtml(") >= 7, \
+        "六个 step 应各接一个操作台（含函数定义共 7 处），实际 %d 处" % html.count("actionDeckHtml(")
+    assert html.count('pane("') >= 6, "六个 step 面板数量不对"
+    assert "getElementById(`ai-out-${step}`)" in html, \
+        "outBox() 没有优先按 step 精确取输出区"
+
+    # 操作台的存在意义：写要求 → 点按钮 → 看结果 在同一张卡里，顺序不能倒。
+    # 旧布局把触发按钮放在 rail 顶部、输入框放在中间卡片、结果放在最底部，
+    # 于是五处正文直接叫用户「点击上方…」——用户抱怨“上下跑”。这里把那个
+    # 设计约束固化成断言，而不是只写进注释。
+    deck = html[html.index("function actionDeckHtml("):]
+    deck = deck[:deck.index("async function loadDeckBrief")]
+    assert deck.index('id="deck-intent"') < deck.index('id="wf-work"'), \
+        "操作台里触发按钮又跑到输入框上面了（写→发 的顺序被倒过来）"
+    assert deck.index('id="wf-work"') < deck.index('class="ai-out"'), \
+        "操作台里结果区不在触发按钮下面（点完还要再找结果）"
+    for bad in ("点击上方", "上方选择", "上方唯一的", "本页顶部"):
+        assert bad not in html, f"还在叫用户往上看：「{bad}」——操作台就是为了去掉这种跳转"
+    # 一个输入框：旧布局有「本步要求」和「继续追问」两个框，用户得猜往哪个里写。
+    for gone in ('id="cp-intent"', 'id="ap-input"', 'id="inst"'):
+        assert gone not in html, f"旧输入框 {gone} 又回来了（应只剩 #deck-intent 一个）"
+    assert "function deckInputText" in html and "deckInputText()" in html, \
+        "发送路径没有统一读操作台的输入框"
+    assert html.count('id="deck-intent"') == 1, \
+        "#deck-intent 应只在操作台模板里出现一次，实际 %d 次" % html.count('id="deck-intent"')
+
     assert "p.export_zip || p.export_dir" not in html, \
         "导出目录的 Windows 路径又进了 href（浏览器里点了没反应）"
     assert "/api/reveal" in html, "出品台没有「在资源管理器里打开」的入口"

package/.agents/skills/trip-moments/scripts/studio.py

@@ -1646,7 +1646,7 @@ class Workspace:
             "slots": slots,
             "pool": pool,
             "pool_meta": {"total": len(pool) + sum(1 for s in slots if s["present"])},
-            "captions": self.captions,
+            "captions": self.captions,
             "gps": _load_json(self.outdir / "gps.json", []),
             "products": products,
             "selection": getattr(self, "selection_extra", {}),
@@ -2228,6 +2228,13 @@ class StudioHandler(BaseHTTPRequestHandler):
             self.send_json(link.sync_history())
         elif path == "/api/agent/disconnect":
             self.send_json(link.disconnect())
+        elif path == "/api/agent/brief":
+            # Lazy: the brief can be several KB (the art one embeds a compiled
+            # prompt card), so it is fetched when the deck's details is opened
+            # rather than riding along on every /api/state poll.
+            self.send_json({"ok": True,
+                            "brief": str(self.ws.extra.get("agent_brief") or ""),
+                            "at": str(self.ws.extra.get("agent_brief_at") or "")})
         elif path == "/api/agent/control":
             self.send_json(link.control(str(body.get("action") or ""), body))
         elif path == "/api/agent/send":
@@ -2317,6 +2324,12 @@ class StudioHandler(BaseHTTPRequestHandler):
                                 f"修图状态：{'已采用文件缺失' if s.get('edit_missing') else '新修图待采用' if s['pending_edit'] else '已采用修图' if s['edit_adopted'] else '原片处理版'}"
                                 for s in snapshot["slots"] if s["present"])
             outbound = context + "\n当前作品：\n" + summary + "\n\n用户本轮输入：\n" + message
+            # Keep the brief the deck shows the user. Transparency is the point:
+            # 「它有没有照做」 becomes checkable without reading the conversation.
+            with self.ws._lock:
+                self.ws.extra["agent_brief"] = context
+                self.ws.extra["agent_brief_at"] = _now()
+                self.ws.save()
             link.reserve(message)
             def work(job):
                 result = link.run(outbound, lambda text, pct: (setattr(job, "detail", text), setattr(job, "progress", pct)),

package/.agents/skills/trip-moments/scripts/studio_ui.py

@@ -706,7 +706,7 @@ kbd{font-family:var(--mono);font-size:9.5px;border:1px solid var(--line-2);borde
     <button class="btn btn-ai" onclick="saveCustomModel()">注册并应用</button>
     <div class="field" style="margin-top:16px"><label for="cfg-amap">高德 Web 服务 Key（路线卡，可选）</label>
       <input id="cfg-amap" type="password" autocomplete="off" placeholder="留空保留已有配置">
-      <p class="note">仅高德路线卡需要；旅程页的在线地图不使用此 Key。填写后点击上方「保存设置」。</p></div>
+      <p class="note">仅高德路线卡需要；旅程页的在线地图不使用此 Key。填好后记得保存设置。</p></div>
     <div class="field" style="margin-top:24px;border-top:1px solid var(--line);padding-top:15px">
       <label style="display:flex;align-items:center;gap:8px;letter-spacing:0">
         <input id="cfg-show-claw" type="checkbox" style="width:auto" onchange="setClawVisibility(this.checked)">
@@ -1071,7 +1071,7 @@ function publishHeroHtml() {
       ${p.export_zip ? `<button class="btn btn-primary" onclick="saveZip()" ${stale ? "disabled" : ""}>下载全部 · zip</button>` : ""}
       <button class="btn btn-sm ghost" onclick="revealExport()">在资源管理器里打开</button>
     </div>
-    ${stale ? `<p class="note warn" style="margin-top:8px">这是上次导出，尚未确认与当前照片及参数一致。请先点击上方「打包发布」，不会把旧包当作最新成品下载。</p>` : ""}
+    ${stale ? `<p class="note warn" style="margin-top:8px">这是上次导出，尚未确认与当前照片及参数一致。请先重新点「打包发布」，不会把旧包当作最新成品下载。</p>` : ""}
     <div class="note" style="margin-top:8px;font-family:var(--mono);font-size:9.5px"
       title="${H(p.export_dir || "")}">${H(shortPath(p.export_dir))}</div>
   </div>`;
@@ -1553,6 +1553,105 @@ $("canvas").addEventListener("click", (e) => {
 });
 
 /* ---------------- inspector ---------------- */
+/* ---------------- the per-step action deck ----------------
+   写要求 → 点按钮 → 看结果 used to be three separate places: the request box sat in
+the middle card, the trigger button at the top of the rail, and the result at the
+very bottom — five labels in the UI literally told the user to click the button
+「上方」 because the layout
+forced a scroll up to act and back down to read. Everything a step needs to run
+now sits in one card in that order, and the manual controls (presets, sliders,
+ratios, art styles) are demoted below it. */
+const DECK_LABEL = { select: "智能选片", crop: "生成构图方案", grade: "生成调色方案",
+                     retouch: "开始修图", caption: "生成 3 版文案", finish: "生成所选作品" };
+const DECK_INTENT = {
+  select:  ["策展偏好补充", "可选：例如 主角不超过两张，多留一张夜景"],
+  crop:    ["构图要求", "可选：例如 保留主体完整与原有空间感，不要机械套用竖裁"],
+  grade:   ["调色要求", "可选：例如 电影感暖色调，但不要压死暗部，肤色保持自然"],
+  retouch: ["修图指令", "例如：去掉画面右侧的游客"],
+  caption: ["文案要求", "可选：例如 三版都别用感叹号，第二版交代地点"],
+  finish:  ["出片要求", "可选：例如 标题短一点，不要盖住人脸"],
+};
+function deckIntentLabel() { return (DECK_INTENT[S.step] || ["本步要求"])[0]; }
+function deckIntentPlaceholder() { return (DECK_INTENT[S.step] || ["本步要求", ""]).slice(-1)[0]; }
+function deckIntentValue() {
+  // ONE box serves both 「本步要求」 and the Agent follow-up: it is the same
+  // message to the same session, and keeping two boxes is what made the flow
+  // feel like guessing which one to type in.
+  return S.step === "retouch" ? (S.editInstruction || S.copilotIntent || "")
+                               : (S.copilotIntent || "");
+}
+function deckBriefHtml(promptBox) {
+  if (!useAgentModel()) return promptBox || "";
+  return `<details class="deck-brief" id="deck-brief" ${S.briefOpen ? "open" : ""}>
+    <summary>本轮发给 Agent 的简报</summary>
+    <pre id="deck-brief-body">${H(S.deckBrief || "还没有发过任务；发起后这里显示它实际收到的要求。")}</pre>
+  </details>`;
+}
+function actionDeckHtml(o = {}) {
+  const step = S.step;
+  const agent = useAgentModel();
+  const busy = agent ? !!(AP.pending || (AP.data && AP.data.active))
+                     : !!(S.aiBusy || S.aiSubmissions);
+  return `<section class="deck" id="action-deck" data-deck-step="${H(step)}">
+    <header class="deck-h"><span class="deck-t">本步操作台</span><span class="sp"></span>
+      <span class="deck-s">${agent ? "写要求 → 点按钮 → 结果与会话都在下面"
+                                      : "写要求 → 点按钮 → 结果就在下面"}</span></header>
+    ${deckControlsHtml()}
+    <div class="deck-write">
+      ${o.chips || ""}
+      <label class="deck-l" for="deck-intent">${H(deckIntentLabel())}</label>
+      <textarea id="deck-intent" spellcheck="false" maxlength="800"
+        placeholder="${H(deckIntentPlaceholder())}">${H(deckIntentValue())}</textarea>
+    </div>
+    <div class="deck-go">
+      <button class="btn btn-sm" id="wf-review" onclick="runCurrentStep('review')">检查本步</button>
+      <button class="btn btn-ai" id="wf-work" onclick="runCurrentStep('work')"${busy ? " disabled" : ""}>${H(DECK_LABEL[step] || "处理本步")}</button>
+      ${agent ? deckSessionButtons() : ""}
+    </div>
+    <p class="note" id="wf-connection"${agent ? "" : ' style="display:none"'}></p>
+    ${deckBriefHtml(o.prompt)}
+    <div class="deck-out">
+      <div class="deck-out-h"><span>结果</span><span class="sp"></span></div>
+      ${o.result || ""}
+      <div class="ai-out" id="ai-out-${H(step)}"></div>
+    </div>
+    ${agent ? agentStreamHtml() : ""}
+  </section>`;
+}
+
+async function loadDeckBrief() {
+  const body = $("deck-brief-body");
+  if (!body) return;
+  const d = await post("/api/agent/brief", {});
+  if (!d.ok) { body.textContent = d.error || "读不到简报"; return; }
+  S.deckBrief = d.brief || "";
+  body.textContent = S.deckBrief
+    ? (d.at ? "发信时间 " + d.at + "\n\n" : "") + S.deckBrief
+    : "还没有发过任务；发起后这里显示它实际收到的要求。";
+}
+function wireDeck() {
+  const input = $("deck-intent");
+  if (input) input.addEventListener("input", () => {
+    // One store for all steps: S.copilotIntent is what aiRun(), delegateAIAction()
+    // and promptCtx() already read, so the box the user types in is the box the
+    // request is built from — no second copy to drift out of sync.
+    S.copilotIntent = input.value;
+    (S.copilotDrafts = S.copilotDrafts || {})[copilotDraftKey()] = input.value;
+    if (S.step === "retouch") { S.editInstruction = input.value; rememberEditDraft(); }
+    AP.draft = input.value;
+  });
+  const brief = $("deck-brief");
+  if (brief) {
+    // Always re-read on open: the last brief changes every turn, and a stale one
+    // would make 「它有没有照做」 unanswerable.
+    brief.addEventListener("toggle", () => {
+      S.briefOpen = brief.open;
+      if (brief.open) loadDeckBrief();
+    });
+    if (brief.open) loadDeckBrief();
+  }
+}
+
 function renderInspector(passive = true) {
   if (!S.data) return;
   if (passive && (isEditing() || S.mutations)) { S.inspectorDeferred = true; return; }
@@ -1561,14 +1660,18 @@ function renderInspector(passive = true) {
   const scroll = box.scrollTop;
   const s = curSlot();
   if (!s) { box.innerHTML = `<div class="note" style="padding:40px 6px">没有可检查的格子。</div>`; return; }
-  if (!s.present && !["select", "finish", "caption"].includes(S.step)) {
-    box.innerHTML = `${workflowControlsHtml()}<div class="card"><div class="card-h"><span class="t">第 ${s.slot} 格是空的</span></div>
-      <div class="note">从照片库点一张照片即可填入这一格。</div>
-      <button class="btn" style="margin-top:12px" onclick="gotoStep('select',false)">去选片</button></div>
-      <div data-pane="${S.step}" class="on"><div class="ai-out"></div></div>${agentWorkflowHtml()}`;
-    wireWorkflow();
-    if (!useAgentModel() && S.outputs[S.step] && !S.outputSlots[S.step]) renderAiOut(S.outputs[S.step], S.step, null);
-    return;
+  if (!s.present && !["select", "finish", "caption"].includes(S.step)) {
+    box.innerHTML = `<div data-pane="${S.step}" class="on">
+        ${actionDeckHtml()}
+        <div class="card"><div class="card-h"><span class="t">第 ${s.slot} 格是空的</span></div>
+          <div class="note">从照片库点一张照片即可填入这一格。</div>
+          <button class="btn" style="margin-top:12px" onclick="gotoStep('select',false)">去选片</button></div>
+      </div>`;
+    wireInspector();
+    wireDeck();
+    wireDeckControls();
+    if (S.outputs[S.step] && !S.outputSlots[S.step]) renderAiOut(S.outputs[S.step], S.step, null);
+    return;
   }
   const g = S.data.grade, meta = g.meta;
   const dirty = (k) => Math.abs((S.params[k] || 0) - meta[k].default) > 1e-9;
@@ -1659,41 +1762,33 @@ function renderInspector(passive = true) {
     </button>`;
   }).join("");
 
-  const picked = new Set((S.data.slots || []).filter((x) => x.present).map((x) => x.source));
-  const selectPane = `
-    <div class="card">
-      <div class="card-h"><span class="t">策展风格问卷</span><span class="sp"></span>
-        <span class="s">高审美偏好引导</span></div>
-      <div class="note">
-        选片决定全篇气质。选择心仪的策展风格（已启用人物去重与僵硬摆拍扣分算法）：
-      </div>
-      <div class="pref-grid">${prefChips}</div>
-      <div class="note">选择偏好后，点击上方「智能选片」。手动换图不需要调用 AI。</div>
-    </div>
-
-    <div class="card">
-      <div class="card-h"><span class="t">选片状态</span><span class="sp"></span>
-        <span class="s">${picked.size} / 9 已就位</span></div>
-      <div class="note" style="margin-bottom:9px">
-        照片统一在左侧九宫格与候选池操作，不在这里重复展示。原始文件不会被修改。
-      </div>
-      <button class="btn btn-sm" onclick="focusPhotoLibrary()">前往照片库</button>
-    </div>
-
-    <div class="card">
-      <div class="card-h"><span class="t">摆放顺序与节奏</span></div>
-      <div class="note">左侧九宫格支持直接拖动换位。
-      黄金位法则：1号位抓眼开篇、5号位C位核心主角、9号位余韵收尾。</div>
-      <div class="row" style="margin-top:9px">
-        <button class="btn btn-sm" onclick="storyOrder('time')">按时间预演</button>
-        <button class="btn btn-sm" onclick="storyOrder('place')">按地点预演</button>
-      </div><div id="story-preview"></div>
-      <button class="btn btn-sm btn-ai" style="width:100%;margin-top:9px" onclick="aiRun('pick')">
+  const picked = new Set((S.data.slots || []).filter((x) => x.present).map((x) => x.source));
+  const selectPane = `
+    ${actionDeckHtml({ chips: `
+      <div class="note" style="margin-bottom:7px">选片决定全篇气质。已启用人物去重与僵硬摆拍扣分算法；手动换图不需要调用 AI。</div>
+      <div class="pref-grid">${prefChips}</div>`, prompt: promptBox })}
+
+    <div class="card">
+      <div class="card-h"><span class="t">选片状态</span><span class="sp"></span>
+        <span class="s">${picked.size} / 9 已就位</span></div>
+      <div class="note" style="margin-bottom:9px">
+        照片统一在左侧九宫格与候选池操作，不在这里重复展示。原始文件不会被修改。
+      </div>
+      <button class="btn btn-sm" onclick="focusPhotoLibrary()">前往照片库</button>
+    </div>
+
+    <div class="card">
+      <div class="card-h"><span class="t">摆放顺序与节奏</span></div>
+      <div class="note">左侧九宫格支持直接拖动换位。
+      黄金位法则：1号位抓眼开篇、5号位C位核心主角、9号位余韵收尾。</div>
+      <div class="row" style="margin-top:9px">
+        <button class="btn btn-sm" onclick="storyOrder('time')">按时间预演</button>
+        <button class="btn btn-sm" onclick="storyOrder('place')">按地点预演</button>
+      </div><div id="story-preview"></div>
+      <button class="btn btn-sm btn-ai" style="width:100%;margin-top:9px" onclick="aiRun('pick')">
         仅为当前已选照片建议排序
-      </button>
-    </div>
-    ${promptBox}
-    <div class="ai-out"></div>`;
+      </button>
+    </div>`;
 
   const stepMeta = STEP_BY_ID[S.step] || STEPS[0];
   const stepIdx = STEPS.findIndex((x) => x.id === stepMeta.id);
@@ -1729,123 +1824,102 @@ function renderInspector(passive = true) {
         <div class="note">确认照片与文案后再打包；未完成的步骤可以随时返回调整。</div>
       </div>`;
 
-  box.innerHTML = `
-    ${stepHead}
-    ${workflowControlsHtml()}
+  box.innerHTML = `
+    ${stepHead}
     <div class="step-panes">
     ${pane("select", selectPane)}
-    ${pane("crop", `
-    <div class="card" id="insp-frame">
-      <div class="card-h"><span class="t">画幅与裁切重心</span><span class="sp"></span>
-        <span class="s">${s.ratio ? s.ratio[0] + ":" + s.ratio[1] : "原图"}</span></div>
-      ${copilotHtml()}
-      <p class="note" style="margin-bottom:8px">手动构图：点击下面的比例或重心即生效，可在画布工具栏撤回。</p>
-      <div class="ratio-grid">${ratioCards}</div>
-      <div class="note" style="margin-top:11px">
-        <b>裁切重心</b>：把照片裁成上面选的画幅时，保留画面里的哪一块。
-        点下面的小图，或点「点选裁切重心」后在画布上点一下主体位置。
-      </div>
-      <div class="aim-grid" id="aim-grid">
-        <i class="v" style="left:33.333%"></i><i class="v" style="left:66.666%"></i>
-        <i class="h" style="top:33.333%"></i><i class="h" style="top:66.666%"></i>
-        <span class="aim-dot" id="aim-dot" style="left:${s.anchor[0] * 100}%;top:${s.anchor[1] * 100}%"></span>
-      </div>
-    </div>
-    <div class="card" id="insp-info">
-      <div class="slot-head">
-        <span class="no">${String(s.slot).padStart(2, "0")}</span>
-        <div><div class="lb">${H(s.label || "精选位")}</div>
-          <div class="note" style="font-size:10px">${H(s.source)}</div></div>
-        <div class="spacer" style="flex:1"></div>
-      </div>
-      <dl class="kv">
-        ${s.scene ? `<dt>场景</dt><dd>${H(s.scene)}</dd>` : ""}
-        ${s.note ? `<dt>点评</dt><dd>${H(s.note)}</dd>` : ""}
-        ${s.score != null ? `<dt>选片分</dt><dd>${(s.score * 10).toFixed(1)} / 10</dd>` : ""}
-        ${s.color ? `<dt>主调</dt><dd><span class="swatch" style="background:${H(s.color)}"></span>${H(s.color)}</dd>` : ""}
-      </dl>
-      ${(s.reasons || []).length ? `<div class="chips" style="margin-top:9px">
-        ${s.reasons.map((r) => `<span class="chip">${H(r)}</span>`).join("")}</div>` : ""}
-      ${s.ai && s.ai.scene ? `<div class="note" style="margin-top:9px">AI 判断：${H(s.ai.scene)}</div>` : ""}
-    </div>
-    ${promptBox}
-    <div class="ai-out"></div>`)}
-    ${pane("grade", `
-    <div class="card" id="insp-grade">
-      <div class="card-h"><span class="t">手动胶片预设与影调</span><span class="sp"></span>
-        <button class="btn btn-sm ghost" onclick="resetGrade()">归零</button></div>
+    ${pane("crop", `
+    ${actionDeckHtml({ chips: deckChipsHtml(), result: candHtml, prompt: promptBox })}
+    <div class="card" id="insp-frame">
+      <div class="card-h"><span class="t">手动画幅与裁切重心</span><span class="sp"></span>
+        <span class="s">${s.ratio ? s.ratio[0] + ":" + s.ratio[1] : "原图"}</span></div>
+      <p class="note" style="margin-bottom:8px">点下面的比例或重心即生效，不需要点操作台的按钮，可在画布工具栏撤回。</p>
+      <div class="ratio-grid">${ratioCards}</div>
+      <div class="note" style="margin-top:11px">
+        <b>裁切重心</b>：把照片裁成上面选的画幅时，保留画面里的哪一块。
+        点下面的小图，或点「点选裁切重心」后在画布上点一下主体位置。
+      </div>
+      <div class="aim-grid" id="aim-grid">
+        <i class="v" style="left:33.333%"></i><i class="v" style="left:66.666%"></i>
+        <i class="h" style="top:33.333%"></i><i class="h" style="top:66.666%"></i>
+        <span class="aim-dot" id="aim-dot" style="left:${s.anchor[0] * 100}%;top:${s.anchor[1] * 100}%"></span>
+      </div>
+    </div>
+    <div class="card" id="insp-info">
+      <div class="slot-head">
+        <span class="no">${String(s.slot).padStart(2, "0")}</span>
+        <div><div class="lb">${H(s.label || "精选位")}</div>
+          <div class="note" style="font-size:10px">${H(s.source)}</div></div>
+        <div class="spacer" style="flex:1"></div>
+      </div>
+      <dl class="kv">
+        ${s.scene ? `<dt>场景</dt><dd>${H(s.scene)}</dd>` : ""}
+        ${s.note ? `<dt>点评</dt><dd>${H(s.note)}</dd>` : ""}
+        ${s.score != null ? `<dt>选片分</dt><dd>${(s.score * 10).toFixed(1)} / 10</dd>` : ""}
+        ${s.color ? `<dt>主调</dt><dd><span class="swatch" style="background:${H(s.color)}"></span>${H(s.color)}</dd>` : ""}
+      </dl>
+      ${(s.reasons || []).length ? `<div class="chips" style="margin-top:9px">
+        ${s.reasons.map((r) => `<span class="chip">${H(r)}</span>`).join("")}</div>` : ""}
+      ${s.ai && s.ai.scene ? `<div class="note" style="margin-top:9px">AI 判断：${H(s.ai.scene)}</div>` : ""}
+    </div>`)}
+    ${pane("grade", `
+    ${actionDeckHtml({ chips: deckChipsHtml(), result: candHtml, prompt: promptBox })}
+    <div class="card" id="insp-grade">
+      <div class="card-h"><span class="t">手动胶片预设与影调</span><span class="sp"></span>
+        <button class="btn btn-sm ghost" onclick="resetGrade()">归零</button></div>
       <div class="preset-grid">${presets}</div>
       <details id="grade-adjustments" ${S.gradeAdjustOpen ? "open" : ""}>
       <summary class="note" style="cursor:pointer;margin-top:12px">手动微调 · ${g.order.length} 项</summary>
       <div class="sliders">
-        <div class="grp">影调</div>${group("影调")}
-        <div class="grp">色彩</div>${group("色彩")}
-        <div class="grp">质感</div>${group("质感")}
+        <div class="grp">影调</div>${group("影调")}
+        <div class="grp">色彩</div>${group("色彩")}
+        <div class="grp">质感</div>${group("质感")}
       </div>
       </details>
-      <div class="note" id="grade-summary" style="margin-top:8px">${H(s.grade_summary || "")}</div>
-    </div>
-    <div class="card ai" id="insp-grade-ai">
-      <div class="card-h"><span class="t" style="color:var(--navy)">AI 调色方向与方案</span><span class="sp"></span>
-        <span class="s">定制方案</span></div>
-      ${copilotHtml()}
-      <p class="note" style="margin-bottom:9px">在上方选择处理范围并生成方案；候选返回后再预览或采用。</p>
-      ${candHtml}
-    </div>
-    ${promptBox}
-    <div class="ai-out"></div>`)}
-    ${pane("retouch", `
-    <div class="card ai" id="insp-edit">
-      <div class="card-h"><span class="t" style="color:var(--navy)">指令修图</span><span class="sp"></span>
-        <span class="s">重绘像素 · 需人工验收</span></div>
-      <div class="note" style="margin-bottom:8px">
-        点击下方预设只会填入指令，<b>不会自动开修</b>；确认后点击上方唯一的「开始修图」。
-      </div>
-      <div class="row" style="margin-bottom:9px">${editPresets}</div>
-      <textarea class="inst" id="inst" placeholder="选择上方预设填入指令，或直接输入修图需求（例如：去掉画面右侧的游客）">${H(S.editInstruction || "")}</textarea>
-      ${imageSizeControlsHtml("edit")}
-    </div>
-    ${editResultCard(s)}
-    ${promptBox}
-    <div class="ai-out"></div>`)}
-    ${pane("finish", `
-    <div class="ai-out"></div>
-    <div class="card" id="insp-finish">
-      <div class="card-h"><span class="t">出品台</span><span class="sp"></span>
-        <span class="s">使用当前精修成品</span></div>
-      ${finishSourcesHtml()}
+      <div class="note" id="grade-summary" style="margin-top:8px">${H(s.grade_summary || "")}</div>
+    </div>`)}
+    ${pane("retouch", `
+    ${actionDeckHtml({ chips: `
+      <div class="note" style="margin-bottom:7px">点预设只会把指令填进下面的框，<b>不会自动开修</b>；确认后再点「开始修图」。重绘像素，需人工验收。</div>
+      <div class="row" style="margin-bottom:8px">${editPresets}</div>`,
+      result: editResultCard(s), prompt: promptBox })}
+    ${imageSizeControlsHtml("edit")}`)}
+    ${pane("finish", `
+    ${actionDeckHtml({ chips: finishSourcesHtml(), result: `<div id="finish-out"></div>`, prompt: promptBox })}
+    <div class="card" id="insp-art">
+      <div class="card-h"><span class="t">AI 艺术出片</span><span class="sp"></span>
+        <span class="s">选风格 → 点操作台的「生成所选作品」</span></div>
+      <div class="note" style="margin-bottom:9px">
+        选择一种风格并填写可选标题，再点操作台的「生成所选作品」。
+      </div>
+      <div class="art-grid" style="grid-template-columns:1fr 1fr">${artCards}</div>
+      <div class="row" style="margin-top:9px">
+        <input id="art-title" data-output-text value="${H(S.artTitle)}" placeholder="可选：指定标题 / 短句（留空则由照片决定）" style="flex:1;min-width:0;padding:9px;border:1px solid var(--line-2);border-radius:6px">
+      </div>
+      ${imageSizeControlsHtml("art")}
       <label style="display:flex;align-items:center;gap:8px;margin:14px 0 6px;cursor:pointer">
         <input id="output-no-text" type="checkbox" ${S.data.preferences?.no_text ? "checked" : ""} onchange="setOutputNoText(this.checked)">
         <b>不加文字</b>
       </label>
-      <p class="note" style="margin-bottom:12px">新生成的衍生作品不添加标题、字幕、日期或装饰字；原照片和地图底图自带的文字不擦除。已有作品需重新生成。</p>
-      <div class="sec-title" style="margin-top:16px">AI 艺术出片</div>
-      <div class="note" style="margin-bottom:9px">
-        选择一种风格并填写可选标题，再生成这一张衍生作品。AI 来源遵循本页顶部选择。
-      </div>
-      <div class="art-grid" style="grid-template-columns:1fr 1fr">${artCards}</div>
-      <div class="row" style="margin-top:9px">
-        <input id="art-title" data-output-text value="${H(S.artTitle)}" placeholder="可选：指定标题 / 短句（留空则由照片决定）" style="flex:1;min-width:0;padding:9px;border:1px solid var(--line-2);border-radius:6px">
-      </div>
-      ${imageSizeControlsHtml("art")}
-      <div class="sec-title" style="margin-top:16px">本地画板<span class="n">即刻生成 · 不调用模型</span></div>
-      <select id="local-product" aria-label="本地衍生品类型" style="width:100%;padding:8px;border:1px solid var(--line-2);border-radius:6px">
-        ${[["postcard","手撕纸明信片"],["watercolor","写意水墨水彩"],["zine","Zine 纸刊"],["poster","杂志海报"],
-           ["film","电影剧照卡"],["polaroid","复古拍立得"],["grid9","仅生成九宫格"],["map","高德足迹地图"]].map(([k,t]) =>
-          `<option value="${k}" ${(S.localProduct || "postcard") === k ? "selected" : ""}>${t}</option>`).join("")}
-      </select>
-      <div class="row" style="margin-top:8px">
-        <button class="btn btn-sm ghost" onclick="openProducts()">标题与排版设置</button></div>
-      <p class="note" id="local-product-note" style="margin-top:7px"></p>
-      <div class="sec-title" style="margin-top:16px">已生成</div>
-      <div id="finish-out" style="margin-top:9px"></div>
-    </div>`)}
-    ${pane("caption", `
-    <div class="card" id="insp-caption">
-      <div class="card-h"><span class="t">朋友圈文案与标题</span></div>
-      <p class="note" style="margin-bottom:10px">点击上方「生成 3 版文案」。生成后可逐条复制；作品标题在出片页的排版设置中管理。</p>
-      <div id="captions"></div>
+      <p class="note">新生成的衍生作品不添加标题、字幕、日期或装饰字；原照片和地图底图自带的文字不擦除。已有作品需重新生成。</p>
     </div>
+    <div class="card" id="insp-local">
+      <details>
+        <summary class="card-h" style="cursor:pointer;display:flex;align-items:center">
+          <span class="t">本地画板</span><span class="sp" style="flex:1"></span>
+          <span class="s">即刻生成 · 不调用模型</span></summary>
+        <select id="local-product" aria-label="本地衍生品类型" style="width:100%;margin-top:9px;padding:8px;border:1px solid var(--line-2);border-radius:6px">
+          ${[["postcard","手撕纸明信片"],["watercolor","写意水墨水彩"],["zine","Zine 纸刊"],["poster","杂志海报"],
+             ["film","电影剧照卡"],["polaroid","复古拍立得"],["grid9","仅生成九宫格"],["map","高德足迹地图"]].map(([k,t]) =>
+            `<option value="${k}" ${(S.localProduct || "postcard") === k ? "selected" : ""}>${t}</option>`).join("")}
+        </select>
+        <div class="row" style="margin-top:8px">
+          <button class="btn btn-sm ghost" onclick="openProducts()">标题与排版设置</button></div>
+        <p class="note" id="local-product-note" style="margin-top:7px"></p>
+      </details>
+    </div>`)}
+    ${pane("caption", `
+    ${actionDeckHtml({ result: `<div id="captions"></div>`, prompt: promptBox })}
     <div class="card" id="insp-publish">
       <div class="card-h"><span class="t">确认后打包</span><span class="s">只保存到本机</span></div>
       <label style="display:flex;align-items:center;gap:8px;margin-bottom:10px">
@@ -1858,23 +1932,22 @@ function renderInspector(passive = true) {
         <p>检查导出 JPEG 是否还含 EXIF 定位；地图上的可见地点需另行确认。</p>
         <button class="btn btn-sm" onclick="checkExportPrivacy()">检查导出包</button>
         <div id="privacy-result" class="note" role="status"></div></div>
+    </div>`)}
     </div>
-    ${promptBox}
-    <div class="ai-out"></div>`)}
-    </div>
-    ${agentWorkflowHtml()}
-    ${stepFoot}`;
-
-  wireInspector();
-  wireCopilot();
-  wireWorkflow();
-  renderCaptions();
-  syncExecutor();
-  renderFinishPane();
-  const output = outBox();
-  if (!useAgentModel() && output && S.outputs[S.step] && (!S.outputSlots[S.step] || S.outputSlots[S.step] === S.sel))
-    output.innerHTML = S.outputs[S.step];
-  box.scrollTop = scroll;
+    ${stepFoot}`;
+
+  wireInspector();
+  wireDeck();
+  wireDeckControls();
+  wireCopilot();
+  renderCaptions();
+  syncExecutor();
+  renderFinishPane();
+  const output = outBox();
+  if (output && S.outputs[S.step] && (!S.outputSlots[S.step] || S.outputSlots[S.step] === S.sel))
+    output.innerHTML = S.outputs[S.step];
+  updateLocalProductState();
+  box.scrollTop = scroll;
 }
 
 
@@ -1915,11 +1988,7 @@ function wireInspector() {
     if (size) size.addEventListener("change", () => { S[kind + "Size"] = size.value; });
   }
   updateLocalProductState();
-  const inst = $("inst");
-  if (inst) inst.addEventListener("input", () => {
-    S.editInstruction = inst.value;
-    rememberEditDraft();
-  });
+  // The 修图指令 box is the deck's #deck-intent now; wireDeck() binds it once.
   const title = $("art-title");
   if (title) title.addEventListener("input", () => { S.artTitle = title.value; });
   const promptBox = $("prompt-box");
@@ -1977,9 +2046,12 @@ function wireInspector() {
     el.addEventListener("click", () => {
       const p = (S.data.ai.edit_presets || []).find((x) => x.key === el.dataset.edit);
       S.editPreset = el.dataset.edit;
-      S.editInstruction = p ? p.instruction : "";
-      rememberEditDraft();
-      $("inst").value = S.editInstruction;
+      S.editInstruction = p ? p.instruction : "";
+      S.copilotIntent = S.editInstruction;
+      (S.copilotDrafts = S.copilotDrafts || {})[copilotDraftKey()] = S.editInstruction;
+      rememberEditDraft();
+      const box = $("deck-intent");
+      if (box) box.value = S.editInstruction;
       document.querySelectorAll("[data-edit]").forEach((b) => b.classList.remove("on"));
       el.classList.add("on");
     });
@@ -2015,8 +2087,8 @@ function renderCaptions() {
   const c = S.data.captions || {};
   const vs = c.versions || [];
   if (!vs.length) {
-    box.innerHTML = `<div class="note">还没有文案。点上面的「AI 生成」，模型会依据选片时记录的真实场景写 3 版，
-      不会像旧版那样塞一段和照片无关的模板文字。</div>`;
+    box.innerHTML = `<div class="note">还没有文案。点操作台的「生成 3 版文案」，模型会依据选片时记录的真实场景写 3 版，
+      不会像旧版那样塞一段和照片无关的模板文字。（这一帧的 Agent 轨道会把文案直接登记到这里。）</div>`;
     return;
   }
   box.innerHTML = (c.narrative ? `<div class="note" style="margin-bottom:10px;font-style:italic">
@@ -2837,7 +2909,7 @@ function promptCtx(action, opts) {
   if (action === "edit") {
     ctx.preset = S.editPreset || "";
     ctx.image_size = S.editSize || "auto";
-    const inst = $("inst");
+    const inst = $("deck-intent");
     if (inst && inst.value.trim()) ctx.instruction = inst.value.trim();
   }
   if (s) ctx.photo = s.source;
@@ -2963,39 +3035,47 @@ async function aiTitle() {
   await aiRun("title");
 }
 
-async function aiEdit() {
-  const inst = $("inst");
-  const text = inst ? inst.value.trim() : "";
-  if (!text) { toast("先写一句修图指令，或点一个预设按钮", "err"); return; }
-  S.editInstruction = text;
-  rememberEditDraft();
-  await aiRun("edit");
-}
-
-function fillInstruction() {
-  const p = (S.data.ai.edit_presets || []).find((x) => x.key === S.editPreset);
-  if (!p) { toast("先在左侧点一个修图预设", "err"); return; }
-  S.editInstruction = p.instruction;
-  $("inst").value = p.instruction;
-}
-
-function outBox() {
-  // One output region PER STEP. All six panes used to share a single duplicate
-  // `ai-out` id, so getElementById() always returned the SELECT pane's box: a
-  // result produced on 调色/修图/出片/文案 was painted into a hidden pane and the
-  // user saw nothing at all — "点了分析三套配方，前端工作台没显示".
-  const step = S.step || "";
-  return document.querySelector(`[data-pane="${step}"] .ai-out`)
-      || document.querySelector(`[data-pane="${step}"] #ai-out`)
-      || document.querySelector(".ai-out");
-}
-
-function renderAiOut(html, step = S.step, slot = ["grade", "crop", "retouch"].includes(step) ? S.sel : null) {
-  S.outputs[step] = html;
-  S.outputSlots[step] = slot;
-  if (useAgentModel() || step !== S.step || (slot && slot !== S.sel)) return;
-  const box = outBox();
-  if (box) box.innerHTML = html;
+async function aiEdit() {
+  // The 修图指令 input IS the deck's input now (one box per step, not two).
+  const inst = $("deck-intent");
+  const text = inst ? inst.value.trim() : (S.editInstruction || "");
+  if (!text) { toast("先写一句修图指令，或点一个预设按钮", "err"); return; }
+  S.editInstruction = text;
+  S.copilotIntent = text;
+  rememberEditDraft();
+  await aiRun("edit");
+}
+
+function fillInstruction() {
+  const p = (S.data.ai.edit_presets || []).find((x) => x.key === S.editPreset);
+  if (!p) { toast("先在左侧点一个修图预设", "err"); return; }
+  S.editInstruction = p.instruction;
+  S.copilotIntent = p.instruction;
+  (S.copilotDrafts = S.copilotDrafts || {})[copilotDraftKey()] = p.instruction;
+  const box = $("deck-intent");
+  if (box) box.value = p.instruction;
+  rememberEditDraft();
+}
+
+function outBox() {
+  // One output region PER STEP, now living inside that step's action deck. All six
+  // panes once shared a single duplicate `ai-out` id, so getElementById() always
+  // returned the SELECT pane's box: a result produced on 调色/修图/出片/文案 was
+  // painted into a hidden pane and the user saw nothing at all.
+  const step = S.step || "";
+  return document.getElementById(`ai-out-${step}`)
+      || document.querySelector(`[data-pane="${step}"] .ai-out`)
+      || document.querySelector(".ai-out");
+}
+
+function renderAiOut(html, step = S.step, slot = ["grade", "crop", "retouch"].includes(step) ? S.sel : null) {
+  S.outputs[step] = html;
+  S.outputSlots[step] = slot;
+  // No model-source guard: a result is a result. Skipping the paint on the
+  // agent-model track is why 「Agent 说得挺好，页面上什么都没有」 was possible.
+  if (step !== S.step || (slot && slot !== S.sel)) return;
+  const box = outBox();
+  if (box) box.innerHTML = html;
 }
 
 /* ---------------- executor switch ---------------- */
@@ -3186,7 +3266,7 @@ function renderConfigPanels(c) {
 
   $("models").innerHTML = models.length
     ? models.map((m) => `<span class="chip" style="font-family:var(--mono)">${H(m)}</span>`).join("")
-    : `<span class="note">还没探测过。点上面的「探测连通性与在售模型」拉取真实列表。</span>`;
+    : `<span class="note">还没探测过。点「探测连通性与在售模型」拉取真实列表。</span>`;
 
   const cm = c.custom_models || {};
   const keys = Object.keys(cm);

package/README.md

@@ -181,10 +181,15 @@ trip-pulse/
 - 出片页明确显示「原片处理版 / 已采用修图」。存在待采用修图时，先要求采用或拒绝，
   不再静默使用原片生成。采用后仍需重新生成海报/拼图或重新打包；旧产物不会自动更新。
 
-- 每步只保留上方一个主要执行入口；裁切/调色用「当前格 / 全部已选」切换范围。
-  方向预设只填写要求，不会自动调用模型；修图只保留一份指令输入。
-- 候选照片只在照片库展示。出片页分为导出包、艺术风格选择、本地衍生品和单一结果图库；
-  排版抽屉只设置标题/字幕/版式，不重复放生成按钮。
+- 每一步的主流程收进同一张「本步操作台」：谁来做/范围 → 要求输入 → 触发按钮 →
+  本轮提示词或发给 Agent 的简报 → 结果（含候选与 Agent 会话），自上而下一次完成，
+  不再需要「在下面写要求、回顶部点按钮、再滚下去看结果」。手动控件（预设、微调、
+  画幅、风格）降到操作台下方，只作手动替代路径。
+- 要求只用一个输入框：网关轨道它是发出去的要求，Agent 轨道同一个框就是会话追问；
+  裁切/调色用「当前格 / 全部已选」切换范围。方向预设只填写要求，不会自动调用模型。
+- 修图页同一套流程：预设只填指令 → 「开始修图」 → 下方结果卡直接采用/拒绝。
+- 出片页拆成四块：操作台（出片来源 + 触发 + 结果图库）、AI 艺术出片、本地画板（折叠）、
+  打包仍在文案步确认之后。
 - 全组调色支持先预览再采用；过期配方及已取消网关任务的返回结果不再自动落盘。
   Agent 的取消会转发停止请求；它在取消前已执行的修改仍需按需撤回。
 - 新采用的修图版本保存稳定副本；新的待采用结果与当前已采用版本分开，可明确采用或拒绝。

package/bin/install.js

@@ -16,7 +16,7 @@ const path = require('path');
 const os = require('os');
 const { execSync, spawnSync } = require('child_process');
 
-const VERSION = '1.1.2';
+const VERSION = '1.2.0';
 const SKILL_NAME = 'trip-moments';
 
 const c = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trip-moments-skill",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "AI 朋友圈旅行出图助手 (trip-moments skill) — 工业级全流程旅行摄影智能出图与朋友圈九宫格套件",
   "main": "bin/install.js",
   "bin": {