工作台正文版面精简与流式渲染性能：阶段正文按「精华上屏、细节收纳」四规则重排——结论条只放第一句悬停见全文、表格字段清单渲染成字段名徽标、长句列表与策略段按行数截断点击展开收起（渲染后量高摘掉未溢出条目的截断态）、纯演示子分页在真实数据到达后隐藏不拿假数据示人；新增 stream-render 流式渲染调度器（渲染按节奏合并至多每 160ms 一次+markdown 离屏渲染按块级前缀对比增量上屏，已排版公式原样保留，解决长回复每增量整段重建的卡顿），实时生成区打字机逐字匀速上屏；工作台控制器、agent/home 对话与样式配套调整，英文词典补新增文案

Author: IvanCodesDev

apps/web/src/attachments/attachments.css

@@ -45,6 +45,14 @@
   cursor: pointer;
 }
 
+/* 折叠头是 <button>，会吃到全局 button:hover 的浅灰底；这里明确按住透明，
+   悬停只靠回形针↔箭头的图标切换表达，不出现灰色背景盒子。 */
+.composer-attachments-head:hover,
+html[data-theme="dark"] .composer-attachments-head:hover {
+  background: transparent;
+  border-color: transparent;
+}
+
 .composer-attachments-head-icon {
   position: relative;
   flex: none;

apps/web/src/i18n/en-US.ts

@@ -366,6 +366,10 @@ const TASK_RUNNING: Record<string, string> = {
   "正在生成回复": "Generating the reply",
   "已生成回复": "Reply generated",
   "回复生成中断": "Reply interrupted",
+  "暂停生成": "Stop generating",
+  "已暂停生成": "Generation stopped",
+  "已暂停生成。": "Generation stopped.",
+  "已暂停（保留部分回复）": "Stopped (partial reply kept)",
   "执行计划": "To-dos",
   "展开或收起执行计划": "Toggle the plan",
   "复制回复": "Copy reply",
@@ -522,6 +526,15 @@ const DATA_STAGE: Record<string, string> = {
   "汇总": "Summary",
   "字段说明": "Field guide",
   "字段、类型、单位与质量状态": "Fields, types, units and quality status",
+  "来自数据准备阶段的真实字段清单": "Real field list from the data preparation stage",
+  "说明": "Description",
+  "个字段": "fields",
+  "所属数据集": "Dataset",
+  "完整字段清单见「字段说明」页": "See the Field guide tab for the full list",
+  "点击展开或收起全文": "Click to expand or collapse",
+  "来自方案": "From plan",
+  "步": "steps",
+  "按执行顺序": "In execution order",
   "18 个字段": "18 fields",
   "核心建模字段已完成类型和单位校验。":
     "Types and units are verified for all core modeling fields.",

apps/web/src/integration/agent-chat.ts

@@ -39,6 +39,8 @@ export interface ChatMeta {
   usage?: { prompt_tokens?: number; completion_tokens?: number };
   elapsed_ms?: number;
   route?: ChatRouteMeta | null;
+  /** 用户中途暂停、已收到的部分按完整回复收尾时为 true。 */
+  stopped?: boolean;
 }
 
 export interface ChatHandlers {
@@ -228,6 +230,9 @@ export interface ChatTurnOptions {
   images?: ChatImagePayload[];
   /** 携图时钉住的接口 id：绕过 Auto 难度路由，确保图片落在视觉模型上。 */
   pinEndpointId?: string;
+  /** 暂停生成：中止后已收到的部分回复按完整回复处理；一字未收则抛
+   *  GENERATION_STOPPED，由调用方安静收尾（不按错误渲染）。 */
+  signal?: AbortSignal;
 }
 
 /**
@@ -266,6 +271,7 @@ export async function sendConversationTurn(
     response = await fetch("/api/chat", {
       method: "POST",
       credentials: "same-origin",
+      signal: options.signal,
       headers: { "Content-Type": "application/json", Accept: "text/event-stream, application/json" },
       body: JSON.stringify({
         messages: [...history],
@@ -274,8 +280,11 @@ export async function sendConversationTurn(
         ...(images ? { images } : {}),
       }),
     });
-  } catch {
+  } catch (error) {
     history.pop();
+    if (error instanceof DOMException && error.name === "AbortError") {
+      throw new ChatError("GENERATION_STOPPED", "已暂停生成");
+    }
     throw new ChatError("NETWORK_ERROR", "无法连接服务，请确认后端已启动");
   }
   if (!response.ok) {
@@ -293,8 +302,20 @@ export async function sendConversationTurn(
     const decoder = new TextDecoder();
     let buffer = "";
     let failure: ChatError | null = null;
+    let stopped = false;
     for (;;) {
-      const { done, value } = await reader.read();
+      let done: boolean;
+      let value: Uint8Array | undefined;
+      try {
+        ({ done, value } = await reader.read());
+      } catch (error) {
+        // 用户点了暂停：已收到的部分按完整回复处理；一字未收按停止收尾
+        if (error instanceof DOMException && error.name === "AbortError") {
+          stopped = true;
+          break;
+        }
+        throw error;
+      }
       if (value) buffer += decoder.decode(value, { stream: true });
       const { events, rest } = parseSseChunk(done ? `${buffer}\n\n` : buffer);
       buffer = done ? "" : rest;
@@ -318,12 +339,26 @@ export async function sendConversationTurn(
       }
       if (done) break;
     }
+    if (stopped && !full) {
+      history.pop();
+      throw new ChatError("GENERATION_STOPPED", "已暂停生成");
+    }
+    if (stopped) meta.stopped = true;
     if (failure && !full) {
       history.pop();
       throw failure;
     }
   } else {
-    const payload = (await response.json()) as ChatMeta & { reply?: string; reasoning?: string };
+    let payload: ChatMeta & { reply?: string; reasoning?: string };
+    try {
+      payload = (await response.json()) as ChatMeta & { reply?: string; reasoning?: string };
+    } catch (error) {
+      history.pop();
+      if (error instanceof DOMException && error.name === "AbortError") {
+        throw new ChatError("GENERATION_STOPPED", "已暂停生成");
+      }
+      throw new ChatError("CHAT_FAILED", "对话响应解析失败，请稍后再试");
+    }
     full = payload.reply ?? "";
     reasoning = payload.reasoning ?? "";
     Object.assign(meta, payload);

apps/web/src/integration/home-chat.ts

@@ -13,8 +13,7 @@
 
 import { openAuthDialog } from "../auth/auth-dialog";
 import { t } from "../i18n/locale";
-import { renderMarkdown } from "../text/markdown";
-import { typesetMath } from "../text/math-typeset";
+import { createStreamingMarkdownRenderer, createThrottledTextSink } from "../text/stream-render";
 import { ChatError, sendConversationTurn } from "./agent-chat";
 
 const AGENT_ID_HTML =
@@ -105,15 +104,20 @@ function createThinkingBlock(replyBlock: HTMLElement): {
     applyOpen();
     if (open) viewport.scrollTop = 0;
   });
+  // 文本赋值与布局读写按节流节奏合并：高频 reasoning 增量不再逐条触发重排
+  const sink = createThrottledTextSink(fullText => {
+    stream.textContent = fullText;
+    viewport.classList.toggle("is-capped", viewport.scrollHeight > viewport.clientHeight + 1);
+    viewport.scrollTop = viewport.scrollHeight;
+  });
   return {
     append(fullText: string): void {
-      stream.textContent = fullText;
-      viewport.classList.toggle("is-capped", viewport.scrollHeight > viewport.clientHeight + 1);
-      viewport.scrollTop = viewport.scrollHeight;
+      sink.update(fullText);
     },
     finish(): void {
       if (done) return;
       done = true;
+      sink.flush();
       const seconds = Math.max(1, Math.round((Date.now() - startedAt) / 1000));
       label.classList.remove("thinking-shimmer");
       label.innerHTML = `<span class="thinking-verb">${t("已思考")}</span> ${seconds} ${t("秒")}`;
@@ -132,6 +136,33 @@ export function isHomeChatActive(root: HTMLElement): boolean {
   return root.dataset.homeChat === "on";
 }
 
+// ── 暂停生成：回复流式期间发送键变为暂停键（与执行页同语义） ────────────────
+
+let activeAbort: AbortController | null = null;
+
+/** 首页对话是否在生成中；点暂停键时由 task-start-controller 调用。 */
+export function stopHomeChatGeneration(): boolean {
+  if (!activeAbort) return false;
+  activeAbort.abort();
+  return true;
+}
+
+function setSendButtonGenerating(root: HTMLElement, on: boolean): void {
+  root.querySelectorAll<HTMLButtonElement>('.composer [data-action="send"]').forEach(button => {
+    if (on) {
+      button.dataset.mode = "stop";
+      button.innerHTML = '<i class="ph-fill ph-stop" aria-hidden="true"></i>';
+      button.title = t("暂停生成");
+      button.setAttribute("aria-label", t("暂停生成"));
+    } else {
+      delete button.dataset.mode;
+      button.innerHTML = '<i class="ph ph-arrow-up" aria-hidden="true"></i>';
+      button.title = t("发送（Enter）");
+      button.setAttribute("aria-label", t("发送"));
+    }
+  });
+}
+
 export interface HomeChatTurnOptions {
   /** @ 引用资料的上下文块（composerReferenceBlock）：只进请求正文，不进气泡。 */
   referenceContext?: string;
@@ -162,8 +193,13 @@ export async function runHomeChatTurn(
     thinking: ReturnType<typeof createThinkingBlock> | null;
     sawDelta: boolean;
   } = { thinking: null, sawDelta: false };
+  // 渲染节流 + 块级增量上屏（长回复不再逐增量整段重建），公式排版随之削峰
+  const renderer = createStreamingMarkdownRenderer(copy);
+  const abort = new AbortController();
+  activeAbort = abort;
+  setSendButtonGenerating(root, true);
   try {
-    await sendConversationTurn(
+    const { text: reply } = await sendConversationTurn(
       text,
       {
         onReasoning: (_delta, full) => {
@@ -175,21 +211,26 @@ export async function runHomeChatTurn(
             state.sawDelta = true;
             state.thinking?.finish();
           }
-          copy.innerHTML = renderMarkdown(full);
-          // 已闭合的公式随增量立即排版，与执行页对话同语义（实时渲染）
-          typesetMath(copy);
+          renderer.update(full);
         },
       },
       {
         ...(options.referenceContext ? { attachmentContext: options.referenceContext } : {}),
         ...(options.referenceTitles?.length ? { attachmentNames: options.referenceTitles } : {}),
+        signal: abort.signal,
       },
     );
     state.thinking?.finish();
+    renderer.finish(reply);
     scrollIntoView(block);
     return true;
   } catch (error) {
     state.thinking?.finish();
+    renderer.cancel();
+    if (error instanceof ChatError && error.code === "GENERATION_STOPPED") {
+      copy.innerHTML = `<p class="muted">${t("已暂停生成。")}</p>`;
+      return false;
+    }
     if (error instanceof ChatError && error.code === "AUTH_REQUIRED") {
       copy.innerHTML = `<p class="muted">${t("请先登录后再继续对话。")}</p>`;
       openAuthDialog({});
@@ -202,5 +243,8 @@ export async function runHomeChatTurn(
     failure.textContent = message;
     copy.append(failure);
     return false;
+  } finally {
+    if (activeAbort === abort) activeAbort = null;
+    setSendButtonGenerating(root, false);
   }
 }