From f344bd20eb865be61b365cb825ab115b73884f71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 26 Oct 2026 10:00:47 +0800
Subject: [PATCH 01/32] feat(chat): pin newly sent questions to top with
 dynamic bottom runway

- Pin newly entered user questions directly to the top of the transcript viewport (`PINNED_QUESTION_GAP = 12`)
- Maintain a dynamic bottom runway (`data-pin-runway`) so first-screen replies grow downward without moving `scrollTop`, auto-following once the turn exceeds one screen and keeping the runway without bounce when short replies finish
- Add AGENTS.md rule to follow production code when documentation conflicts and list discovered conflicts in final responses

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 AGENTS.md                                     |  1 +
 docs/DESIGN.md                                | 10 +-
 docs/STATUS.md                                |  3 +-
 packages/chat-ui/README.md                    |  7 +-
 packages/chat-ui/src/chat/TranscriptView.tsx  | 94 ++++++++++++++++---
 .../chat-ui/src/chat/useTranscriptScroll.ts   | 24 ++---
 6 files changed, 106 insertions(+), 33 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index 54114c33..c22a17b1 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -4,6 +4,7 @@
 
 - 只完成用户请求及其必要结果，不扩展相邻功能或无关重构。
 - 以用户当前要求和生产代码为行为事实，不虚构 Droid 能力、API、命令或项目结构。
+- 当文档与现有代码存在冲突时，应遵循代码的写法，并在最后回复中列出发现的所有冲突点。
 - 保留用户已有、未跟踪和无关改动；谨慎处理生成文件、Lockfile、Migration 和公共契约。
 - 解释、审查和状态查询默认只读；只有用户明确要求修改时才写入文件。
 - 文档入口是 `docs/README.md`。计划、状态、能力、架构和设计分别更新
diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index cf36c6ef..2030ab60 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -179,11 +179,11 @@
   Context Usage 使用单条分段进度条与“色块 + 名称 + 数值”图例；`/limits`（Usage Limits）在标题行提供
   `Standard`／`Droid Core` 分段切换，下方分列 `5-hour usage`、`Weekly usage`、`Monthly usage` 三条独立进度条，
   左侧紧接已用百分比，右侧显示重置图标与剩余时间（未开始窗口显示 `Use Droid to start`）。
-- 近底发送保持底部；用户上滑、选择文字或操作嵌套滚动区时取消自动跟随。
-  显式跳底可平滑滚动，减少动画时直接到达。不能靠空白补位掩盖错位或丢内容。
-  工作／回复／压缩／子代理等待提示在实际回到底部后才固定；从历史位置发送或跳转期间仍留在回复末尾，
-  不能把“准备跟随”当成“已到达底部”。底部流式跟随时保持提示稳定，短对话紧接正文。
-  运行提示自行承接列表底部留白，实色背景延伸至滚动区底边，正文不能从提示下方空隙露出。
+- 新提问进入聊天列表时直接切换置顶，底部按当前视口剩余高度预留动态留白跑道，AI 在置顶问题下方静止生长回复；
+  整轮内容超出一屏后自动向下跟随（问题保留在顶部吸顶条），短于一屏结束时保持底部留白不回弹。
+  用户上滑、选择文字或操作嵌套滚动区时取消自动跟随；显式跳底可平滑滚动，减少动画时直接到达。
+  底部状态区域（`TranscriptView.statusContent`）在实际回到底部后才固定；从历史位置跳转期间仍留在列表末尾，
+  底部流式跟随时保持提示稳定，短对话紧接正文，实色背景延伸至状态区底边。
 - 历史问题按所属轮次吸顶、由下一问题推离。Plan 归属创建它的问题，完成仍保留摘要，
   新计划不删旧计划；回复操作归属整次回答的末尾，运行中不提前显示完成操作。
   问题卡片中的计划摘要行保持 28px 高，不叠加容器上下留白；字号、计数与展开步骤保持原有层级。
diff --git a/docs/STATUS.md b/docs/STATUS.md
index b5c31eb4..9ad32039 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -17,7 +17,7 @@
 
 | 范围 | 当前实现与边界 |
 | --- | --- |
-| 聊天 | 最新活动独立成行，更早活动归入“执行过程”；正文按时间顺序穿插，历史数量紧随标题。单条工具与 thinking 独立折叠，Edit 默认显示精简 Diff，可在原卡片展开全部，没有 thinking 中间分组；长 thinking 原文分块合并更新并限高滚动。正文与折叠箭头左边缘对齐，失败操作收起时仍可查看。队列预览最多三行；常规设置提供等待／引导，默认等待；daemon 引导不停止当前任务，消费确认后移入聊天，投递不明时暂停保留内容。其余流式、附件、权限／问答、引用和 BTW 保留 |
+| 聊天 | 新提问直接切换置顶，底部动态留白跑道承载首屏静止生长的回复，超出一屏后自动向下跟随，短回复结束时保持留白不回弹；最新活动独立成行，更早活动归入“执行过程”；正文按时间顺序穿插，历史数量紧随标题。单条工具与 thinking 独立折叠，Edit 默认显示精简 Diff，可在原卡片展开全部，没有 thinking 中间分组；长 thinking 原文分块合并更新并限高滚动。正文与折叠箭头左边缘对齐，失败操作收起时仍可查看。队列预览最多三行；常规设置提供等待／引导，默认等待；daemon 引导不停止当前任务，消费确认后移入聊天，投递不明时暂停保留内容。其余流式、附件、权限／问答、引用和 BTW 保留 |
 | 管理页 | 常规、模型、补全、会话、任务；共享设置行、搜索筛选、分页和滚动条，Select 弹层不少于触发器宽度并随单行选项内容扩展，列表刷新保留已有内容 |
 | Factory 账户与额度 | 设置页侧栏底部显示 CLI 登录的邮箱与姓名，折叠后只留首字母头像，读取走独立非阻塞通道不锁页面忙碌态；`/limits`（Usage Limits）提供 `Standard`／`Droid Core` 分段切换与 `5-hour`、`Weekly`、`Monthly` 三条独立进度条及重置时间。身份取自本地 access token 载荷，额度读取 `GET /api/billing/limits`（EU 账户与 `FACTORY_API_BASE_URL` 走各自主机），结果按窗口缓存 20 秒；token 只留在 Extension Host，未登录或读取失败给出对应提示 |
 | Mission 创建 | 说明型开关行保持背景稳定，操作按钮随内容收紧；调度／执行／验证代理模型支持搜索，保留来源筛选与现有推理等级 |
@@ -40,6 +40,7 @@
 
 ## 最近验证
 
+- `codex/ui-style-fixes`（新提问直接置顶与动态留白跑道）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），底部同步维护动态留白跑道 `data-pin-runway` 使首屏回复静止向下生长、超出一屏后自动向下跟随、短回复结束保持留白不回弹；`AGENTS.md` 补充文档与代码冲突处理规则。`typecheck`、`lint:budgets` 与 5 个转录滚动／锚定／导航测试文件（12 项）全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/README.md b/packages/chat-ui/README.md
index 1d520ed0..c89e4df5 100644
--- a/packages/chat-ui/README.md
+++ b/packages/chat-ui/README.md
@@ -128,11 +128,10 @@ const createSyntaxWorker = async () => new Worker('/assets/syntaxWorker.js');
 | 基础组件 | `ui/*`、`ai-elements/*` 子路径，沿用共享 Radix 焦点／键盘／Portal 行为 |
 
 - 同一个稳定消息使用相同 id，token 到达时只更新内容，不重建会话身份。
-- `TranscriptView` 在新用户消息进入 `messages` 时恢复到底部跟随；
+- `TranscriptView` 在新用户消息进入 `messages` 时直接将该提问切换置顶，并通过底部动态留白跑道承载首屏静止生长的回复，超出一屏后自动向下跟随，短回复结束时保持留白不回弹；
   `sendSignal` 用于输入／导航身份，不会因消息仍在队列中而滚动旧内容。
-  普通发送在清空输入和追加消息前调用 `TranscriptHandle.prepareForSend()`，
-  按发送前距底部 80px 的容差选择即时保持底部或平滑回底；排队时不调用。
-  运行提示通过 `statusContent` 传入，实际回到底部后才固定位置，避免提示先出现在历史视口再随页面跳转；
+  普通发送在清空输入和追加消息前调用 `TranscriptHandle.prepareForSend()`；排队时不调用。
+  状态提示通过 `statusContent` 传入，实际回到底部后才固定位置，避免提示先出现在历史视口再随页面跳转；
   稳定跟随后不受正文增长影响，短对话仍紧接正文。查看历史、选择文字或导航时随列表滚走。
   交互卡片等继续使用 `trailingContent`。
   需要暂停跟随时调用其 `TranscriptHandle.stopFollowing()`。
diff --git a/packages/chat-ui/src/chat/TranscriptView.tsx b/packages/chat-ui/src/chat/TranscriptView.tsx
index a98637c5..3266c862 100644
--- a/packages/chat-ui/src/chat/TranscriptView.tsx
+++ b/packages/chat-ui/src/chat/TranscriptView.tsx
@@ -75,20 +75,17 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  const scrolling = useTranscriptScroll(viewport, content, conversationId, sendSignal, reportLayout, clearBottomJump, pauseAutoFollow);
+  const runway = useRef<HTMLDivElement>(null);
+  const runwayHeight = useRef(0);
+  const syncRunwayRef = useRef<() => void>(() => {});
+  const syncRunway = useCallback(() => syncRunwayRef.current(), []);
+  const scrolling = useTranscriptScroll(viewport, content, conversationId, sendSignal, reportLayout, clearBottomJump, pauseAutoFollow, syncRunway);
   const lastQuestionId = useMemo(() => {
     for (let index = messages.length - 1; index >= 0; index -= 1) {
       if (messages[index].role === 'user') return messages[index].id;
     }
     return undefined;
   }, [messages]);
-  const previousQuestion = useRef(lastQuestionId);
-  useLayoutEffect(() => {
-    // Queueing/editing also changes sendSignal. Follow only when a new
-    // question actually enters the transcript, not while the old turn stops.
-    if (lastQuestionId !== undefined && previousQuestion.current !== lastQuestionId) scrolling.followNewQuestion();
-    previousQuestion.current = lastQuestionId;
-  }, [lastQuestionId, scrolling.followNewQuestion]);
   const allDescriptors = messages;
   const [windowState, setWindowState] = useState({ sessionId: sessionKey, count: DEFAULT_MESSAGE_WINDOW });
   const messageWindow = windowState.sessionId === sessionKey ? windowState.count : DEFAULT_MESSAGE_WINDOW;
@@ -111,6 +108,40 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     const descriptor = byId.get(turn.id)!;
     return descriptor.role === 'user' ? [{ key: turn.id, text: descriptor.text ?? '', turnIndex }] : [];
   }).map((item, index) => ({ ...item, preview: questionPreview(item.text, index) })), [turns, byId]);
+  const questionState = useRef<{
+    conversationId: string | null;
+    questionId: string | undefined;
+    sendSignal: number;
+    pinnedId: string | null;
+  }>({
+    conversationId,
+    questionId: lastQuestionId,
+    sendSignal,
+    pinnedId: null,
+  });
+  if (questionState.current.conversationId !== conversationId) {
+    questionState.current = {
+      conversationId,
+      questionId: lastQuestionId,
+      sendSignal,
+      pinnedId: null,
+    };
+  } else if (lastQuestionId !== questionState.current.questionId) {
+    const hadQuestion = questionState.current.questionId !== undefined;
+    const sentFromEmpty =
+      sendSignal !== questionState.current.sendSignal ||
+      (questions.length === 1 && !messages.at(-1)?.replyEnd);
+    if (lastQuestionId !== undefined && (hadQuestion || sentFromEmpty)) {
+      questionState.current.pinnedId = lastQuestionId;
+    } else if (lastQuestionId === undefined) {
+      questionState.current.pinnedId = null;
+    }
+    questionState.current.questionId = lastQuestionId;
+    questionState.current.sendSignal = sendSignal;
+  }
+  const pinnedTurnIndex = questionState.current.pinnedId === null
+    ? -1
+    : turns.findIndex((turn) => turn.id === questionState.current.pinnedId);
   const getScrollElement = useCallback(() => viewport.current, []);
   const subscribe = useCallback((notify: () => void) => {
     const element = viewport.current;
@@ -135,13 +166,53 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
   virtualizer.shouldAdjustScrollPositionOnItemSizeChange = (item, _delta, instance) =>
     !scrolling.follow.current.following && scrolling.navigation.current === null &&
     (instance.itemSizeCache.has(item.key) ? item.end <= (instance.scrollOffset ?? 0) : item.start < (instance.scrollOffset ?? 0));
+  syncRunwayRef.current = () => {
+    const element = viewport.current, column = content.current, spacer = runway.current;
+    const cachedTurn = pinnedTurnIndex >= 0 ? virtualizer.measurementsCache[pinnedTurnIndex] : undefined;
+    if (!element || !column || !spacer || pinnedTurnIndex < 0 || element.clientHeight <= 0 || cachedTurn === undefined) {
+      runwayHeight.current = 0;
+      if (spacer) spacer.style.height = '0px';
+      return;
+    }
+    const columnRect = column.getBoundingClientRect();
+    const rowEl = column.querySelector<HTMLElement>(`[data-index="${pinnedTurnIndex}"]`);
+    const rowRect = rowEl?.getBoundingClientRect();
+    const turnStart = columnRect.height > 0 && rowRect && rowRect.height > 0
+      ? rowRect.top - columnRect.top
+      : cachedTurn.start;
+    const pinTop = Math.max(0, turnStart - PINNED_QUESTION_GAP);
+    const paddingBottom = parseFloat(getComputedStyle(column).paddingBottom) || (statusContent ? 0 : 12);
+    const naturalHeight = columnRect.height > 0
+      ? spacer.getBoundingClientRect().top - columnRect.top + paddingBottom
+      : scrollMargin + virtualizer.getTotalSize() + paddingBottom;
+    const nextHeight = Math.max(0, pinTop + element.clientHeight - naturalHeight);
+    runwayHeight.current = nextHeight;
+    spacer.style.height = `${nextHeight}px`;
+  };
+  useLayoutEffect(syncRunway);
+  const previousPinned = useRef<string | null>(null);
+  useLayoutEffect(() => {
+    // Queueing/editing also changes sendSignal. Follow only when a new
+    // question actually enters the transcript, not while the old turn stops.
+    const currentPinned = questionState.current.pinnedId;
+    if (currentPinned !== null && previousPinned.current !== currentPinned) {
+      syncRunway();
+      scrolling.followNewQuestion();
+    }
+    previousPinned.current = currentPinned;
+  }, [lastQuestionId, sendSignal, conversationId, syncRunway, scrolling.followNewQuestion]);
+  const effectiveScrollHeight = useCallback(
+    (element: HTMLDivElement | null) =>
+      (element?.scrollHeight ?? 0) - (questions.length <= 1 ? runwayHeight.current : 0),
+    [questions.length],
+  );
   const readBoundary = useCallback(() => {
     const element = viewport.current;
     const offset = (element?.scrollTop ?? 0) + PINNED_QUESTION_GAP;
     const row = virtualizer.getVirtualItemForOffset(questionEntryOffset(offset));
     return `${row?.index ?? -1}:${row !== undefined && hasQuestionEntered(row.start, offset)}:${
-      isScrollableTranscript(element?.scrollHeight ?? 0, element?.clientHeight ?? 0)}`;
-  }, [virtualizer]);
+      isScrollableTranscript(effectiveScrollHeight(element), element?.clientHeight ?? 0)}`;
+  }, [virtualizer, effectiveScrollHeight]);
   // Pixel movement only moves the pinned overlay; render the transcript when
   // the question boundary or virtual range changes, not on every scroll event.
   useSyncExternalStore(subscribe, readBoundary, readBoundary);
@@ -155,7 +226,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
   }, [hiddenMessageCount, scrolling.writeTop]);
   const questionTops = questions.map((question) => virtualizer.measurementsCache[question.turnIndex]?.start ?? Number.POSITIVE_INFINITY);
   const activeQuestion = findActiveQuestionIndex(questionTops, top + PINNED_QUESTION_GAP);
-  const showNavigator = isScrollableTranscript(viewport.current?.scrollHeight ?? 0, viewport.current?.clientHeight ?? 0);
+  const showNavigator = isScrollableTranscript(effectiveScrollHeight(viewport.current), viewport.current?.clientHeight ?? 0);
   const jumpTarget = jump?.conversationId === conversationId && jump.sendSignal === sendSignal
     ? questions.find((question) => question.key === jump.id) : undefined;
   const navigateQuestion = (id: string) => {
@@ -286,6 +357,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
           {statusContent ? <div className={`bg-background pb-1 pt-2 ${scrolling.followingBottom ? 'sticky bottom-0 z-[1]' : 'relative'}`}>
             {statusContent}
           </div> : null}
+          <div ref={runway} data-pin-runway="" aria-hidden="true" style={{ height: `${runwayHeight.current}px` }} />
         </div>
       </div>
       {pinned === null ? null : <>
diff --git a/packages/chat-ui/src/chat/useTranscriptScroll.ts b/packages/chat-ui/src/chat/useTranscriptScroll.ts
index 5e5eacde..d01c411e 100644
--- a/packages/chat-ui/src/chat/useTranscriptScroll.ts
+++ b/packages/chat-ui/src/chat/useTranscriptScroll.ts
@@ -8,8 +8,6 @@ import {
 import { hasTranscriptSelection, readTranscriptSelection } from './transcriptSelection';
 import { isNestedScrollTarget } from '../navigation/nestedScroll';
 
-const SEND_NEAR_BOTTOM_PX = 80;
-
 export function useTranscriptScroll(
   viewport: RefObject<HTMLDivElement | null>,
   content: RefObject<HTMLDivElement | null>,
@@ -18,6 +16,7 @@ export function useTranscriptScroll(
   reportLayout?: (detail: string) => void,
   onReachedBottom?: () => void,
   pauseAutoFollow = false,
+  syncRunway?: () => void,
 ) {
   const follow = useRef(createFollowState());
   const userScrolling = useRef(false);
@@ -95,6 +94,7 @@ export function useTranscriptScroll(
   useLayoutEffect(() => { compensateNavigation(); });
   const scrollToBottom = useCallback((behavior: ScrollBehavior = 'smooth') => {
     cancelAnimation();
+    syncRunway?.();
     const element = viewport.current;
     readTranscriptSelection(element?.parentElement ?? null)?.removeAllRanges();
     follow.current.following = true;
@@ -106,17 +106,14 @@ export function useTranscriptScroll(
     setFollowingBottom(element !== null && !bottomNavigation.current);
     setAway(false);
     scheduleUpdate.current();
-  }, [viewport, writeTop, cancelAnimation]);
+  }, [viewport, writeTop, cancelAnimation, syncRunway]);
   const prepareForSend = useCallback(() => {
-    const element = viewport.current;
-    // Capture before the draft clears and the new question changes either height.
-    sendBehavior.current = element !== null &&
-      element.scrollHeight - element.clientHeight - element.scrollTop <= SEND_NEAR_BOTTOM_PX ? 'auto' : 'smooth';
-  }, [viewport]);
+    sendBehavior.current = 'auto';
+  }, []);
   const followNewQuestion = useCallback(() => {
-    const behavior = sendBehavior.current ?? 'smooth';
-    scrollToBottom(behavior);
-    settlingSend.current = behavior !== 'smooth';
+    sendBehavior.current = null;
+    scrollToBottom('auto');
+    settlingSend.current = true;
   }, [scrollToBottom]);
 
   useLayoutEffect(() => { scrollToBottom('auto'); }, [conversationId, scrollToBottom]);
@@ -137,6 +134,7 @@ export function useTranscriptScroll(
     const update = (time: number) => {
       frame.current = null;
       if (element.clientHeight === 0) { lastFrame.current = 0; return; }
+      syncRunway?.();
       const bottom = Math.max(0, element.scrollHeight - element.clientHeight);
       if (selecting()) stopFollowing();
       const readTarget = navigation.current;
@@ -189,6 +187,7 @@ export function useTranscriptScroll(
     scheduleUpdate.current = schedule;
     let lastScrollClientHeight = element.clientHeight;
     const onScroll = () => {
+      syncRunway?.();
       const next = sample();
       const layoutChanged = next.clientHeight !== lastScrollClientHeight ||
         next.scrollHeight !== follow.current.lastScrollHeight;
@@ -250,6 +249,7 @@ export function useTranscriptScroll(
     let maxHeight = previousHeight;
     let diagnosticTimer: ReturnType<typeof setTimeout> | undefined;
     const observer = new ResizeObserver(() => {
+      syncRunway?.();
       const height = element.clientHeight;
       // New virtual rows and the cleared composer settle together. Correct their
       // geometry before paint, then return to the usual smooth streaming follow.
@@ -306,6 +306,6 @@ export function useTranscriptScroll(
       reducedMotion.removeEventListener('change', schedule);
       cancelAnimation();
     };
-  }, [viewport, content, writeTop, stopFollowing, cancelAnimation, compensateNavigation, reportLayout, onReachedBottom, pauseAutoFollow]);
+  }, [viewport, content, writeTop, stopFollowing, cancelAnimation, compensateNavigation, reportLayout, onReachedBottom, pauseAutoFollow, syncRunway]);
   return { follow, followingBottom, away, navigation, stopFollowing, scrollToBottom, scrollToTarget, writeTop, wheelOverlayRef, prepareForSend, followNewQuestion };
 }

From aa9688b1c5c405f1774aab2f312025ff1d5ab2e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 26 Oct 2026 10:20:25 +0800
Subject: [PATCH 02/32] feat(chat): move stopping status into composer
 placeholder and sync docs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Display `Stopping…` with loading activity indicator inside the Composer placeholder slot instead of above the composer in `TranscriptView.statusContent`
- Align `docs/PLAN.md`, `docs/CAPABILITIES.md`, `docs/DESIGN.md`, and `docs/STATUS.md` with current production implementation

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/CAPABILITIES.md             |  4 ++--
 docs/DESIGN.md                   |  2 +-
 docs/PLAN.md                     |  1 -
 docs/STATUS.md                   |  2 +-
 src/webview-v2/chat/ChatApp.tsx  |  5 +++--
 src/webview-v2/chat/Composer.tsx | 10 +++++-----
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/docs/CAPABILITIES.md b/docs/CAPABILITIES.md
index aee2b404..7859a637 100644
--- a/docs/CAPABILITIES.md
+++ b/docs/CAPABILITIES.md
@@ -42,7 +42,7 @@ SDK 中出现接口就自动成为产品功能。
 | 文字选择与引用 | 已接入 | 聊天正文的 Add to Chat／By the Way 支持多段追加，紧凑引用块点开查看完整原文、逐项删除；主聊天、BTW、队列、历史编辑与 Viewer 共用展示，保留完整发送文本 |
 | 复制代码引用 | 已接入，原生复制仍待实测 | 主聊天、BTW 和代码问答共用行内文件／行号标签，可与文字交替排列；快照与顺序随问题保存、排队及发送。Diff 首次提问自动带入选区，点击引用在当前比较中定位 before／after 行并短暂高亮；主聊天、BTW 点击打开实际文件。支持自有 Diff 的连续单侧选区，以及同一已安装扩展的 VS Code／Cursor 窗口内普通文件单选区复制；未确认来源、多光标、旧标识失效或不支持的剪贴板格式保留普通文本。定位不承诺还原文件旧版本 |
 | BTW 回复进度 | 已接入 | 准备时立即显示问题，持续展示实际等待／思考／工具／正文接收状态；已有正文仍显示活动，停止准备后不误发原问题 |
-| BTW 读代码与验证 | 已接入，未正式发布 | 内置 eli5 解释约束，按需读取定义与调用处、引用路径和行号；保留读文件／搜索／网页工具，增加固定 Git 查询及隔离 JS／TS 示例验证。脚本只接收显式文本快照，无文件写入、网络、子进程、项目依赖或真实定时器；TS 仅转译。禁用编辑、Execute、委派和其他 MCP 工具，不改项目／配置／Git；Review 继续禁用工具。示例通过不等于项目测试通过 |
+| BTW 读代码与验证 | 已接入 | 内置 eli5 解释约束，按需读取定义与调用处、引用路径和行号；保留读文件／搜索／网页工具，增加固定 Git 查询及隔离 JS／TS 示例验证。脚本只接收显式文本快照，无文件写入、网络、子进程、项目依赖或真实定时器；TS 仅转译。禁用编辑、Execute、委派和其他 MCP 工具，不改项目／配置／Git；Review 继续禁用工具。示例通过不等于项目测试通过 |
 | BTW 思考内容 | 已接入 | 同时合并 SDK 流式与完整消息中的思考，按消息／块去重并保留实际耗时；正文折叠、限高滚动、复用多语言高亮，每条最多 32,000 个文本单位。无正文时保留状态／耗时并明确提示未返回文本，停止或失败保留已收到部分 |
 | 权限与 AskUser | 已接入 | 普通会话与 Mission 均在会话创建前绑定当前审批／提问回调；Mission 就绪后才切换所有权，创建失败仍可回答原会话请求。真实 ProposeMission 审批通过，AskUser 可回答及失败保留旧审批已通过本地回归 |
 | TodoWrite Plan | 已接入 | 计划放在创建它的问题底部，默认收起显示当前步骤与完成数；点击展开完整步骤，更新原卡并保留手动选择；完成后保留摘要，新计划不删除历史计划，不在过程区或 Composer 重复展示 |
@@ -82,7 +82,7 @@ SDK 中出现接口就自动成为产品功能。
 | Mission | 已接入 | 审批接线、公开分页目录、历史身份与 SDK 状态订阅已修复。真实执行两个 Feature、Scrutiny 与 User Testing 共 4/4 完成，独立产物验收 29 项及产物测试 32 项通过；规划页重载、暂停／恢复、停止当前 Feature、Viewer 实时进度及完成态通过；最新 bundle 冷启动和页面重载均恢复原会话 4/4 完成详情。使用生产调用链和独立测试外壳；构建、VSIX 校验与安装完成，原生 Cursor 待 Reload 后验收 |
 | Worktree 生命周期 | 受限 | 已有创建／关联会话及新增默认目录配置；安装版公开资源没有完整清理／合并／删除语义，不用直接删目录补造 |
 | 后台进程管理 | 受限 | SDK 管理终端可创建、交互和关闭，不等价于任意工具后台进程；后者没有完整公开控制契约 |
-| 账号、用量、组织策略 | 部分／受限 | 会话用量与默认设置受管状态可读；本地 SDK 无完整账号计费与组织管理资源。官方平台 REST API 存在，但独立登录、权限与产品契约尚未接入 |
+| 账号、用量、组织策略 | 部分／受限 | 会话用量与默认设置受管状态可读；设置页侧栏底部展示本地 CLI 登录账户（姓名与邮箱），主聊天 `/limits` 读取官方 `GET /api/billing/limits` 展示 `Standard`／`Droid Core` 的 5 小时、周、月额度进度与重置时间；独立登录、完整计费与组织管理后台仍不在扩展范围内 |
 | 跨设备 Session | 部分／未接入 | 已有云同步默认开关；SDK 另有需独立 API Key 的 listRemoteSessions 分页发现接口，尚未接入目录，不能由列表推断远端下载／恢复能力 |
 | SDK 自动化 | 未接入 | 已确认公开 automations 资源存在，尚无扩展内配置、执行和生命周期管理流程，不以接口存在宣称功能完成 |
 | SSH／relay／workspace 资源 | 未接入独立管理 | SDK 有公开资源，但尚未形成扩展基础设施管理流程；当前本地聊天与工作区功能不等于完整远端管理 |
diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index 2030ab60..a82db288 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -47,7 +47,7 @@
   空余宽度不分配给短模型名，长名称仍受可用空间约束。
 - 正文和操作分层；工具详情按需展开，不为单个省略号、状态或说明额外占一行。
   提示只说明当前行动需要知道的内容，错误保留可恢复原因。主聊天顶部的历史裁剪说明与“显示更早的消息”合并为两端渐隐的单行细分割线，内联展开动作平时与辅助文字同色，悬停时通过轻量胶囊底色、微光边与上箭头缓动过渡，不使用底边下划线或全宽按钮。
-- 主聊天的运行状态（“Droid 正在工作／回答”、压缩与等待子代理提示）显示在底部 Composer 输入框的占位提示位置：发送后且未输入内容时旋转显示，输入草稿时自动隐藏，停止后消失并恢复“继续提问”占位文字。恢复文件、未发送草稿、附件准备、引用和临时运行提示继续使用 `TranscriptView.statusContent`；切换会话清除旧会话回执，具体工具错误仍附在对应工具结果中。
+- 主聊天的运行与停止状态（“Droid 正在工作／回答”、停止中 `Stopping…`、压缩与等待子代理提示）显示在底部 Composer 输入框的占位提示位置：激活且未输入内容时旋转显示，输入草稿时自动隐藏，结束后消失并恢复“继续提问”占位文字。恢复文件、未发送草稿、附件准备、引用和临时运行提示继续使用 `TranscriptView.statusContent`；切换会话清除旧会话回执，具体工具错误仍附在对应工具结果中。
 - 最新活动独立显示在历史下方，后续活动到达时旧条目进入历史，不重复显示或计数；只有一条时不显示空历史入口。
   “执行过程”标题后紧接历史数量，保留更早仍运行工具的计数。AI 正文按时间顺序留在过程组之间，正文前的组全部归入历史。
   历史外层默认收起，打开后各条工具、命令和 thinking 默认展开，仍可单独收起；最新普通活动默认收起，手动选择优先且移入历史后保留。
diff --git a/docs/PLAN.md b/docs/PLAN.md
index fdc838df..6a064ab1 100644
--- a/docs/PLAN.md
+++ b/docs/PLAN.md
@@ -12,7 +12,6 @@
 | 连接等待页的视觉反馈 | 用户指出连接时大面积空白，仅有居中的“正在连接 Droid…”提示，当前过于单薄；要求先记录、稍后处理 | 用户继续要求后再给出预览；保留现有连接行为，本次不改界面 |
 | 历史 Thinking 数据核对 | 当前已移除“思考记录”中间分组，已有 thinking 各自保留展开／收起；尚未确认存在历史内容丢失 | 仅在具体历史会话仍缺少内容时核对数据与渲染，不将旧三层折叠误判为数据丢失 |
 | 补全质量与连续输入体验 | 生产优化按用户要求暂停；连续输入短题 7/12 完整正确；另行授权的 Codestral 单次对照 13/20 完整正确 | 用户重新要求后再继续；定位冷启动上下文、类型与语义错误，不自动追加模型实验 |
-| Thinking 期间底部运行提示 | 共享转录组件与聊天适配有未提交改动，尚未完成验收 | 保持流式提示位置，核对离底阅读、权限卡与列表跟随；不得夹带进其他交付 |
 | 主聊天复用设置页控件 | 设置页共享控件和样式已认可，主聊天尚未迁移 | 后续按用户指定入口复用；保留草稿、IME、选区、滚动和模型参数语义 |
 
 ## 后续按问题选择的验证
diff --git a/docs/STATUS.md b/docs/STATUS.md
index 9ad32039..77a95c79 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -9,7 +9,7 @@
 - 当前发布版本为 `0.8.18`，在 `0.8.17` 基础上合并了多窗口 Daemon 并发进程验真批次合并、Windows `Win32_Process` 最小属性查询、旧窗口退出后无会话孤儿 `window-daemon` 自动回收、隐藏侧栏 `host.view.state-delivery` 警告静默、Mermaid 内联 `<style>` 资源错误误报过滤，以及 GA4 遥测初始化／历史／前端资源异常细分维度。
 - `0.8.17` 已通过 [PR #17](https://github.com/fireman-droid/droid-for-vscode/pull/17) 合入 `main`（提交 `1639c2f2`），并同步发布至 GitHub Release 与 Open VSX。
 - `0.8.16` 已通过 [PR #14](https://github.com/fireman-droid/droid-for-vscode/pull/14) 合入 `main`（提交 `c6e8c8fa`），[GitHub v0.8.16](https://github.com/fireman-droid/droid-for-vscode/releases/tag/v0.8.16) 与 [Open VSX 0.8.16](https://open-vsx.org/extension/droidvisx/droidvisx/0.8.16) 均已正式公开（同一产物 `droid-0.8.16.vsix`，14,313,474 字节，SHA256 `8fa29f8a97a5014e945919d28309ad6a921f01fc6f7a40b2186c258249b99814`，172 项内容与入口校验通过）。
-- 恢复文件等 composer 回执、附件／引用提示及临时诊断继续保留在消息列表底部状态区域；「Droid 正在工作／回答」等运行状态移入底部 Composer 输入框的「继续提问」占位位置，发送后旋转显示、输入时隐藏、停止后恢复占位文字。
+- 恢复文件等 composer 回执、附件／引用提示及临时诊断继续保留在消息列表底部状态区域；「Droid 正在工作／回答」、停止中（`Stopping…`）、压缩与等待子代理等运行状态统一移入底部 Composer 输入框的「继续提问」占位位置，未输入草稿时旋转显示、输入时隐藏、结束后恢复占位文字。
 - Microsoft Marketplace 管理页在 2026-10-18 仍返回 429／Azure DevOps VSID 并发限流，此前还存在 `The extension 'droidvisx' already exists in the Marketplace`、Owner 列表为空的问题；未改名或覆盖既有产物，微软自动发布保持关闭，未配置 `VSCE_PAT`。
 - 官方 Droid CLI 当前为 `0.242.0`；文档站为 https://fireman-droid.github.io/droid-for-vscode/ 。
 
diff --git a/src/webview-v2/chat/ChatApp.tsx b/src/webview-v2/chat/ChatApp.tsx
index 6b6f903d..7effc5e6 100644
--- a/src/webview-v2/chat/ChatApp.tsx
+++ b/src/webview-v2/chat/ChatApp.tsx
@@ -168,9 +168,10 @@ export function ChatApp({ port, role = 'main' }: { readonly port: ChatPort; read
     settleSend: composer.settleSend,
   });
   const running = state.turn?.status === 'submitting' || state.turn?.status === 'streaming';
-  const notice = selectVisibleNotice(host.transientDiagnostic, state.sessionId, state.turn?.turnId ?? null, running || state.turn?.status === 'stopping');
+  const turnBusy = running || state.turn?.status === 'stopping';
+  const notice = selectVisibleNotice(host.transientDiagnostic, state.sessionId, state.turn?.turnId ?? null, turnBusy);
   const statusMessage = getStatusMessage(state, composer.draft);
-  const idleStatus = statusMessage && !running && !ideReconnecting && state.connection.status === 'connected' && statusMessage !== state.connection.message
+  const idleStatus = statusMessage && !turnBusy && !ideReconnecting && state.connection.status === 'connected' && statusMessage !== state.connection.message
     ? statusMessage : null;
   const statusNotice = notice || idleStatus || composerNoticeText ? <>
     {notice ? <TransientNotice key={notice.sequence} diagnostic={notice} embedded /> : null}
diff --git a/src/webview-v2/chat/Composer.tsx b/src/webview-v2/chat/Composer.tsx
index 1ef634f7..66f74c17 100644
--- a/src/webview-v2/chat/Composer.tsx
+++ b/src/webview-v2/chat/Composer.tsx
@@ -63,14 +63,14 @@ export function Composer({ state, port, flow, blocked, quoteNotice, onNoticeChan
     port.postMessage({ type: 'webview.diagnostic', kind: 'perf-batch', detail: JSON.stringify({ source: 'composer.layout', sessionId: state.sessionId, ...sample }) });
   }, [port, state.sessionId]);
   const running = state.turn?.status === 'submitting' || state.turn?.status === 'streaming' || state.turn?.status === 'stopping';
-  const turnRunning = (state.turn?.status === 'submitting' || state.turn?.status === 'streaming') && state.interactions.length === 0;
-  const activeTools = useMemo(() => turnRunning ? state.transcript.filter((item) =>
-    item.kind === 'tool' && item.status === 'running' && item.turnId === state.turn?.turnId) : [], [turnRunning, state.transcript, state.turn?.turnId]);
+  const turnRunning = running && state.interactions.length === 0;
+  const activeTools = useMemo(() => turnRunning && state.turn?.status !== 'stopping' ? state.transcript.filter((item) =>
+    item.kind === 'tool' && item.status === 'running' && item.turnId === state.turn?.turnId) : [], [turnRunning, state.transcript, state.turn?.status, state.turn?.turnId]);
   const waitingForSubagents = activeTools.length > 0 && activeTools.every((item) => item.kind === 'tool' && item.subagent !== undefined &&
     (item.subagent.status === undefined || item.subagent.status === 'running' || item.subagent.status === 'pending'));
   const runningPlaceholder = turnRunning && flow.queueEditingId === null ? <span role="status" aria-label={t('Droid status')} aria-live="polite" className="inline-flex min-w-0 items-center gap-2">
-    <DroidActivity phase={state.turn?.compacting ? 'loading' : activeTools.length > 0 ? 'working' : 'thinking'} />
-    <span className="truncate">{state.turn?.compacting ? t("Compacting conversation…") : waitingForSubagents
+    <DroidActivity phase={state.turn?.status === 'stopping' || state.turn?.compacting ? 'loading' : activeTools.length > 0 ? 'working' : 'thinking'} />
+    <span className="truncate">{state.turn?.status === 'stopping' ? t('Stopping…') : state.turn?.compacting ? t("Compacting conversation…") : waitingForSubagents
       ? activeTools.length === 1 ? t('Waiting for subagent…') : t('Waiting for {count} subagents…', { count: activeTools.length })
       : t(state.turn?.activity === 'working' ? 'Droid is working' : 'Droid is responding')}</span>
   </span> : undefined;

From b94a3de29a5c5a668497d5d50d450c38ee225b9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 26 Oct 2026 10:55:21 +0800
Subject: [PATCH 03/32] fix(chat): scroll expanded command cards into view and
 align height cap

Wire useProcessDisclosure buttonRef and contentRef into CommandCard and
standalone ToolRow disclosures so keepVisible pushes the transcript
upward when expanding near the bottom, and cap .v2-chat-surface
.v2-command-well at 228px to match the thinking detail height budget.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 packages/chat-ui/src/chat/CommandCard.tsx   | 9 +++++----
 packages/chat-ui/src/styles/chat-region.css | 2 +-
 src/webview-v2/chat/CommandCard.tsx         | 8 +++++---
 src/webview-v2/chat/ToolRow.tsx             | 6 +++---
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/packages/chat-ui/src/chat/CommandCard.tsx b/packages/chat-ui/src/chat/CommandCard.tsx
index 51e73711..6144ed8c 100644
--- a/packages/chat-ui/src/chat/CommandCard.tsx
+++ b/packages/chat-ui/src/chat/CommandCard.tsx
@@ -1,5 +1,5 @@
 import { CollapsibleTrigger } from '../ui/collapsible';
-import { useContext, useId, type ReactNode } from 'react';
+import { useContext, useId, type ReactNode, type Ref } from 'react';
 import { Tool } from '../ai-elements/tool';
 import { Button } from '../ui/button';
 import { CommandActions, CommandOutput } from './CommandOutput';
@@ -9,8 +9,9 @@ export interface CommandCardProps {
   readonly running: boolean; readonly failed?: boolean; readonly statusLabel?: string;
   readonly command: string; readonly output?: string; readonly open: boolean;
   readonly onOpenChange: () => void; readonly fileActions?: ReactNode;
+  readonly buttonRef?: Ref<HTMLButtonElement>; readonly contentRef?: Ref<HTMLDivElement>;
 }
-export function CommandCard({ title, target, chips, running, failed, statusLabel, command, output, open, onOpenChange, fileActions }: CommandCardProps) {
+export function CommandCard({ title, target, chips, running, failed, statusLabel, command, output, open, onOpenChange, fileActions, buttonRef, contentRef }: CommandCardProps) {
   const bodyId = useId();
   const inline = useContext(ProcessGroupContext);
   const heading = <>
@@ -28,11 +29,11 @@ export function CommandCard({ title, target, chips, running, failed, statusLabel
   </>;
   return <Tool className="v2-command-card" data-activity-inline={inline || undefined} open={open} onOpenChange={onOpenChange}>
     <header data-ui-notice="" className="v2-command-head select-none">
-      <CollapsibleTrigger asChild><Button variant="plain" size="none" className="v2-command-toggle select-none" aria-controls={bodyId}>{heading}</Button></CollapsibleTrigger>
+      <CollapsibleTrigger asChild><Button ref={buttonRef} variant="plain" size="none" className="v2-command-toggle select-none" aria-controls={bodyId}>{heading}</Button></CollapsibleTrigger>
       {fileActions}
       <CommandActions command={command} running={running} />
     </header>
-    <div id={bodyId} className="v2-command-body" data-state={open ? 'open' : 'closed'} aria-hidden={!open} inert={!open || undefined}>
+    <div ref={contentRef} id={bodyId} className="v2-command-body" data-state={open ? 'open' : 'closed'} aria-hidden={!open} inert={!open || undefined}>
       <div className="v2-command-body-inner">
         {open ? <CommandOutput command={command} output={output} running={running} /> : null}
       </div>
diff --git a/packages/chat-ui/src/styles/chat-region.css b/packages/chat-ui/src/styles/chat-region.css
index f00ed300..ed3e372b 100644
--- a/packages/chat-ui/src/styles/chat-region.css
+++ b/packages/chat-ui/src/styles/chat-region.css
@@ -237,7 +237,7 @@
   .v2-chat-surface :is(.v2-command-title, .v2-command-chips, .v2-command-target) { font-size: 13px; line-height: 18px; }
   .v2-chat-surface .v2-command-body { border-radius: 0 0 11px 11px; background: var(--chat-code-surface); }
   .v2-chat-surface .v2-command-well {
-    max-height: 300px;
+    max-height: 228px;
     padding: 12px;
     border-radius: 0 0 11px 11px;
     background: var(--chat-code-surface);
diff --git a/src/webview-v2/chat/CommandCard.tsx b/src/webview-v2/chat/CommandCard.tsx
index 6f98eb7c..afe0b5fb 100644
--- a/src/webview-v2/chat/CommandCard.tsx
+++ b/src/webview-v2/chat/CommandCard.tsx
@@ -1,22 +1,24 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, Ref } from 'react';
 import { CommandCard as CommandView } from '@droidvisx/chat-ui/chat/CommandCard';
 import type { ToolTranscriptItem } from '../../shared/protocol/toolProtocol';
 import { commandCardTitle, commandChips } from './composer/commandCard';
 import { formatDuration, formatToolLifecycle } from './thread/readers';
 import { executionLabel } from '../content/operationPresentation';
 
-export function CommandCard({ item, command, output, open, onOpenChange, fileActions }: {
+export function CommandCard({ item, command, output, open, onOpenChange, fileActions, buttonRef, contentRef }: {
   readonly item: ToolTranscriptItem;
   readonly command: string;
   readonly output: string | undefined;
   readonly open: boolean;
   readonly onOpenChange: () => void;
   readonly fileActions: ReactNode;
+  readonly buttonRef?: Ref<HTMLButtonElement>;
+  readonly contentRef?: Ref<HTMLDivElement>;
 }) {
   const title = commandCardTitle(item.action, item.toolName, command);
   const chips = commandChips(command).filter((chip) => chip !== title && !title.startsWith(`${chip} `) && chip !== item.target);
   const phase = executionLabel(item);
   const status = item.status === 'completed' && !phase ? undefined : [phase ?? (item.status === 'stopping' ? 'Stopping' : formatToolLifecycle(item.status)), item.durationMs === undefined ? '' : formatDuration(item.durationMs)].filter(Boolean).join(' · ');
   return <CommandView title={title} target={item.target} chips={chips} running={item.status === 'running'} failed={item.status === 'failed'} statusLabel={status}
-    command={command} output={output} open={open} onOpenChange={onOpenChange} fileActions={fileActions} />;
+    command={command} output={output} open={open} onOpenChange={onOpenChange} fileActions={fileActions} buttonRef={buttonRef} contentRef={contentRef} />;
 }
diff --git a/src/webview-v2/chat/ToolRow.tsx b/src/webview-v2/chat/ToolRow.tsx
index c2485da4..fc1e7172 100644
--- a/src/webview-v2/chat/ToolRow.tsx
+++ b/src/webview-v2/chat/ToolRow.tsx
@@ -128,13 +128,13 @@ export function ToolRow({ item, messageId, grouped = false, hideConfirmedOperati
   </div>;
   return <div className="space-y-1" title={[item.toolName, unavailable?.detail].filter(Boolean).join(' · ')}>
     {command !== undefined ? <CommandCard item={item} command={command} output={output} open={disclosure.expanded}
-      onOpenChange={disclosure.toggle} fileActions={fileActions} /> : <Tool open={disclosure.expanded && hasDetails} onOpenChange={() => disclosure.toggle()}>
+      onOpenChange={disclosure.toggle} fileActions={fileActions} buttonRef={disclosure.buttonRef} contentRef={disclosure.contentRef} /> : <Tool open={disclosure.expanded && hasDetails} onOpenChange={() => disclosure.toggle()}>
       <div data-ui-notice="" className="flex min-w-0 select-none items-center gap-1">
-        {hasDetails ? <ToolHeader title={title} status={status} /> : <div className="flex min-w-0 flex-1 items-center gap-2 py-1 text-xs text-muted-foreground"><span className="min-w-0 flex-1 truncate" title={title}>{title}</span><span className="shrink-0">{status}</span></div>}
+        {hasDetails ? <ToolHeader ref={disclosure.buttonRef} title={title} status={status} /> : <div className="flex min-w-0 flex-1 items-center gap-2 py-1 text-xs text-muted-foreground"><span className="min-w-0 flex-1 truncate" title={title}>{title}</span><span className="shrink-0">{status}</span></div>}
         {fileActions}
       </div>
       {resultSummary ? <p data-ui-notice="" className="truncate pl-4 text-[11px] text-muted-foreground" title={resultSummary}>{resultSummary}</p> : null}
-      <ToolContent className="space-y-1 pb-1">
+      <ToolContent ref={disclosure.contentRef} className="space-y-1 pb-1">
         {previewBody ? <ActivityResult preview={available!} /> : null}
         {!exploration && item.detail ? <pre className="max-h-72 overflow-auto whitespace-pre-wrap break-words font-mono">{item.detail}</pre> : null}
         {output ? <pre className="max-h-72 overflow-auto whitespace-pre-wrap break-words font-mono">{output}</pre> : null}

From 053a40898cc4aab38a3d950c3b5d089ce5492659 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 26 Oct 2026 12:54:01 +0800
Subject: [PATCH 04/32] fix(chat): clamp pinned turn runway on collapse and
 exclude runway from away state

- Round pinned turn start and runway height up so subpixel offsets never select the previous question in the pinned overlay
- Keep scrollTop anchored at pinTop when process disclosures expand or collapse within the pinned turn runway
- Subtract the pin-runway spacer height when computing scroll-to-bottom button visibility so blank runway does not trigger the away button

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 packages/chat-ui/src/chat/TranscriptView.tsx  | 33 ++++++++++++++++---
 .../chat-ui/src/chat/useTranscriptScroll.ts   |  7 ++--
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/packages/chat-ui/src/chat/TranscriptView.tsx b/packages/chat-ui/src/chat/TranscriptView.tsx
index 3266c862..ec6305c6 100644
--- a/packages/chat-ui/src/chat/TranscriptView.tsx
+++ b/packages/chat-ui/src/chat/TranscriptView.tsx
@@ -77,7 +77,9 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
   }, []);
   const runway = useRef<HTMLDivElement>(null);
   const runwayHeight = useRef(0);
-  const syncRunwayRef = useRef<() => void>(() => {});
+  const pinnedAtTop = useRef(false);
+  const lastPinTop = useRef(0);
+  const syncRunwayRef = useRef<() => number>(() => 0);
   const syncRunway = useCallback(() => syncRunwayRef.current(), []);
   const scrolling = useTranscriptScroll(viewport, content, conversationId, sendSignal, reportLayout, clearBottomJump, pauseAutoFollow, syncRunway);
   const lastQuestionId = useMemo(() => {
@@ -95,6 +97,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
   const historyAnchor = useRef<{ height: number; top: number } | null>(null);
   const revealEarlier = () => {
     const element = viewport.current;
+    pinnedAtTop.current = false;
     scrolling.stopFollowing();
     historyAnchor.current = element ? { height: element.scrollHeight, top: element.scrollTop } : null;
     setWindowState((current) => ({ ...current, count: current.count + MESSAGE_WINDOW_STEP }));
@@ -171,31 +174,50 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     const cachedTurn = pinnedTurnIndex >= 0 ? virtualizer.measurementsCache[pinnedTurnIndex] : undefined;
     if (!element || !column || !spacer || pinnedTurnIndex < 0 || element.clientHeight <= 0 || cachedTurn === undefined) {
       runwayHeight.current = 0;
+      pinnedAtTop.current = false;
+      lastPinTop.current = 0;
       if (spacer) spacer.style.height = '0px';
-      return;
+      return 0;
     }
+    const previousRunway = runwayHeight.current;
+    const previousPinTop = lastPinTop.current;
     const columnRect = column.getBoundingClientRect();
     const rowEl = column.querySelector<HTMLElement>(`[data-index="${pinnedTurnIndex}"]`);
     const rowRect = rowEl?.getBoundingClientRect();
-    const turnStart = columnRect.height > 0 && rowRect && rowRect.height > 0
+    const domTurnStart = columnRect.height > 0 && rowRect && rowRect.height > 0
       ? rowRect.top - columnRect.top
       : cachedTurn.start;
+    const turnStart = Math.ceil(Math.max(cachedTurn.start, domTurnStart));
     const pinTop = Math.max(0, turnStart - PINNED_QUESTION_GAP);
     const paddingBottom = parseFloat(getComputedStyle(column).paddingBottom) || (statusContent ? 0 : 12);
     const naturalHeight = columnRect.height > 0
       ? spacer.getBoundingClientRect().top - columnRect.top + paddingBottom
       : scrollMargin + virtualizer.getTotalSize() + paddingBottom;
-    const nextHeight = Math.max(0, pinTop + element.clientHeight - naturalHeight);
+    const nextHeight = Math.ceil(Math.max(0, pinTop + element.clientHeight - naturalHeight));
+    const layoutShifted = nextHeight !== previousRunway || pinTop !== previousPinTop;
     runwayHeight.current = nextHeight;
+    lastPinTop.current = pinTop;
     spacer.style.height = `${nextHeight}px`;
+    if (pinnedAtTop.current) {
+      if (!layoutShifted && !scrolling.follow.current.following && element.scrollTop < pinTop - 2) {
+        pinnedAtTop.current = false;
+      } else if ((layoutShifted || scrolling.follow.current.following) && nextHeight > 0 && (element.scrollTop < pinTop || (pinTop !== previousPinTop && Math.abs(element.scrollTop - previousPinTop) <= 2))) {
+        element.scrollTop = pinTop;
+        scrolling.follow.current.pendingProgrammaticTop = element.scrollTop;
+      }
+    } else if (element.scrollTop >= pinTop - 2) {
+      pinnedAtTop.current = true;
+    }
+    return nextHeight;
   };
-  useLayoutEffect(syncRunway);
+  useLayoutEffect(() => { syncRunway(); });
   const previousPinned = useRef<string | null>(null);
   useLayoutEffect(() => {
     // Queueing/editing also changes sendSignal. Follow only when a new
     // question actually enters the transcript, not while the old turn stops.
     const currentPinned = questionState.current.pinnedId;
     if (currentPinned !== null && previousPinned.current !== currentPinned) {
+      pinnedAtTop.current = true;
       syncRunway();
       scrolling.followNewQuestion();
     }
@@ -232,6 +254,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
   const navigateQuestion = (id: string) => {
     const question = questions.find((item) => item.key === id);
     if (!question) return;
+    pinnedAtTop.current = false;
     scrolling.stopFollowing();
     pendingJump.current = true;
     setJump({ id, conversationId: conversationId, sendSignal });
diff --git a/packages/chat-ui/src/chat/useTranscriptScroll.ts b/packages/chat-ui/src/chat/useTranscriptScroll.ts
index d01c411e..26005373 100644
--- a/packages/chat-ui/src/chat/useTranscriptScroll.ts
+++ b/packages/chat-ui/src/chat/useTranscriptScroll.ts
@@ -16,7 +16,7 @@ export function useTranscriptScroll(
   reportLayout?: (detail: string) => void,
   onReachedBottom?: () => void,
   pauseAutoFollow = false,
-  syncRunway?: () => void,
+  syncRunway?: () => number,
 ) {
   const follow = useRef(createFollowState());
   const userScrolling = useRef(false);
@@ -134,8 +134,9 @@ export function useTranscriptScroll(
     const update = (time: number) => {
       frame.current = null;
       if (element.clientHeight === 0) { lastFrame.current = 0; return; }
-      syncRunway?.();
+      const runway = syncRunway?.() ?? 0;
       const bottom = Math.max(0, element.scrollHeight - element.clientHeight);
+      const contentBottom = Math.max(0, element.scrollHeight - runway - element.clientHeight);
       if (selecting()) stopFollowing();
       const readTarget = navigation.current;
       const waitingForMarkdown = () => (readTarget !== null || settlingSend.current) && column.querySelector('[data-markdown-pending]') !== null;
@@ -179,7 +180,7 @@ export function useTranscriptScroll(
       }
       lastFrame.current = frame.current === null ? 0 : time;
       setFollowingBottom(follow.current.following && navigation.current === null && !bottomNavigation.current);
-      setAway(bottom - element.scrollTop > 48);
+      setAway(contentBottom - element.scrollTop > 48);
       if (navigation.current === null && bottom - element.scrollTop <= FOLLOW_REJOIN_PX)
         onReachedBottom?.();
     };

From 5165f142e7a383c656aaba0185339f3cbf29f0c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 26 Oct 2026 15:13:17 +0800
Subject: [PATCH 05/32] fix(chat): eliminate process toggle jitter on pinned
 turns and deduplicate stopped status

- Enforce pinned turn runway floor via column CSS min-height so collapse transitions never clamp scrollTop mid-frame before ResizeObserver runs
- Keep running latest step mounted in ActivityGroupView until collapsible content becomes visible to avoid a 2-frame 24px height drop on expand
- Omit redundant trailing Stopped status notice when the interrupted turn already displays stopped on its transcript activity items

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 .../chat-ui/src/chat/ActivityGroupView.tsx    |  2 +-
 packages/chat-ui/src/chat/TranscriptView.tsx  |  9 +++++---
 .../chat-ui/src/chat/useTranscriptScroll.ts   |  1 +
 src/webview-v2/shell/statusMessage.ts         | 22 ++++++++++++++++++-
 4 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/packages/chat-ui/src/chat/ActivityGroupView.tsx b/packages/chat-ui/src/chat/ActivityGroupView.tsx
index d1723115..4466d4d9 100644
--- a/packages/chat-ui/src/chat/ActivityGroupView.tsx
+++ b/packages/chat-ui/src/chat/ActivityGroupView.tsx
@@ -71,7 +71,7 @@ export function ActivityGroupView({ messageId, groupId, presentation, children,
         {presentation.detailFacts?.length ? <p data-ui-notice="" className="py-1 text-[11px] text-muted-foreground">{presentation.detailFacts.join(' · ')}</p> : null}
       </div> : null}
     </AnimatedCollapsibleContent>
-    {presentation.running && !disclosure.expanded ? <Button variant="plain" size="none" aria-controls={id} aria-expanded={disclosure.expanded} onClick={disclosure.toggle}
+    {presentation.running && !(disclosure.expanded && disclosure.visible) ? <Button variant="plain" size="none" aria-controls={id} aria-expanded={disclosure.expanded} onClick={disclosure.toggle}
       style={{ '--shimmer-delay': liveStep.current.shimmerDelay } as CSSProperties} className="v2-running-latest select-none">
       <span key={`action:${liveStep.current.actionVersion}`} className="v2-running-slot v2-running-slot-action">
         <span className="v2-shimmer-text">{t(activeAction)}</span>
diff --git a/packages/chat-ui/src/chat/TranscriptView.tsx b/packages/chat-ui/src/chat/TranscriptView.tsx
index ec6305c6..f44bbfdb 100644
--- a/packages/chat-ui/src/chat/TranscriptView.tsx
+++ b/packages/chat-ui/src/chat/TranscriptView.tsx
@@ -176,6 +176,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
       runwayHeight.current = 0;
       pinnedAtTop.current = false;
       lastPinTop.current = 0;
+      if (column) column.style.minHeight = '';
       if (spacer) spacer.style.height = '0px';
       return 0;
     }
@@ -193,11 +194,13 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     const naturalHeight = columnRect.height > 0
       ? spacer.getBoundingClientRect().top - columnRect.top + paddingBottom
       : scrollMargin + virtualizer.getTotalSize() + paddingBottom;
-    const nextHeight = Math.ceil(Math.max(0, pinTop + element.clientHeight - naturalHeight));
+    const minColumnHeight = Math.ceil(pinTop + element.clientHeight);
+    const nextHeight = Math.ceil(Math.max(0, minColumnHeight - naturalHeight));
     const layoutShifted = nextHeight !== previousRunway || pinTop !== previousPinTop;
     runwayHeight.current = nextHeight;
     lastPinTop.current = pinTop;
-    spacer.style.height = `${nextHeight}px`;
+    column.style.minHeight = `${minColumnHeight}px`;
+    spacer.style.height = '0px';
     if (pinnedAtTop.current) {
       if (!layoutShifted && !scrolling.follow.current.following && element.scrollTop < pinTop - 2) {
         pinnedAtTop.current = false;
@@ -380,7 +383,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
           {statusContent ? <div className={`bg-background pb-1 pt-2 ${scrolling.followingBottom ? 'sticky bottom-0 z-[1]' : 'relative'}`}>
             {statusContent}
           </div> : null}
-          <div ref={runway} data-pin-runway="" aria-hidden="true" style={{ height: `${runwayHeight.current}px` }} />
+          <div ref={runway} data-pin-runway="" aria-hidden="true" />
         </div>
       </div>
       {pinned === null ? null : <>
diff --git a/packages/chat-ui/src/chat/useTranscriptScroll.ts b/packages/chat-ui/src/chat/useTranscriptScroll.ts
index 26005373..4194fe30 100644
--- a/packages/chat-ui/src/chat/useTranscriptScroll.ts
+++ b/packages/chat-ui/src/chat/useTranscriptScroll.ts
@@ -283,6 +283,7 @@ export function useTranscriptScroll(
     });
     observer.observe(element);
     observer.observe(column);
+    for (const child of column.children) observer.observe(child);
     const pendingMarkdown = new MutationObserver(() => { if (navigation.current !== null || settlingSend.current) schedule(); });
     pendingMarkdown.observe(column, { subtree: true, childList: true, attributes: true, attributeFilter: ['data-markdown-pending'] });
     element.addEventListener('scroll', onScroll, { passive: true });
diff --git a/src/webview-v2/shell/statusMessage.ts b/src/webview-v2/shell/statusMessage.ts
index 68cad3d1..c1104dad 100644
--- a/src/webview-v2/shell/statusMessage.ts
+++ b/src/webview-v2/shell/statusMessage.ts
@@ -28,11 +28,31 @@ export function getStatusMessage(
     const excess = draft.length - MAX_TURN_TEXT_LENGTH;
     return `Message is too long. Remove ${excess.toLocaleString()} ${excess === 1 ? 'character' : 'characters'} to send.`;
   }
+  let lastUserIndex = -1;
+  if (state.transcript) {
+    for (let index = state.transcript.length - 1; index >= 0; index -= 1) {
+      if (state.transcript[index]!.kind === 'user') {
+        lastUserIndex = index;
+        break;
+      }
+    }
+  }
+  const turnStoppedInTranscript =
+    state.turn?.status === 'interrupted' &&
+    state.transcript
+      ?.slice(lastUserIndex + 1)
+      .some(
+        (item) =>
+          (item.kind === 'thinking' || item.kind === 'tool') &&
+          (item.turnId === state.turn?.turnId ||
+            item.status === 'stopping' ||
+            item.status === 'stopped'),
+      ) === true;
   switch (state.turn?.status) {
     case 'submitting': return 'Sending…';
     case 'streaming': return state.turn.compacting ? 'Compacting conversation…' : state.turn.activity === 'working' ? 'Droid is working…' : 'Droid is responding…';
     case 'stopping': return 'Stopping…';
-    case 'interrupted': return 'Stopped';
+    case 'interrupted': return turnStoppedInTranscript ? undefined : 'Stopped';
     default: return undefined;
   }
 }

From e445ccc14346b5924855c25f4dc6e584d7b49a0a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 26 Oct 2026 21:52:31 +0800
Subject: [PATCH 06/32] fix(chat): separate BTW tool fold summary from live
 reply progress
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Render SideToolRecords header as an Explored category summary aligned with ThinkingView's left chevron instead of overwriting the disclosure label with Waiting for reply…
- Truncate tool targets to a single line with hover titles and omit redundant check icons on completed rows
- Show active tool execution and waiting status on a dedicated progress line below the tool group
- Sync docs/DESIGN.md and docs/STATUS.md

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/DESIGN.md                                |  6 +-
 docs/STATUS.md                                |  2 +-
 packages/chat-ui/src/chat/SideReply.tsx       | 23 +++++---
 packages/chat-ui/src/chat/SideToolRecords.tsx | 58 ++++++++++++++-----
 packages/chat-ui/src/styles/btw.css           | 35 ++++++-----
 5 files changed, 83 insertions(+), 41 deletions(-)

diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index a82db288..fcb31322 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -213,13 +213,13 @@
 - BTW 使用代码批注布局：问题以简短身份文字与引用展示，不加大灰框或左侧竖线；
   回答保留轻量助手标识，正文和代码复用共享组件。页头只显示 BTW、权限说明图标和关闭，
   Composer 与页头固定，问题在自己的回合内吸顶；保留现有面板宽度和输入区高度。
-- 工具活动在回答区域集中为一行，展开查看真实调用目标及成功、失败或结果未确认状态。
+- 工具活动在回答区域集中为一行「已探索」分类统计摘要，与思考折叠共享左侧箭头对齐；展开后单行省略展示真实调用目标（完整内容保留悬停提示）及运行中、失败或结果未确认状态，已完成项不重复渲染勾选图标。运行中工具与等待模型回答状态独立成行展示在折叠组下方，不覆盖折叠标题。
   隔离示例单独折叠展示实际代码与输出，仅结构化执行结果 `ok: true` 显示运行完成；
   停止、断线或缺少结果不能补作成功，独立示例完成不代表项目测试通过。详细文本按预算保留，
-  省略时提示。流式回答期间同时显示停止与排队发送；已有一条排队内容时保留继续编辑能力。
+  省略时提示。流式回答期间发送与停止在同一位置按是否有可发送内容切换；已有一条排队内容时保留继续编辑能力。
 - 等待、思考、工具和正文状态来自真实事件，不编造耗时；缺少思考文本不显示空折叠。
   准备时问题立即可见，结束后才清理运行提示。
-- BTW 与 Diff 代码问答复用带文字的停止按钮：提交后显示“正在停止…”，禁止重复提交；
+- BTW 与 Diff 代码问答复用同一纯图标停止按钮：提交后切换为禁用的进度图标，禁止重复提交；
   当前流结束后保留部分回答并显示“已停止”。停止请求失败时提示并允许重试，连接错误
   不标为已停止；状态经共享 Bridge 传递，不以点击或固定延时假定后台结束。
 - 关闭仅隐藏，不停止回答或清空同会话草稿；切主会话再清理。Host 接受后只清本次
diff --git a/docs/STATUS.md b/docs/STATUS.md
index 77a95c79..1f02485d 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶与动态留白跑道）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），底部同步维护动态留白跑道 `data-pin-runway` 使首屏回复静止向下生长、超出一屏后自动向下跟随、短回复结束保持留白不回弹；`AGENTS.md` 补充文档与代码冲突处理规则。`typecheck`、`lint:budgets` 与 5 个转录滚动／锚定／导航测试文件（12 项）全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖与 BTW 工具折叠重构）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height` 与动态留白跑道 `data-pin-runway` 使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/SideReply.tsx b/packages/chat-ui/src/chat/SideReply.tsx
index 078eee12..d2e56f26 100644
--- a/packages/chat-ui/src/chat/SideReply.tsx
+++ b/packages/chat-ui/src/chat/SideReply.tsx
@@ -4,7 +4,7 @@ import { DroidActivity } from '../ui/droid-motion';
 import { AssistantMessage } from './AssistantMessage';
 import { ReplyView } from './ReplyView';
 import { ThinkingView } from './ThinkingView';
-import { SideAnalysisResults, SideToolRecords } from './SideToolRecords';
+import { SIDE_TOOL_LABELS, SideAnalysisResults, SideToolRecords } from './SideToolRecords';
 
 const PROGRESS_LABELS = {
   waiting: 'Waiting for reply…', thinking: 'Thinking…', tool: 'Using tools…', answering: 'Receiving reply…',
@@ -18,20 +18,25 @@ export function SideReply({ entry, preparing }: { readonly entry: SideConversati
   const receivedThinking = entry.thinking !== undefined || entry.thinkingDurationMs !== undefined;
   const tools = entry.tools ?? [];
   const activity = tools.filter(tool => tool.kind !== 'analysis' || tool.state === 'running');
-  const hasActiveTool = tools.some(tool => tool.state === 'running');
-  const activityProgress = running && !thinking && !hasActiveTool
-    ? { label: t(preparing ? 'Preparing' : PROGRESS_LABELS[progress]), loading: preparing || progress === 'waiting' } : undefined;
+  const activeTool = [...activity].reverse().find(tool => tool.state === 'running');
+  const liveProgress = running && !thinking
+    ? activeTool
+      ? { label: `${t(SIDE_TOOL_LABELS[activeTool.kind][0])}${activeTool.target ? ` · ${activeTool.target}` : ''}`, loading: false }
+      : preparing || progress !== 'answering' || !entry.answer
+        ? { label: t(preparing ? 'Preparing' : PROGRESS_LABELS[progress]), loading: preparing || progress === 'waiting' }
+        : undefined
+    : undefined;
   return <ReplyView replyText={entry.answer || undefined} running={running} readOnly showTimestamp={false}>
     {receivedThinking || thinking ? <ThinkingView text={entry.thinking ?? ''}
       status={thinking ? 'active' : entry.state === 'error' ? 'incomplete' : 'complete'}
       durationMs={entry.thinkingDurationMs} truncated={entry.thinkingTruncated} /> : null}
-    <SideToolRecords tools={activity} progress={activityProgress} />
-    {activityProgress && !activity.length ? <p role="status" aria-live="polite" className="v2-btw-progress">
-      <DroidActivity phase={preparing || progress === 'waiting' ? 'loading' : 'working'} />
-      {t(preparing ? 'Preparing' : PROGRESS_LABELS[progress])}
+    <SideToolRecords tools={activity} />
+    {liveProgress ? <p role="status" aria-live="polite" data-ui-notice="" className="v2-btw-progress">
+      <DroidActivity phase={liveProgress.loading ? 'loading' : 'working'} />
+      <span title={liveProgress.label}>{liveProgress.label}</span>
     </p> : null}
     {entry.answer ? <AssistantMessage text={entry.answer} streaming={running} /> : null}
     <SideAnalysisResults tools={tools.filter(tool => tool.kind === 'analysis' && tool.state !== 'running')} />
-    {entry.stopped ? <p role="status" className="text-[11px] text-muted-foreground">{t('Stopped')}</p> : null}
+    {entry.stopped ? <p role="status" data-ui-notice="" className="text-[11px] text-muted-foreground">{t('Stopped')}</p> : null}
   </ReplyView>;
 }
diff --git a/packages/chat-ui/src/chat/SideToolRecords.tsx b/packages/chat-ui/src/chat/SideToolRecords.tsx
index 85d41c1d..f543e8f4 100644
--- a/packages/chat-ui/src/chat/SideToolRecords.tsx
+++ b/packages/chat-ui/src/chat/SideToolRecords.tsx
@@ -7,7 +7,7 @@ import { DroidActivity } from '../ui/droid-motion';
 import { CodeBlock } from '../content/CodeBlock';
 import type { SideToolActivity } from './sideChat';
 
-const LABELS = {
+export const SIDE_TOOL_LABELS = {
   read: ['Reading code…', 'Read code'], search: ['Searching…', 'Search'],
   web: ['Looking up documentation…', 'Look up documentation'], git: ['Querying Git…', 'Git query'],
   analysis: ['Running example…', 'Run example'], other: ['Using tools…', 'Tool'],
@@ -20,34 +20,64 @@ function StatusIcon({ state }: { readonly state: SideToolActivity['state'] }) {
   return <Icon aria-hidden="true" />;
 }
 
-function ToolDisclosure({ label, icon, children, failed = false }: { readonly label: string; readonly icon: ReactNode; readonly children: ReactNode; readonly failed?: boolean }) {
+function summarizeSideTools(tools: readonly SideToolActivity[], t: ReturnType<typeof useI18n>['t']): string {
+  let reads = 0, searches = 0, fetches = 0, git = 0, others = 0;
+  for (const tool of tools) {
+    if (tool.kind === 'read') reads += 1;
+    else if (tool.kind === 'search') searches += 1;
+    else if (tool.kind === 'web') fetches += 1;
+    else if (tool.kind === 'git') git += 1;
+    else others += 1;
+  }
+  const parts: string[] = [];
+  if (reads > 0) parts.push(t(reads === 1 ? '{count} read' : '{count} reads', { count: reads }));
+  if (searches > 0) parts.push(t(searches === 1 ? '{count} search' : '{count} searches', { count: searches }));
+  if (fetches > 0) parts.push(t(fetches === 1 ? '{count} fetch' : '{count} fetches', { count: fetches }));
+  if (git > 0) parts.push(git > 1 ? `${t('Git query')} × ${git}` : t('Git query'));
+  if (others > 0) parts.push(t(others === 1 ? '{count} operation' : '{count} operations', { count: others }));
+  return parts.join(', ');
+}
+
+function ToolDisclosure({ label, status, icon, children, failed = false }: {
+  readonly label: ReactNode;
+  readonly status?: string | null;
+  readonly icon?: ReactNode;
+  readonly children: ReactNode;
+  readonly failed?: boolean;
+}) {
   return <Collapsible className="v2-btw-tool-record" defaultOpen={failed}>
     <CollapsibleTrigger asChild><Button variant="plain" size="none" className="v2-btw-tool-toggle" data-failed={failed || undefined}>
-      {icon}<span>{label}</span><ChevronRight className="v2-btw-tool-chevron" aria-hidden="true" />
+      <ChevronRight className="v2-btw-tool-chevron" aria-hidden="true" />
+      {icon}
+      {typeof label === 'string' ? <span className="v2-btw-tool-counts" title={label}>{label}</span> : label}
+      {status ? <span className="v2-btw-tool-status" data-failed={failed || undefined}>{status}</span> : null}
     </Button></CollapsibleTrigger>
     <CollapsibleContent className="v2-btw-tool-detail">{children}</CollapsibleContent>
   </Collapsible>;
 }
 
 /** One compact activity line. The retained list is expanded only on request. */
-export function SideToolRecords({ tools, progress }: { readonly tools: readonly SideToolActivity[]; readonly progress?: { label: string; loading: boolean } }) {
+export function SideToolRecords({ tools }: { readonly tools: readonly SideToolActivity[] }) {
   const { t } = useI18n();
   if (!tools.length) return null;
   const active = [...tools].reverse().find(tool => tool.state === 'running');
-  const failed = tools.some(tool => tool.state === 'error');
+  const failedCount = tools.filter(tool => tool.state === 'error').length;
   const completed = tools.filter(tool => tool.state === 'done');
-  const readTargets = new Set(completed.filter(tool => tool.kind === 'read' && tool.target).map(tool => tool.target));
-  const label = active ? `${t(LABELS[active.kind][0])}${active.target ? ` · ${active.target}` : ''}` : progress ? progress.label
-    : failed ? t('Tool activity includes failures')
-    : completed.length < tools.length ? t('Tool activity · some results unconfirmed')
-    : readTargets.size && completed.every(tool => tool.kind === 'read') ? t('Read {count} files', { count: readTargets.size })
-    : t('Completed {count} tool calls', { count: completed.length });
-  return <ToolDisclosure label={label} icon={progress && !active ? <DroidActivity phase={progress.loading ? 'loading' : 'working'} /> : <StatusIcon state={active ? 'running' : failed ? 'error' : completed.length < tools.length ? 'incomplete' : 'done'} />}>
+  const summary = summarizeSideTools(tools, t);
+  const status = failedCount > 0 ? t('{count} failed', { count: failedCount })
+    : !active && completed.length < tools.length ? t('Result unconfirmed') : null;
+  return <ToolDisclosure failed={failedCount > 0} status={status}
+    label={<><span className="v2-btw-tool-verb">{t('Explored')}</span><span className="v2-btw-tool-counts" title={summary}>{summary}</span></>}>
     <ul className="v2-btw-tool-list">{tools.map(tool => {
       const Icon = ICONS[tool.kind];
-      const label = t(LABELS[tool.kind][tool.state === 'running' ? 0 : 1]);
+      const fallback = t(SIDE_TOOL_LABELS[tool.kind][tool.state === 'running' ? 0 : 1]);
+      const text = tool.target ?? (tool.kind === 'other' ? tool.name : fallback);
       return <li key={tool.id}>
-        <div data-ui-notice="" className="v2-btw-tool-row"><Icon aria-hidden="true" /><span>{tool.target ?? (tool.kind === 'other' ? tool.name : label)}</span><span aria-label={t(tool.state === 'done' ? 'Completed' : tool.state === 'error' ? 'Failed' : tool.state === 'running' ? 'Running' : 'Result unconfirmed')}><StatusIcon state={tool.state} /></span></div>
+        <div data-ui-notice="" className="v2-btw-tool-row">
+          <Icon aria-hidden="true" />
+          <span title={text}>{text}</span>
+          {tool.state !== 'done' ? <span aria-label={t(tool.state === 'error' ? 'Failed' : tool.state === 'running' ? 'Running' : 'Result unconfirmed')} data-failed={tool.state === 'error' || undefined}><StatusIcon state={tool.state} /></span> : null}
+        </div>
         {tool.error ? <p className="v2-btw-error">{tool.error}</p> : null}
         {tool.output ? <pre className="v2-btw-tool-output">{tool.output}</pre> : null}
         {tool.detailsOmitted ? <p data-ui-notice="" className="v2-btw-tool-note">{t('Some earlier or lengthy details were omitted.')}</p> : null}
diff --git a/packages/chat-ui/src/styles/btw.css b/packages/chat-ui/src/styles/btw.css
index 13c7698a..74b99730 100644
--- a/packages/chat-ui/src/styles/btw.css
+++ b/packages/chat-ui/src/styles/btw.css
@@ -97,23 +97,30 @@
   .v2-btw-tool-record { min-width: 0; }
   .v2-btw-tool-toggle {
     display: flex; width: 100%; min-width: 0; align-items: center; gap: 6px;
-    padding: 4px 1px; border-radius: var(--control-radius); text-align: left;
-    color: var(--muted-ink); font-size: 11px; line-height: 18px;
-  }
-  .v2-btw-tool-toggle:hover { background: var(--control-surface-hover); }
-  .v2-btw-tool-toggle > span { min-width: 0; overflow-wrap: anywhere; }
-  .v2-btw-tool-toggle > svg { width: 13px; height: 13px; flex: none; }
-  .v2-btw-tool-toggle .v2-btw-tool-chevron { margin-left: auto; width: 12px; }
+    padding: 4px 0; border-radius: var(--control-radius); background: transparent; text-align: left;
+    color: var(--muted-ink); font-size: 12px; line-height: 18px; user-select: none;
+    transition: color var(--motion-fast) var(--motion-ease);
+  }
+  .v2-btw-tool-toggle:hover:not(:disabled) { color: var(--ink); }
+  .v2-btw-tool-verb { flex: none; color: var(--secondary-ink); font-weight: 500; transition: color var(--motion-fast) var(--motion-ease); }
+  .v2-btw-tool-toggle:hover:not(:disabled) .v2-btw-tool-verb { color: var(--ink); }
+  .v2-btw-tool-counts { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .v2-btw-tool-status { flex: none; color: var(--muted-ink); font-size: 11px; white-space: nowrap; }
+  .v2-btw-tool-status[data-failed] { color: var(--error-ink); }
+  .v2-btw-tool-toggle > svg { width: 12px; height: 12px; flex: none; }
+  .v2-btw-tool-toggle .v2-btw-tool-chevron { width: 12px; height: 12px; transition: transform var(--motion-fast) var(--motion-ease); }
   .v2-btw-tool-toggle[data-state='open'] .v2-btw-tool-chevron { transform: rotate(90deg); }
   .v2-btw-tool-toggle[data-failed] { color: var(--error-ink); }
-  .v2-btw-tool-detail { min-width: 0; padding-block: 4px 8px; }
-  .v2-btw-tool-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
-  .v2-btw-tool-row { display: flex; align-items: center; gap: 6px; font-size: 11px; line-height: 18px; }
-  .v2-btw-tool-row > span:first-of-type { min-width: 0; flex: 1; overflow-wrap: anywhere; }
-  .v2-btw-tool-row svg { width: 13px; height: 13px; flex: none; color: var(--muted-ink); }
+  .v2-btw-tool-detail { min-width: 0; padding: 2px 0 6px 16px; }
+  .v2-btw-tool-list { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
+  .v2-btw-tool-row { display: flex; min-width: 0; align-items: center; gap: 6px; color: var(--muted-ink); font-size: 12px; line-height: 18px; user-select: none; }
+  .v2-btw-tool-row > span:first-of-type { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .v2-btw-tool-row svg { width: 12px; height: 12px; flex: none; color: var(--muted-ink); }
+  .v2-btw-tool-row [data-failed] svg { color: var(--error-ink); }
   .v2-btw-tool-output { max-height: 180px; padding: 8px; margin-top: 6px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--soft-surface); border-radius: var(--control-radius); font: 12px/1.6 var(--vscode-editor-font-family, monospace); }
   .v2-btw-tool-note { margin-top: 6px; color: var(--muted-ink); font-size: 11px; line-height: 17px; }
-  .v2-btw-progress { display: flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--muted-ink); font-size: 12px; line-height: 20px; user-select: none; }
+  .v2-btw-progress { display: flex; min-width: 0; align-items: center; gap: 6px; margin-top: 4px; color: var(--muted-ink); font-size: 12px; line-height: 18px; user-select: none; }
+  .v2-btw-progress > span:last-child { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .v2-btw-error { margin-top: 6px; color: var(--error-ink); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
   .v2-btw-footer {
     min-width: 0;
@@ -197,6 +204,6 @@
   .v2-btw-send:focus-visible { outline: 1px solid var(--focus); outline-offset: 2px; }
   .v2-btw-send:disabled { background: var(--soft-surface); color: var(--muted-ink); opacity: 1; }
   @media (prefers-reduced-motion: reduce) {
-    .v2-btw-composer, .v2-btw-send, .v2-btw-resizer::after { transition: none; }
+    .v2-btw-composer, .v2-btw-send, .v2-btw-resizer::after, .v2-btw-tool-toggle, .v2-btw-tool-verb, .v2-btw-tool-chevron { transition: none; }
   }
 }

From 73cfdfe85fb141581f1198ab42185fb551263dd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 26 Oct 2026 22:26:36 +0800
Subject: [PATCH 07/32] feat(chat): add configurable dark-mode breathing
 starfield backdrop

- Add StarfieldBackdrop canvas overlay with pre-rendered pinpoint glow sprites, 4-layer depth breathing (122% size, 100% brightness), frame throttling, and hidden-tab suspension without altering the surface background color
- Mount starfield only when the resolved theme is dark and droidvisx.chat.starfield is enabled
- Wire droidvisx.chat.starfield setting through Management general settings, UiThemeMessage, and Webview boot attributes

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/DESIGN.md                                |   3 +
 docs/STATUS.md                                |   4 +-
 package.json                                  |   6 +
 packages/chat-ui/src/chat/ChatLayout.tsx      |  13 +-
 .../chat-ui/src/chat/StarfieldBackdrop.tsx    | 344 ++++++++++++++++++
 packages/chat-ui/src/i18n/chat.ts             |   2 +
 src/extension/management/ManagementBinding.ts |   4 +
 .../management/managementSettings.ts          |   3 +-
 src/extension/webview/DroidViewProvider.ts    |   3 +-
 src/extension/webview/webviewHtml.ts          |   3 +-
 src/extension/webview/webviewTheme.ts         |  23 +-
 src/shared/protocol/managementPageProtocol.ts |   4 +
 src/shared/protocol/shell.ts                  |   1 +
 src/webview-v2/bridge/validateHostMessage.ts  |   6 +-
 src/webview-v2/chat/ChatApp.tsx               |   1 +
 src/webview-v2/host/useHostMessageFlow.tsx    |   3 +-
 src/webview-v2/management/ManagementApp.tsx   |   7 +-
 src/webview-v2/shell/themeController.ts       |  23 +-
 18 files changed, 434 insertions(+), 19 deletions(-)
 create mode 100644 packages/chat-ui/src/chat/StarfieldBackdrop.tsx

diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index fcb31322..d167ae0b 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -191,6 +191,9 @@
   吸顶问题进入或退出编辑时，在绘制前同步卡片与原位置占位高度；推离距离使用同一帧的实际列表边界。
 - Markdown 引用使用透明底、柔和侧线；代码块和 Diff 使用共享高亮。正文可以完整选择、
   复制，未知语言保留纯文本。长内容的虚拟化不能截掉真实正文或冒充完整历史。
+- 深色主题下主聊天支持可选的夜空繁星背景（`droidvisx.chat.starfield`，可在管理页「常规」开关）：
+  仅在透明 `<canvas>` 上使用离屏预渲染针尖柔光精灵绘制四层景深呼吸繁星与偶发流星，保持原有 `--surface` 背景色不变；
+  浅色主题、开关关闭或面板隐藏时不运行绘制循环，`prefers-reduced-motion` 下仅渲染静态帧。
 
 ## 引用与 BTW
 
diff --git a/docs/STATUS.md b/docs/STATUS.md
index 1f02485d..74d58ecc 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -23,7 +23,7 @@
 | Mission 创建 | 说明型开关行保持背景稳定，操作按钮随内容收紧；调度／执行／验证代理模型支持搜索，保留来源筛选与现有推理等级 |
 | 设置模型 | 搜索、来源分组、继承、模型与强度子菜单；下拉选项悬停与选中态统一使用中性灰背景与正文色勾选，菜单随单行内容扩展并受视口约束；等级来自 SDK；纯模型场景直接选择，主聊天尚未整体迁移 |
 | 多语言 | 简体中文、繁体中文、英语；默认跟随编辑器，消息与代码保持原文 |
-| 主题 | Light／Dark／Auto；真实浏览器刷新先恢复最近主题，深色导航使用可辨识的共享选中背景；正文、BTW、Diff 和输入框共用用户选定的半透明石墨灰文字选区，保留原有字色 |
+| 主题 | Light／Dark／Auto；真实浏览器刷新先恢复最近主题，深色导航使用可辨识的共享选中背景；深色模式下主聊天提供可开关的透明层夜空呼吸繁星背景（`droidvisx.chat.starfield`，不改变原有背景色，浅色模式与隐藏态自动停用）；正文、BTW、Diff 和输入框共用用户选定的半透明石墨灰文字选区，保留原有字色 |
 | Review | 操作与整轮改动、Git 比较、全文／片段、行内问答、受限的操作 Undo 和 SDK Restore；真实浏览器复用同一 Host 控制器，工具栏、滚动和问答沿用共享 UI |
 | 恢复 | 打开的会话在 SDK 快速重连结束后每 30 秒继续恢复原连接；Host 自动恢复已知会话及空闲 IDE，回到窗口／侧栏时检查；不重发消息，不中断运行中的后台。失联后台仅在确认旧进程退出后允许替代，身份无法核实不另起任务 |
 | 补全 | 独立 FIM 与 Next Edit；自动续写允许较长词尾、条件右括号和语言候选扩展，共享防抖／上下文／请求，短负缓存及可关联诊断；多行建议的嵌套闭合括号不再因相邻同形括号被整段拒绝；默认关闭，模型费用独立于聊天 |
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖与 BTW 工具折叠重构）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height` 与动态留白跑道 `data-pin-runway` 使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠重构与深色模式星空背景）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height` 与动态留白跑道 `data-pin-runway` 使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/package.json b/package.json
index 7f62f2a1..17ba74cc 100644
--- a/package.json
+++ b/package.json
@@ -205,6 +205,12 @@
           "scope": "application",
           "description": "How messages sent while Droid is working are delivered."
         },
+        "droidvisx.chat.starfield": {
+          "type": "boolean",
+          "default": true,
+          "scope": "application",
+          "description": "Show a subtle breathing starfield background in the main chat when using a dark theme."
+        },
         "droidvisx.theme": {
           "type": "string",
           "enum": [
diff --git a/packages/chat-ui/src/chat/ChatLayout.tsx b/packages/chat-ui/src/chat/ChatLayout.tsx
index 2d185c72..f5da4ea9 100644
--- a/packages/chat-ui/src/chat/ChatLayout.tsx
+++ b/packages/chat-ui/src/chat/ChatLayout.tsx
@@ -1,16 +1,19 @@
 import type { HTMLAttributes, ReactNode } from 'react';
+import { StarfieldBackdrop } from './StarfieldBackdrop';
 
-export function ChatLayout({ header, footer, overlay, children, ...props }: Omit<HTMLAttributes<HTMLElement>, 'title'> & {
+export function ChatLayout({ header, footer, overlay, starfield = false, children, ...props }: Omit<HTMLAttributes<HTMLElement>, 'title'> & {
   readonly header: ReactNode;
   readonly footer: ReactNode;
   readonly overlay?: ReactNode;
+  readonly starfield?: boolean;
 }) {
-  return <main {...props} className={`v2-chat-surface relative grid h-full min-w-0 flex-1 grid-rows-[36px_minmax(0,1fr)_auto] ${props.className ?? ''}`}>
-    <header className="flex min-w-0 select-none items-center justify-between border-b border-[var(--panel-edge)] px-3 py-1">{header}</header>
-    <div className="relative grid min-h-0 min-w-0">
+  return <main {...props} className={`v2-chat-surface relative isolate grid h-full min-w-0 flex-1 grid-rows-[36px_minmax(0,1fr)_auto] ${props.className ?? ''}`}>
+    {starfield ? <StarfieldBackdrop /> : null}
+    <header className="relative z-[1] flex min-w-0 select-none items-center justify-between border-b border-[var(--panel-edge)] px-3 py-1">{header}</header>
+    <div className="relative z-[1] grid min-h-0 min-w-0">
       {children}
       {overlay}
     </div>
-    <footer className="v2-chat-footer space-y-2">{footer}</footer>
+    <footer className="v2-chat-footer relative z-[1] space-y-2">{footer}</footer>
   </main>;
 }
diff --git a/packages/chat-ui/src/chat/StarfieldBackdrop.tsx b/packages/chat-ui/src/chat/StarfieldBackdrop.tsx
new file mode 100644
index 00000000..c2faf3c4
--- /dev/null
+++ b/packages/chat-ui/src/chat/StarfieldBackdrop.tsx
@@ -0,0 +1,344 @@
+import { useEffect, useRef } from 'react';
+
+const SIZE_SCALE = 1.22;
+const BRIGHTNESS = 1.0;
+const IDLE_FRAME_INTERVAL_MS = 40;
+
+interface StarTint {
+  readonly name: string;
+  readonly halo: readonly [number, number, number];
+  readonly core: readonly [number, number, number];
+  readonly weight: number;
+}
+
+const TINTS: readonly StarTint[] = [
+  { name: 'ice', halo: [165, 205, 255], core: [255, 255, 255], weight: 0.44 },
+  { name: 'pure', halo: [220, 232, 255], core: [255, 255, 255], weight: 0.34 },
+  { name: 'warm', halo: [255, 214, 165], core: [255, 253, 246], weight: 0.13 },
+  { name: 'lilac', halo: [200, 178, 255], core: [252, 248, 255], weight: 0.09 },
+];
+
+function pickTint(): StarTint {
+  const r = Math.random();
+  let acc = 0;
+  for (const t of TINTS) {
+    acc += t.weight;
+    if (r <= acc) return t;
+  }
+  return TINTS[0];
+}
+
+const spriteCache = new Map<string, HTMLCanvasElement>();
+
+function getPinpointSprite(tint: StarTint): HTMLCanvasElement {
+  const cached = spriteCache.get(tint.name);
+  if (cached) return cached;
+  const size = 48;
+  const half = size / 2;
+  const off = document.createElement('canvas');
+  off.width = size;
+  off.height = size;
+  const octx = off.getContext('2d');
+  if (!octx) return off;
+
+  const [hr, hg, hb] = tint.halo;
+  const [cr, cg, cb] = tint.core;
+  const grad = octx.createRadialGradient(half, half, 0, half, half, half);
+  grad.addColorStop(0.0, `rgba(${cr}, ${cg}, ${cb}, 1.0)`);
+  grad.addColorStop(0.11, `rgba(${cr}, ${cg}, ${cb}, 0.92)`);
+  grad.addColorStop(0.2, `rgba(${hr}, ${hg}, ${hb}, 0.34)`);
+  grad.addColorStop(0.36, `rgba(${hr}, ${hg}, ${hb}, 0.10)`);
+  grad.addColorStop(0.62, `rgba(${hr}, ${hg}, ${hb}, 0.025)`);
+  grad.addColorStop(1.0, `rgba(${hr}, ${hg}, ${hb}, 0)`);
+
+  octx.fillStyle = grad;
+  octx.beginPath();
+  octx.arc(half, half, half, 0, Math.PI * 2);
+  octx.fill();
+
+  spriteCache.set(tint.name, off);
+  return off;
+}
+
+interface StarParticle {
+  x: number;
+  y: number;
+  readonly kind: 'dot' | 'sprite' | 'beacon';
+  readonly r: number;
+  readonly size: number;
+  readonly minAlpha: number;
+  readonly maxAlpha: number;
+  readonly omega: number;
+  readonly phase: number;
+  readonly driftY: number;
+  readonly tint: StarTint;
+  readonly sprite: HTMLCanvasElement;
+}
+
+interface MeteorParticle {
+  x: number;
+  y: number;
+  readonly vx: number;
+  readonly vy: number;
+  readonly len: number;
+  life: number;
+  readonly maxLife: number;
+  readonly headSprite: HTMLCanvasElement;
+}
+
+function sampleSkyPos(width: number, height: number): { x: number; y: number } {
+  if (Math.random() < 0.42) {
+    const t = Math.random();
+    const u1 = Math.max(1e-6, Math.random());
+    const u2 = Math.random();
+    const gauss = Math.sqrt(-2 * Math.log(u1)) * Math.cos(2 * Math.PI * u2);
+    const spread = Math.min(width, height) * 0.23;
+    const x = t * width;
+    const y = (0.74 - t * 0.54) * height + gauss * spread;
+    return { x: (x + width) % width, y: (y + height) % height };
+  }
+  return { x: Math.random() * width, y: Math.random() * height };
+}
+
+function buildStars(width: number, height: number): StarParticle[] {
+  const area = width * height;
+  const specs = [
+    {
+      count: Math.round(Math.max(110, Math.min(220, area / 4200))),
+      kind: 'dot' as const,
+      minR: 0.4,
+      maxR: 0.65,
+      minAlpha: 0.14,
+      maxAlpha: 0.38,
+      minPeriod: 4500,
+      maxPeriod: 9000,
+      driftY: -0.009,
+    },
+    {
+      count: Math.round(Math.max(48, Math.min(100, area / 9500))),
+      kind: 'sprite' as const,
+      minSize: 3.4,
+      maxSize: 4.8,
+      minAlpha: 0.18,
+      maxAlpha: 0.66,
+      minPeriod: 3200,
+      maxPeriod: 6400,
+      driftY: -0.016,
+    },
+    {
+      count: Math.round(Math.max(24, Math.min(48, area / 19000))),
+      kind: 'sprite' as const,
+      minSize: 5.0,
+      maxSize: 6.8,
+      minAlpha: 0.15,
+      maxAlpha: 0.85,
+      minPeriod: 2400,
+      maxPeriod: 5000,
+      driftY: -0.025,
+    },
+    {
+      count: Math.round(Math.max(8, Math.min(16, area / 56000))),
+      kind: 'beacon' as const,
+      minSize: 7.0,
+      maxSize: 9.2,
+      minAlpha: 0.2,
+      maxAlpha: 0.9,
+      minPeriod: 2600,
+      maxPeriod: 4800,
+      driftY: -0.034,
+    },
+  ];
+
+  const stars: StarParticle[] = [];
+  for (const spec of specs) {
+    for (let i = 0; i < spec.count; i += 1) {
+      const pos = sampleSkyPos(width, height);
+      const tint = pickTint();
+      const period = spec.minPeriod + Math.random() * (spec.maxPeriod - spec.minPeriod);
+      stars.push({
+        x: pos.x,
+        y: pos.y,
+        kind: spec.kind,
+        r: spec.minR !== undefined ? spec.minR + Math.random() * (spec.maxR - spec.minR) : 0,
+        size: spec.minSize !== undefined ? spec.minSize + Math.random() * (spec.maxSize - spec.minSize) : 0,
+        minAlpha: spec.minAlpha,
+        maxAlpha: spec.maxAlpha * (0.85 + Math.random() * 0.15),
+        omega: (Math.PI * 2) / period,
+        phase: Math.random() * Math.PI * 2,
+        driftY: spec.driftY * (0.75 + Math.random() * 0.5),
+        tint,
+        sprite: getPinpointSprite(tint),
+      });
+    }
+  }
+  return stars;
+}
+
+export function StarfieldBackdrop() {
+  const ref = useRef<HTMLCanvasElement>(null);
+
+  useEffect(() => {
+    const canvas = ref.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext('2d');
+    if (!ctx) return;
+
+    let width = 0;
+    let height = 0;
+    let stars: StarParticle[] = [];
+    let meteors: MeteorParticle[] = [];
+    let nextMeteorAt = performance.now() + 6000 + Math.random() * 6000;
+    let lastPaintAt = 0;
+    let rafId: number | null = null;
+    const reducedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+
+    const resize = () => {
+      const rect = canvas.getBoundingClientRect();
+      const nextW = Math.round(rect.width);
+      const nextH = Math.round(rect.height);
+      if (!nextW || !nextH || (nextW === width && nextH === height)) return;
+      const dpr = Math.min(window.devicePixelRatio || 1, 2);
+      width = nextW;
+      height = nextH;
+      canvas.width = Math.round(width * dpr);
+      canvas.height = Math.round(height * dpr);
+      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+      stars = buildStars(width, height);
+    };
+
+    const drawFrame = (now: number, dtScale: number) => {
+      if (!width || !height) return;
+      ctx.clearRect(0, 0, width, height);
+
+      const invW = 2.2 / Math.max(1, width);
+      const invH = 1.4 / Math.max(1, height);
+      const waveT = now * 0.0004;
+
+      for (let i = 0; i < stars.length; i += 1) {
+        const s = stars[i];
+        if (dtScale > 0) {
+          s.y += s.driftY * dtScale;
+          if (s.y < -12) {
+            s.y = height + 12;
+            s.x = Math.random() * width;
+          }
+        }
+        const spatialWave = s.x * invW + s.y * invH;
+        const rawSin = 0.5 + 0.5 * Math.sin(now * s.omega + s.phase + Math.sin(waveT + spatialWave) * 0.6);
+        const breath = rawSin * Math.sqrt(rawSin);
+        const alpha = Math.min(0.95, (s.minAlpha + (s.maxAlpha - s.minAlpha) * breath) * BRIGHTNESS);
+
+        if (s.kind === 'dot') {
+          const [hr, hg, hb] = s.tint.halo;
+          ctx.fillStyle = `rgba(${hr}, ${hg}, ${hb}, ${alpha.toFixed(3)})`;
+          const r = s.r * SIZE_SCALE;
+          ctx.fillRect(s.x - r, s.y - r, r * 2, r * 2);
+        } else {
+          const scale = (0.85 + 0.27 * breath) * SIZE_SCALE;
+          const sz = s.size * scale;
+          ctx.globalAlpha = alpha;
+          ctx.drawImage(s.sprite, s.x - sz * 0.5, s.y - sz * 0.5, sz, sz);
+        }
+      }
+      ctx.globalAlpha = 1;
+
+      if (dtScale > 0 && now >= nextMeteorAt && meteors.length === 0) {
+        const angle = (19 + Math.random() * 14) * (Math.PI / 180);
+        const speed = 8 + Math.random() * 3.2;
+        meteors.push({
+          x: width * (0.15 + Math.random() * 0.65),
+          y: height * (0.05 + Math.random() * 0.28),
+          vx: Math.cos(angle) * speed,
+          vy: Math.sin(angle) * speed,
+          len: 85 + Math.random() * 40,
+          life: 0,
+          maxLife: 36 + Math.random() * 14,
+          headSprite: getPinpointSprite(TINTS[0]),
+        });
+        nextMeteorAt = now + 9000 + Math.random() * 8000;
+      }
+
+      for (let i = meteors.length - 1; i >= 0; i -= 1) {
+        const m = meteors[i];
+        m.x += m.vx * dtScale;
+        m.y += m.vy * dtScale;
+        m.life += dtScale;
+        const p = Math.min(1, m.life / m.maxLife);
+        const fade = p < 0.2 ? p / 0.2 : Math.pow(1 - (p - 0.2) / 0.8, 1.4);
+        const alpha = Math.max(0, Math.min(0.88, fade * 0.58 * BRIGHTNESS));
+
+        const norm = Math.hypot(m.vx, m.vy) || 1;
+        const curLen = m.len * (0.5 + 0.5 * Math.sin(p * Math.PI));
+        const tx = m.x - (m.vx / norm) * curLen;
+        const ty = m.y - (m.vy / norm) * curLen;
+
+        const grad = ctx.createLinearGradient(m.x, m.y, tx, ty);
+        grad.addColorStop(0, `rgba(255, 255, 255, ${alpha.toFixed(3)})`);
+        grad.addColorStop(0.22, `rgba(175, 210, 255, ${(alpha * 0.65).toFixed(3)})`);
+        grad.addColorStop(1, 'rgba(135, 165, 255, 0)');
+
+        ctx.strokeStyle = grad;
+        ctx.lineCap = 'round';
+        ctx.lineWidth = 1.05 * SIZE_SCALE;
+        ctx.beginPath();
+        ctx.moveTo(m.x, m.y);
+        ctx.lineTo(tx, ty);
+        ctx.stroke();
+
+        const headSz = 6.2 * SIZE_SCALE * (0.8 + 0.2 * fade);
+        ctx.globalAlpha = alpha;
+        ctx.drawImage(m.headSprite, m.x - headSz * 0.5, m.y - headSz * 0.5, headSz, headSz);
+        ctx.globalAlpha = 1;
+
+        if (m.life >= m.maxLife) meteors.splice(i, 1);
+      }
+    };
+
+    const tick = (now: number) => {
+      rafId = null;
+      if (document.hidden || reducedMotionQuery.matches) return;
+      const interval = meteors.length > 0 ? 16 : IDLE_FRAME_INTERVAL_MS;
+      const elapsed = lastPaintAt > 0 ? now - lastPaintAt : interval;
+      if (elapsed >= interval) {
+        const dtScale = Math.min(3, elapsed / 16.67);
+        lastPaintAt = now;
+        drawFrame(now, dtScale);
+      }
+      rafId = requestAnimationFrame(tick);
+    };
+
+    const startOrStop = () => {
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+      resize();
+      if (reducedMotionQuery.matches) {
+        drawFrame(performance.now(), 0);
+        return;
+      }
+      if (!document.hidden) {
+        lastPaintAt = 0;
+        rafId = requestAnimationFrame(tick);
+      }
+    };
+
+    const observer = new ResizeObserver(() => {
+      resize();
+      if (reducedMotionQuery.matches) drawFrame(performance.now(), 0);
+    });
+    observer.observe(canvas);
+    document.addEventListener('visibilitychange', startOrStop);
+    reducedMotionQuery.addEventListener('change', startOrStop);
+    startOrStop();
+
+    return () => {
+      if (rafId !== null) cancelAnimationFrame(rafId);
+      observer.disconnect();
+      document.removeEventListener('visibilitychange', startOrStop);
+      reducedMotionQuery.removeEventListener('change', startOrStop);
+    };
+  }, []);
+
+  return <canvas ref={ref} aria-hidden="true" data-ui-notice="" className="pointer-events-none absolute inset-0 z-0 size-full select-none" />;
+}
diff --git a/packages/chat-ui/src/i18n/chat.ts b/packages/chat-ui/src/i18n/chat.ts
index b95345b3..753c9994 100644
--- a/packages/chat-ui/src/i18n/chat.ts
+++ b/packages/chat-ui/src/i18n/chat.ts
@@ -8,6 +8,8 @@ export const chatMessages: readonly MessageTranslations[] = [
   ['Steering…','正在引导…','正在引導…'],
   ['Wait until the current task finishes.','等待当前任务结束后依次发送。','等待目前任務結束後依次傳送。'],
   ['Guide the current task at the next model step.','在模型下一步处理时补充指令，引导当前任务。','在模型下一步處理時補充指令，引導目前任務。'],
+  ['Starfield background','夜空繁星背景','夜空繁星背景'],
+  ['Subtle breathing starfield in dark mode.','深色主题下在主聊天背景显示呼吸繁星。','深色主題下在主聊天背景顯示呼吸繁星。'],
   ['Last model request failed to connect','上一次模型请求连接失败','上一次模型請求連線失敗'],
   ['The last model request failed to connect. The local Droid runtime is connected. Check your model service or network before trying again.','上一次模型请求连接失败，本地 Droid 运行时仍已连接。请检查模型服务或网络后重试。','上一次模型請求連線失敗，本機 Droid 執行階段仍已連線。請檢查模型服務或網路後重試。'],
   ['Can read, search and run isolated examples. Cannot modify the project.','可读代码、查资料、运行独立示例，不修改项目。','可讀程式碼、查資料、執行獨立範例，不修改專案。'],
diff --git a/src/extension/management/ManagementBinding.ts b/src/extension/management/ManagementBinding.ts
index 572dee38..24fcdc10 100644
--- a/src/extension/management/ManagementBinding.ts
+++ b/src/extension/management/ManagementBinding.ts
@@ -1,5 +1,6 @@
 import * as vscode from 'vscode';
 import { BUSY_MESSAGE_MODE_SETTING } from '../chat/queue/busyMessageSettings';
+import { CHAT_STARFIELD_SETTING } from '../webview/webviewTheme';
 import {
   MANAGEMENT_VERSION, parseManagementRequest, type ManagementAction, type ManagementHostMessage,
   type ManagementPage, type ManagementRequest, type ManagementResult,
@@ -85,6 +86,9 @@ export class ManagementBinding implements vscode.Disposable {
       case 'theme.set':
         await vscode.workspace.getConfiguration('droidvisx').update('theme', action.theme, vscode.ConfigurationTarget.Global);
         return { settings: await s.settings.read() };
+      case 'chat.starfield.set':
+        await vscode.workspace.getConfiguration('droidvisx').update(CHAT_STARFIELD_SETTING, action.enabled, vscode.ConfigurationTarget.Global);
+        return { settings: await s.settings.read() };
       case 'chat.busyMessageMode.set':
         await vscode.workspace.getConfiguration('droidvisx').update(BUSY_MESSAGE_MODE_SETTING, action.mode, vscode.ConfigurationTarget.Global);
         return { settings: await s.settings.read() };
diff --git a/src/extension/management/managementSettings.ts b/src/extension/management/managementSettings.ts
index 01b1fd8b..2427f41e 100644
--- a/src/extension/management/managementSettings.ts
+++ b/src/extension/management/managementSettings.ts
@@ -5,7 +5,7 @@ import {
   COMPLETION_SECTION, DEFAULT_ENDPOINT, completionNeedsKey, completionSecretKey, mercuryAlternateEndpoint,
   readCompletionKey, readCompletionSettings, validateCompletionEndpoint,
 } from '../autocomplete/settings';
-import { readWebviewBootTheme, readWebviewThemePreference } from '../webview/webviewTheme';
+import { readChatStarfieldEnabled, readWebviewBootTheme, readWebviewThemePreference } from '../webview/webviewTheme';
 import { readReviewQuestionModel, readReviewQuestionEffort, REVIEW_QUESTION_MODEL_SETTING, REVIEW_QUESTION_EFFORT_SETTING } from '../review/reviewQuestionSettings';
 import type { SessionReasoningEffort } from '../../shared/protocol/settings';
 
@@ -27,6 +27,7 @@ export class ManagementSettingsService {
     const nextEditHasKey = !validateCompletionEndpoint(nextEdit.endpoint, 'mercury-edit') && Boolean(await readCompletionKey(this.secrets, nextEdit.endpoint));
     return {
       busyMessageMode: readBusyMessageMode(),
+      starfield: readChatStarfieldEnabled(),
       ...status, theme: readWebviewThemePreference(), resolvedTheme: readWebviewBootTheme().resolved, version: this.version,
       completionHasKey: hasKey, nextEditHasKey,
       reviewQuestion: { modelId: readReviewQuestionModel(), reasoningEffort: readReviewQuestionEffort(), inheritedModelId: this.mainModel(), models: await this.questionModels() },
diff --git a/src/extension/webview/DroidViewProvider.ts b/src/extension/webview/DroidViewProvider.ts
index 60f0e1ab..d7c275f4 100644
--- a/src/extension/webview/DroidViewProvider.ts
+++ b/src/extension/webview/DroidViewProvider.ts
@@ -91,7 +91,8 @@ export class DroidViewProvider implements vscode.WebviewViewProvider, vscode.Dis
       if (
         this.webviewView === webviewView &&
         webviewView.visible &&
-        event.affectsConfiguration('droidvisx.theme')
+        (event.affectsConfiguration('droidvisx.theme') ||
+          event.affectsConfiguration('droidvisx.chat.starfield'))
       ) {
         postTheme();
       }
diff --git a/src/extension/webview/webviewHtml.ts b/src/extension/webview/webviewHtml.ts
index 3251a3a2..36b115a5 100644
--- a/src/extension/webview/webviewHtml.ts
+++ b/src/extension/webview/webviewHtml.ts
@@ -44,6 +44,7 @@ export type WebviewInitialTheme = keyof typeof INITIAL_BACKGROUNDS;
 export interface WebviewBootTheme {
   readonly preference: ThemePreference;
   readonly resolved: WebviewInitialTheme;
+  readonly starfield?: boolean;
 }
 
 const DEFAULT_BOOT_THEME: WebviewBootTheme = {
@@ -75,7 +76,7 @@ export function getWebviewHtml(
   // takes over the attribute); the inline style covers the window
   // between HTML parse and stylesheet load.
   return /* html */ `<!doctype html>
-<html lang="${locale.resolved}" data-dvx-language="${locale.preference}" data-dvx-theme="${theme.resolved}" data-dvx-theme-preference="${theme.preference}" data-theme="${theme.resolved}" data-theme-preference="${theme.preference}"${chatRole ? ` data-chat-role="${chatRole}"` : ''}>
+<html lang="${locale.resolved}" data-dvx-language="${locale.preference}" data-dvx-theme="${theme.resolved}" data-dvx-theme-preference="${theme.preference}" data-theme="${theme.resolved}" data-theme-preference="${theme.preference}"${theme.starfield === false ? ' data-dvx-starfield="false"' : ''}${chatRole ? ` data-chat-role="${chatRole}"` : ''}>
 <head>
   <meta charset="UTF-8">
   <meta
diff --git a/src/extension/webview/webviewTheme.ts b/src/extension/webview/webviewTheme.ts
index ab57f9d2..332ec570 100644
--- a/src/extension/webview/webviewTheme.ts
+++ b/src/extension/webview/webviewTheme.ts
@@ -10,15 +10,34 @@ export function readWebviewThemePreference(): ThemePreference {
   return value === 'light' || value === 'dark' ? value : 'auto';
 }
 
+export const CHAT_STARFIELD_SETTING = 'chat.starfield';
+
+export function readChatStarfieldEnabled(): boolean {
+  return (
+    vscode.workspace
+      .getConfiguration('droidvisx')
+      .get<boolean>(CHAT_STARFIELD_SETTING, true) !== false
+  );
+}
+
 export function readWebviewBootTheme(): WebviewBootTheme {
   const preference = readWebviewThemePreference();
+  const starfield = readChatStarfieldEnabled();
   if (preference !== 'auto') {
-    return { preference, resolved: preference };
+    return {
+      preference,
+      resolved: preference,
+      ...(starfield ? {} : { starfield: false }),
+    };
   }
   const kind = vscode.window.activeColorTheme.kind;
   const resolved =
     kind === vscode.ColorThemeKind.Dark || kind === vscode.ColorThemeKind.HighContrast
       ? 'dark'
       : 'light';
-  return { preference, resolved };
+  return {
+    preference,
+    resolved,
+    ...(starfield ? {} : { starfield: false }),
+  };
 }
diff --git a/src/shared/protocol/managementPageProtocol.ts b/src/shared/protocol/managementPageProtocol.ts
index 53d656df..cc09e0df 100644
--- a/src/shared/protocol/managementPageProtocol.ts
+++ b/src/shared/protocol/managementPageProtocol.ts
@@ -34,6 +34,7 @@ export interface CompletionPreferences {
 }
 export interface ManagementSettings {
   readonly busyMessageMode?: BusyMessageMode;
+  readonly starfield?: boolean;
   readonly theme: 'auto' | 'light' | 'dark';
   readonly resolvedTheme: 'light' | 'dark';
   readonly version: string;
@@ -69,6 +70,7 @@ export type ManagementAction =
   | { readonly kind: 'account.read'; readonly force: boolean }
   | { readonly kind: 'defaults.save'; readonly scope: DefaultsScope; readonly patch: DefaultValues }
   | { readonly kind: 'theme.set'; readonly theme: ManagementSettings['theme'] }
+  | { readonly kind: 'chat.starfield.set'; readonly enabled: boolean }
   | { readonly kind: 'chat.busyMessageMode.set'; readonly mode: BusyMessageMode }
   | { readonly kind: 'language.set'; readonly language: LanguagePreference }
   | { readonly kind: 'reviewQuestion.model.set'; readonly modelId: string | null; readonly reasoningEffort?: SessionReasoningEffort | null }
@@ -123,6 +125,7 @@ export function parseManagementRequest(value: unknown): ManagementRequest | unde
   else if (a.kind === 'defaults.save') valid = hasExactKeys(a, ['kind', 'scope', 'patch']) && isDefaultsPatch(a.patch, a.scope);
   else if (a.kind === 'account.read') valid = hasExactKeys(a, ['kind', 'force']) && typeof a.force === 'boolean';
   else if (a.kind === 'theme.set') valid = hasExactKeys(a, ['kind', 'theme']) && ['auto', 'light', 'dark'].includes(String(a.theme));
+  else if (a.kind === 'chat.starfield.set') valid = hasExactKeys(a, ['kind', 'enabled']) && typeof a.enabled === 'boolean';
   else if (a.kind === 'chat.busyMessageMode.set') valid = hasExactKeys(a, ['kind', 'mode']) && isBusyMessageMode(a.mode);
   else if (a.kind === 'language.set') valid = hasExactKeys(a, ['kind', 'language']) && isLanguagePreference(a.language);
   else if (a.kind === 'reviewQuestion.model.set') valid = hasExactKeys(a, ['kind', 'modelId'], ['reasoningEffort']) && (a.modelId === null || isSafeModelId(a.modelId))
@@ -141,6 +144,7 @@ export function parseManagementHostMessage(value: unknown): ManagementHostMessag
   if (value.type === 'management.navigate' && isManagementPage(value.page)) return value as unknown as ManagementHostMessage;
   const settings = (v: unknown): v is ManagementSettings => isStrictRecord(v) && isCompletionPreferences(v.completion)
     && (v.busyMessageMode === undefined || isBusyMessageMode(v.busyMessageMode))
+    && (v.starfield === undefined || typeof v.starfield === 'boolean')
     && ['auto', 'light', 'dark'].includes(String(v.theme)) && ['light', 'dark'].includes(String(v.resolvedTheme))
     && typeof v.version === 'string' && (v.cwd === null || typeof v.cwd === 'string')
     && typeof v.connection === 'string' && typeof v.ide === 'string' && typeof v.completionHasKey === 'boolean' && typeof v.nextEditHasKey === 'boolean' && typeof v.sessionManagementAvailable === 'boolean'
diff --git a/src/shared/protocol/shell.ts b/src/shared/protocol/shell.ts
index 286f28d5..925b6683 100644
--- a/src/shared/protocol/shell.ts
+++ b/src/shared/protocol/shell.ts
@@ -46,6 +46,7 @@ export interface UiThemeMessage {
   readonly type: 'ui.theme';
   readonly preference: ThemePreference;
   readonly resolved: 'light' | 'dark';
+  readonly starfield?: boolean;
 }
 
 export interface ConnectionState {
diff --git a/src/webview-v2/bridge/validateHostMessage.ts b/src/webview-v2/bridge/validateHostMessage.ts
index 2f140a1b..31a1586e 100644
--- a/src/webview-v2/bridge/validateHostMessage.ts
+++ b/src/webview-v2/bridge/validateHostMessage.ts
@@ -212,10 +212,11 @@ function parseUiTheme(
   value: UnknownRecord,
 ): Extract<HostToWebviewMessage, { type: 'ui.theme' }> | undefined {
   if (
-    !hasExactKeys(value, ['type', 'preference', 'resolved']) ||
+    !hasExactKeys(value, ['type', 'preference', 'resolved'], ['starfield']) ||
     typeof value.preference !== 'string' ||
     !(THEME_PREFERENCES as readonly string[]).includes(value.preference) ||
-    (value.resolved !== 'light' && value.resolved !== 'dark')
+    (value.resolved !== 'light' && value.resolved !== 'dark') ||
+    (value.starfield !== undefined && typeof value.starfield !== 'boolean')
   ) {
     return undefined;
   }
@@ -223,6 +224,7 @@ function parseUiTheme(
     type: 'ui.theme',
     preference: value.preference as ThemePreference,
     resolved: value.resolved,
+    ...(value.starfield === undefined ? {} : { starfield: value.starfield }),
   };
 }
 
diff --git a/src/webview-v2/chat/ChatApp.tsx b/src/webview-v2/chat/ChatApp.tsx
index 7effc5e6..6cc83776 100644
--- a/src/webview-v2/chat/ChatApp.tsx
+++ b/src/webview-v2/chat/ChatApp.tsx
@@ -196,6 +196,7 @@ export function ChatApp({ port, role = 'main' }: { readonly port: ChatPort; read
     <ContentProvider value={content}>
     <div className="v2-chat-layout flex h-full min-w-0" data-mission-open={capabilities.openMission && host.missionWorkspaceRoute !== null || undefined} data-mission-chat={childChat || host.missionChat || undefined}>
     <ChatLayout data-transition-phase={transition.phase} aria-busy={transition.blocking}
+      starfield={theme.resolved === 'dark' && theme.starfield}
       header={<>
         <div className="flex min-w-0 items-center">{!childChat ? <AppInfo /> : null}</div>
         <SessionRecovery state={state} port={port} working={running} onReconnect={sessions.handleRetry}
diff --git a/src/webview-v2/host/useHostMessageFlow.tsx b/src/webview-v2/host/useHostMessageFlow.tsx
index 263e259e..09c9c755 100644
--- a/src/webview-v2/host/useHostMessageFlow.tsx
+++ b/src/webview-v2/host/useHostMessageFlow.tsx
@@ -35,6 +35,7 @@ export function useHostMessageFlow(
     readonly applyHostTheme: (
       preference: ThemePreference,
       resolved: 'light' | 'dark',
+      starfield?: boolean,
     ) => void;
     readonly appendCanvasDraft: (text: string) => void;
     readonly settleSend: () => void;
@@ -94,7 +95,7 @@ export function useHostMessageFlow(
         case 'missionControl.navigationRejected':
           return;
         case 'ui.theme':
-          latest.current.applyHostTheme(message.preference, message.resolved);
+          latest.current.applyHostTheme(message.preference, message.resolved, message.starfield);
           return;
         case 'canvas.feedbackDraft':
           if (message.sequence > canvasSequence.current) {
diff --git a/src/webview-v2/management/ManagementApp.tsx b/src/webview-v2/management/ManagementApp.tsx
index 02bfa15c..8c06ca09 100644
--- a/src/webview-v2/management/ManagementApp.tsx
+++ b/src/webview-v2/management/ManagementApp.tsx
@@ -2,6 +2,7 @@ import { useCallback, useEffect, useState } from 'react';
 import { Check, Copy, RefreshCw } from 'lucide-react';
 import type { ManagementPage } from '../../shared/protocol/managementPageProtocol';
 import { Button } from '../ui/button';
+import { Switch } from '../ui/controls';
 import { SettingsSection } from '@droidvisx/chat-ui/ui/settings';
 import { ScrollArea } from '@droidvisx/chat-ui/ui/scroll-area';
 import { SettingsModelPicker } from '../models/SettingsModelPicker';
@@ -55,7 +56,11 @@ function ManagementContent({ transport }: { transport: ManagementTransport }) {
             onChange={value => { if (isLanguagePreference(value)) void state.run({ kind: 'language.set', language: value }); }}
             options={[['auto', t('Follow editor')], ['en', 'English'], ['zh-CN', '简体中文'], ['zh-TW', '繁體中文']]} />
         </ManagementRow>
-        <ManagementRow label={t("主题")}><ManagementChoice label={t("主题")} value={s.theme} disabled={state.busy} onChange={theme => void state.run({ kind: 'theme.set', theme: theme as typeof s.theme })} options={[[ 'auto', t('跟随编辑器') ], ['light', t('浅色')], ['dark', t('深色')]]} /></ManagementRow></SettingsSection>
+        <ManagementRow label={t("主题")}><ManagementChoice label={t("主题")} value={s.theme} disabled={state.busy} onChange={theme => void state.run({ kind: 'theme.set', theme: theme as typeof s.theme })} options={[[ 'auto', t('跟随编辑器') ], ['light', t('浅色')], ['dark', t('深色')]]} /></ManagementRow>
+        <ManagementRow label={t('Starfield background')} detail={t('Subtle breathing starfield in dark mode.')}>
+          <Switch aria-label={t('Starfield background')} checked={s.starfield !== false} disabled={state.busy}
+            onCheckedChange={enabled => void state.run({ kind: 'chat.starfield.set', enabled })} />
+        </ManagementRow></SettingsSection>
         <SettingsSection title={t('Chat')}><ManagementRow label={t('Messages while working')}
           detail={t((s.busyMessageMode ?? 'wait') === 'wait' ? 'Wait until the current task finishes.' : 'Guide the current task at the next model step.')}>
           <ManagementChoice label={t('Messages while working')} value={s.busyMessageMode ?? 'wait'} disabled={state.busy}
diff --git a/src/webview-v2/shell/themeController.ts b/src/webview-v2/shell/themeController.ts
index 963f1aeb..c991e2d7 100644
--- a/src/webview-v2/shell/themeController.ts
+++ b/src/webview-v2/shell/themeController.ts
@@ -50,6 +50,10 @@ export function readBootResolvedTheme(): ResolvedTheme {
   return document.documentElement.dataset.dvxTheme === 'dark' ? 'dark' : 'light';
 }
 
+export function readBootStarfield(): boolean {
+  return document.documentElement.dataset.dvxStarfield !== 'false';
+}
+
 /**
  * Whether the editor currently runs a dark theme, read from the
  * classes VS Code maintains on the webview body (vscode-dark /
@@ -102,10 +106,16 @@ export function useThemeController(
 ): {
   readonly context: ThemeContextValue;
   readonly resolved: ResolvedTheme;
-  readonly applyHostTheme: (preference: ThemePreference, resolved: ResolvedTheme) => void;
+  readonly starfield: boolean;
+  readonly applyHostTheme: (
+    preference: ThemePreference,
+    resolved: ResolvedTheme,
+    starfield?: boolean,
+  ) => void;
 } {
   const [preference, setPreference] = useState<ThemePreference>(readBootThemePreference);
   const [resolved, setResolved] = useState<ResolvedTheme>(readBootResolvedTheme);
+  const [starfield, setStarfield] = useState<boolean>(readBootStarfield);
   useEffect(() => {
     applyDocumentTheme(resolved, preference);
   }, [preference, resolved]);
@@ -119,9 +129,16 @@ export function useThemeController(
     [persistPreference],
   );
   const applyHostTheme = useCallback(
-    (nextPreference: ThemePreference, nextResolved: ResolvedTheme): void => {
+    (
+      nextPreference: ThemePreference,
+      nextResolved: ResolvedTheme,
+      nextStarfield?: boolean,
+    ): void => {
       setPreference(nextPreference);
       setResolved(nextResolved);
+      const enabled = nextStarfield !== false;
+      setStarfield(enabled);
+      document.documentElement.dataset.dvxStarfield = enabled ? 'true' : 'false';
     },
     [],
   );
@@ -129,5 +146,5 @@ export function useThemeController(
     () => ({ preference, resolved, onPreferenceChange }),
     [onPreferenceChange, preference, resolved],
   );
-  return { context, resolved, applyHostTheme };
+  return { context, resolved, starfield, applyHostTheme };
 }

From b48df04d4e64ae68f70eafbb3d20b19091a7826b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 26 Oct 2026 22:55:37 +0800
Subject: [PATCH 08/32] fix(telemetry): eliminate ResizeObserver loop error
 spam and watchdog pool discovery polls

- Guard pinned-turn minHeight/spacer style writes in TranscriptView and skip observing data-pin-runway in useTranscriptScroll
- Ignore benign Chromium ResizeObserver loop notifications in the webview boot beacon and frontend analytics projection
- Route session working-state probes through listOpenedForSession on the owning daemon instead of scanning all daemons via pool.all()
- Exclude routine daemon.discovery.finished events from GA4 daemon_health reporting

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                   | 2 +-
 packages/chat-ui/src/chat/TranscriptView.tsx     | 9 +++++----
 packages/chat-ui/src/chat/useTranscriptScroll.ts | 4 +++-
 src/extension/analytics/ga4Config.ts             | 1 -
 src/extension/analytics/projectFrontendEvent.ts  | 4 ++++
 src/extension/extension.ts                       | 5 ++++-
 src/extension/webview/webviewHtml.ts             | 6 +++++-
 src/runtime/daemon/api.ts                        | 5 +++++
 src/runtime/daemon/createDaemonDroidSession.ts   | 4 +++-
 src/runtime/daemon/routedDaemon.ts               | 3 +++
 10 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index 74d58ecc..025495b8 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠重构与深色模式星空背景）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height` 与动态留白跑道 `data-pin-runway` 使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠重构、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/TranscriptView.tsx b/packages/chat-ui/src/chat/TranscriptView.tsx
index f44bbfdb..bd1257a2 100644
--- a/packages/chat-ui/src/chat/TranscriptView.tsx
+++ b/packages/chat-ui/src/chat/TranscriptView.tsx
@@ -176,8 +176,8 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
       runwayHeight.current = 0;
       pinnedAtTop.current = false;
       lastPinTop.current = 0;
-      if (column) column.style.minHeight = '';
-      if (spacer) spacer.style.height = '0px';
+      if (column && column.style.minHeight !== '') column.style.minHeight = '';
+      if (spacer && spacer.style.height !== '0px') spacer.style.height = '0px';
       return 0;
     }
     const previousRunway = runwayHeight.current;
@@ -199,8 +199,9 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     const layoutShifted = nextHeight !== previousRunway || pinTop !== previousPinTop;
     runwayHeight.current = nextHeight;
     lastPinTop.current = pinTop;
-    column.style.minHeight = `${minColumnHeight}px`;
-    spacer.style.height = '0px';
+    const nextMinHeight = `${minColumnHeight}px`;
+    if (column.style.minHeight !== nextMinHeight) column.style.minHeight = nextMinHeight;
+    if (spacer.style.height !== '0px') spacer.style.height = '0px';
     if (pinnedAtTop.current) {
       if (!layoutShifted && !scrolling.follow.current.following && element.scrollTop < pinTop - 2) {
         pinnedAtTop.current = false;
diff --git a/packages/chat-ui/src/chat/useTranscriptScroll.ts b/packages/chat-ui/src/chat/useTranscriptScroll.ts
index 4194fe30..e45f73e0 100644
--- a/packages/chat-ui/src/chat/useTranscriptScroll.ts
+++ b/packages/chat-ui/src/chat/useTranscriptScroll.ts
@@ -283,7 +283,9 @@ export function useTranscriptScroll(
     });
     observer.observe(element);
     observer.observe(column);
-    for (const child of column.children) observer.observe(child);
+    for (const child of column.children) {
+      if (!child.hasAttribute('data-pin-runway')) observer.observe(child);
+    }
     const pendingMarkdown = new MutationObserver(() => { if (navigation.current !== null || settlingSend.current) schedule(); });
     pendingMarkdown.observe(column, { subtree: true, childList: true, attributes: true, attributeFilter: ['data-markdown-pending'] });
     element.addEventListener('scroll', onScroll, { passive: true });
diff --git a/src/extension/analytics/ga4Config.ts b/src/extension/analytics/ga4Config.ts
index 3e231fd3..d6872457 100644
--- a/src/extension/analytics/ga4Config.ts
+++ b/src/extension/analytics/ga4Config.ts
@@ -358,7 +358,6 @@ export function projectGa4Event(
 
   // 6. Daemon pool & discovery health
   if (
-    event.name === 'daemon.discovery.finished' ||
     event.name === 'daemon.discovery.identity-retry' ||
     event.name === 'daemon.discovery.identity-unavailable' ||
     event.name === 'daemon.discovery.stale-record' ||
diff --git a/src/extension/analytics/projectFrontendEvent.ts b/src/extension/analytics/projectFrontendEvent.ts
index 333be4da..93110fd2 100644
--- a/src/extension/analytics/projectFrontendEvent.ts
+++ b/src/extension/analytics/projectFrontendEvent.ts
@@ -8,6 +8,7 @@ export type FrontendEvent =
   | { name: 'activity.expand'; attributes: { surface: 'history' | 'tool' | 'thinking'; durationMs: number; records: number } };
 
 const errorKinds = ['error', 'unhandledrejection', 'boot-timeout', 'handshake-timeout'] as const;
+const BENIGN_RESIZE_OBSERVER_ERROR = /^ResizeObserver loop (completed with undelivered notifications\.|limit exceeded)/iu;
 function metric(value: unknown): value is number {
   return typeof value === 'number' && Number.isFinite(value) && value >= 0 && value <= 86_400_000;
 }
@@ -19,6 +20,9 @@ export function projectFrontendEvent(event: RuntimeDiagnosticEvent): FrontendEve
   const surface = match[1] === 'sessionViewer' ? 'viewer' : match[1] === 'missionControl' ? 'mission' : 'chat';
   const kind = match[2];
   if ((errorKinds as readonly string[]).includes(kind)) {
+    if (kind === 'error' && BENIGN_RESIZE_OBSERVER_ERROR.test(event.detail ?? '')) {
+      return undefined;
+    }
     return { name: 'frontend.error', attributes: { surface, category: kind as typeof errorKinds[number] } };
   }
   if (kind === 'boot-ok') {
diff --git a/src/extension/extension.ts b/src/extension/extension.ts
index 62d40f12..238ac74b 100644
--- a/src/extension/extension.ts
+++ b/src/extension/extension.ts
@@ -282,7 +282,10 @@ export function activate(context: vscode.ExtensionContext): void {
         if (target.mode === 'subagent-readonly') {
           return subagentTranscripts?.readViewer(target.sessionId, target.subagent)?.running ?? null;
         }
-        const rows = await (await daemonSidecar.droid()).sessions.listOpened();
+        const sessions = (await daemonSidecar.droid()).sessions;
+        const rows = await (sessions.listOpenedForSession
+          ? sessions.listOpenedForSession(target.sessionId)
+          : sessions.listOpened());
         const row = rows.find(({ id }) => id === target.sessionId);
         return row === undefined ? false : String(row.workingState) !== 'idle';
       },
diff --git a/src/extension/webview/webviewHtml.ts b/src/extension/webview/webviewHtml.ts
index 36b115a5..9d422f45 100644
--- a/src/extension/webview/webviewHtml.ts
+++ b/src/extension/webview/webviewHtml.ts
@@ -130,7 +130,11 @@ const BOOT_BEACON_SCRIPT = /* js */ `
         (target.src || target.href || ''));
       return;
     }
-    post('error', (event.message || 'unknown error') + ' @' +
+    var message = event.message || 'unknown error';
+    if (/^ResizeObserver loop (completed with undelivered notifications\.|limit exceeded)$/i.test(message)) {
+      return;
+    }
+    post('error', message + ' @' +
       (event.filename || '?') + ':' + (event.lineno || 0));
   }, true);
   window.addEventListener('unhandledrejection', function (event) {
diff --git a/src/runtime/daemon/api.ts b/src/runtime/daemon/api.ts
index a8125a07..9e9503d2 100644
--- a/src/runtime/daemon/api.ts
+++ b/src/runtime/daemon/api.ts
@@ -61,6 +61,11 @@ export interface DaemonApi {
     | 'killWorker'
   > & {
     rename?: ConnectedDroid['sessions']['rename'];
+    /** Read opened sessions on a known session's owning daemon without scanning the pool. */
+    listOpenedForSession?(
+      sessionId: string,
+      options?: Parameters<ConnectedDroid['sessions']['listOpened']>[0],
+    ): ReturnType<ConnectedDroid['sessions']['listOpened']>;
     listPage(
       options?: Parameters<ConnectedDroid['sessions']['list']>[0],
     ): ReturnType<DaemonSessionController['listAvailableSessions']>;
diff --git a/src/runtime/daemon/createDaemonDroidSession.ts b/src/runtime/daemon/createDaemonDroidSession.ts
index 2e1bc86f..005963e5 100644
--- a/src/runtime/daemon/createDaemonDroidSession.ts
+++ b/src/runtime/daemon/createDaemonDroidSession.ts
@@ -499,7 +499,9 @@ function adaptDaemonSession(
       // of a session that kept running while no window was attached
       // (probe: artifacts/probe-get-messages.mjs phase 2). A missing
       // row means the daemon no longer tracks the session as open.
-      const opened = await droid.sessions.listOpened();
+      const opened = await (droid.sessions.listOpenedForSession
+        ? droid.sessions.listOpenedForSession(targetSessionId)
+        : droid.sessions.listOpened());
       const row = opened.find((entry) => entry.id === targetSessionId);
       return row === undefined ? null : String(row.workingState);
     },
diff --git a/src/runtime/daemon/routedDaemon.ts b/src/runtime/daemon/routedDaemon.ts
index 1546400c..81bdc1c5 100644
--- a/src/runtime/daemon/routedDaemon.ts
+++ b/src/runtime/daemon/routedDaemon.ts
@@ -93,6 +93,9 @@ export function createRoutedDaemon(pool: WindowDaemonPool): DaemonApi {
       getRewindInfo: (...args) => sessionResources.getRewindInfo(...args),
       fork: (...args) => sessionResources.fork(...args),
       killWorker: (...args) => sessionResources.killWorker(...args),
+      async listOpenedForSession(id, options) {
+        return (await choose(id)).sessions.listOpened(options);
+      },
       async listOpened(options) {
         const groups = await Promise.all((await pool.all()).map((entry) =>
           entry.connection.droid.sessions.listOpened(options)));

From 572d7c2f959d65003d9598b9e6dd3daa4e86bfd3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Tue, 27 Oct 2026 10:28:13 +0800
Subject: [PATCH 09/32] feat(chat): enlarge starfield particles and add
 clockwise quadrant orbital rotation

- Increase starfield SIZE_SCALE from 1.22 to 1.42 and slightly lift layer base sizes
- Model the main chat viewport as the top-left quadrant of a circle centered at (width, height) with radius max(width, height), rotating clockwise around the bottom-right pole
- Wrap each star along its visible quadrant arc with smooth entry/exit edge fades

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/DESIGN.md                                |   2 +-
 docs/STATUS.md                                |   2 +-
 .../chat-ui/src/chat/StarfieldBackdrop.tsx    | 153 ++++++++++++------
 3 files changed, 106 insertions(+), 51 deletions(-)

diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index d167ae0b..aefd40c1 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -192,7 +192,7 @@
 - Markdown 引用使用透明底、柔和侧线；代码块和 Diff 使用共享高亮。正文可以完整选择、
   复制，未知语言保留纯文本。长内容的虚拟化不能截掉真实正文或冒充完整历史。
 - 深色主题下主聊天支持可选的夜空繁星背景（`droidvisx.chat.starfield`，可在管理页「常规」开关）：
-  仅在透明 `<canvas>` 上使用离屏预渲染针尖柔光精灵绘制四层景深呼吸繁星与偶发流星，保持原有 `--surface` 背景色不变；
+  仅在透明 `<canvas>` 上使用离屏预渲染针尖柔光精灵绘制四层景深呼吸繁星与偶发流星，并以视口右下角为天极、以主聊天长为半径构成左上 1/4 象限顺时针缓慢旋转（斗转星移），保持原有 `--surface` 背景色不变；
   浅色主题、开关关闭或面板隐藏时不运行绘制循环，`prefers-reduced-motion` 下仅渲染静态帧。
 
 ## 引用与 BTW
diff --git a/docs/STATUS.md b/docs/STATUS.md
index 025495b8..50227d86 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠重构、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠重构、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/StarfieldBackdrop.tsx b/packages/chat-ui/src/chat/StarfieldBackdrop.tsx
index c2faf3c4..9beed182 100644
--- a/packages/chat-ui/src/chat/StarfieldBackdrop.tsx
+++ b/packages/chat-ui/src/chat/StarfieldBackdrop.tsx
@@ -1,8 +1,12 @@
 import { useEffect, useRef } from 'react';
 
-const SIZE_SCALE = 1.22;
+const SIZE_SCALE = 1.42;
 const BRIGHTNESS = 1.0;
-const IDLE_FRAME_INTERVAL_MS = 40;
+const IDLE_FRAME_INTERVAL_MS = 33;
+/** One full celestial revolution in 5 minutes (clockwise around bottom-right pole). */
+const ORBIT_PERIOD_MS = 300_000;
+const ORBIT_OMEGA_PER_MS = (Math.PI * 2) / ORBIT_PERIOD_MS;
+const EDGE_PAD = 12;
 
 interface StarTint {
   readonly name: string;
@@ -61,8 +65,11 @@ function getPinpointSprite(tint: StarTint): HTMLCanvasElement {
 }
 
 interface StarParticle {
-  x: number;
-  y: number;
+  readonly orbitR: number;
+  readonly theta0: number;
+  readonly thetaMin: number;
+  readonly thetaSpan: number;
+  readonly orbitOmega: number;
   readonly kind: 'dot' | 'sprite' | 'beacon';
   readonly r: number;
   readonly size: number;
@@ -70,7 +77,6 @@ interface StarParticle {
   readonly maxAlpha: number;
   readonly omega: number;
   readonly phase: number;
-  readonly driftY: number;
   readonly tint: StarTint;
   readonly sprite: HTMLCanvasElement;
 }
@@ -86,78 +92,126 @@ interface MeteorParticle {
   readonly headSprite: HTMLCanvasElement;
 }
 
-function sampleSkyPos(width: number, height: number): { x: number; y: number } {
-  if (Math.random() < 0.42) {
-    const t = Math.random();
-    const u1 = Math.max(1e-6, Math.random());
-    const u2 = Math.random();
-    const gauss = Math.sqrt(-2 * Math.log(u1)) * Math.cos(2 * Math.PI * u2);
-    const spread = Math.min(width, height) * 0.23;
-    const x = t * width;
-    const y = (0.74 - t * 0.54) * height + gauss * spread;
-    return { x: (x + width) % width, y: (y + height) % height };
+function computeArcBounds(r: number, width: number, height: number): { thetaMin: number; thetaSpan: number } {
+  const safeR = Math.max(6, r);
+  const padAngle = Math.asin(Math.min(0.95, EDGE_PAD / safeR));
+  const thetaMin =
+    safeR > width + EDGE_PAD ? Math.acos(Math.min(1, (width + EDGE_PAD) / safeR)) : -padAngle;
+  const thetaMax =
+    safeR > height + EDGE_PAD
+      ? Math.asin(Math.min(1, (height + EDGE_PAD) / safeR))
+      : Math.PI * 0.5 + padAngle;
+  return {
+    thetaMin,
+    thetaSpan: Math.max(0.08, thetaMax - thetaMin),
+  };
+}
+
+/**
+ * Samples a star inside the top-left quadrant of a circle whose center is at the
+ * bottom-right corner `(width, height)` and whose radius equals `max(width, height)`.
+ */
+function sampleQuadrantStar(
+  width: number,
+  height: number,
+  circleRadius: number,
+): { orbitR: number; theta0: number; thetaMin: number; thetaSpan: number } {
+  for (let attempt = 0; attempt < 16; attempt += 1) {
+    let x: number;
+    let y: number;
+    if (Math.random() < 0.38) {
+      const t = Math.random();
+      const u1 = Math.max(1e-6, Math.random());
+      const u2 = Math.random();
+      const gauss = Math.sqrt(-2 * Math.log(u1)) * Math.cos(2 * Math.PI * u2);
+      const spread = Math.min(width, height) * 0.24;
+      x = ((t * width) % width + width) % width;
+      y = (((0.76 - t * 0.56) * height + gauss * spread) % height + height) % height;
+    } else {
+      x = Math.random() * width;
+      y = Math.random() * height;
+    }
+    const dx = width - x;
+    const dy = height - y;
+    const orbitR = Math.hypot(dx, dy);
+    if (orbitR >= 8 && orbitR <= circleRadius) {
+      const { thetaMin, thetaSpan } = computeArcBounds(orbitR, width, height);
+      const theta0 = thetaMin + Math.random() * thetaSpan;
+      return { orbitR, theta0, thetaMin, thetaSpan };
+    }
   }
-  return { x: Math.random() * width, y: Math.random() * height };
+  const orbitR = Math.max(12, Math.sqrt(Math.random()) * circleRadius);
+  const { thetaMin, thetaSpan } = computeArcBounds(orbitR, width, height);
+  return {
+    orbitR,
+    theta0: thetaMin + Math.random() * thetaSpan,
+    thetaMin,
+    thetaSpan,
+  };
 }
 
 function buildStars(width: number, height: number): StarParticle[] {
   const area = width * height;
+  const circleRadius = Math.max(width, height);
   const specs = [
     {
       count: Math.round(Math.max(110, Math.min(220, area / 4200))),
       kind: 'dot' as const,
-      minR: 0.4,
-      maxR: 0.65,
+      minR: 0.42,
+      maxR: 0.68,
       minAlpha: 0.14,
-      maxAlpha: 0.38,
+      maxAlpha: 0.4,
       minPeriod: 4500,
       maxPeriod: 9000,
-      driftY: -0.009,
+      orbitScale: 0.95,
     },
     {
       count: Math.round(Math.max(48, Math.min(100, area / 9500))),
       kind: 'sprite' as const,
-      minSize: 3.4,
-      maxSize: 4.8,
+      minSize: 3.5,
+      maxSize: 5.0,
       minAlpha: 0.18,
-      maxAlpha: 0.66,
+      maxAlpha: 0.68,
       minPeriod: 3200,
       maxPeriod: 6400,
-      driftY: -0.016,
+      orbitScale: 0.99,
     },
     {
       count: Math.round(Math.max(24, Math.min(48, area / 19000))),
       kind: 'sprite' as const,
-      minSize: 5.0,
-      maxSize: 6.8,
-      minAlpha: 0.15,
-      maxAlpha: 0.85,
+      minSize: 5.2,
+      maxSize: 7.0,
+      minAlpha: 0.16,
+      maxAlpha: 0.86,
       minPeriod: 2400,
       maxPeriod: 5000,
-      driftY: -0.025,
+      orbitScale: 1.02,
     },
     {
       count: Math.round(Math.max(8, Math.min(16, area / 56000))),
       kind: 'beacon' as const,
-      minSize: 7.0,
-      maxSize: 9.2,
-      minAlpha: 0.2,
-      maxAlpha: 0.9,
+      minSize: 7.2,
+      maxSize: 9.5,
+      minAlpha: 0.22,
+      maxAlpha: 0.92,
       minPeriod: 2600,
       maxPeriod: 4800,
-      driftY: -0.034,
+      orbitScale: 1.05,
     },
   ];
 
   const stars: StarParticle[] = [];
   for (const spec of specs) {
     for (let i = 0; i < spec.count; i += 1) {
-      const pos = sampleSkyPos(width, height);
+      const orbit = sampleQuadrantStar(width, height, circleRadius);
       const tint = pickTint();
       const period = spec.minPeriod + Math.random() * (spec.maxPeriod - spec.minPeriod);
       stars.push({
-        x: pos.x,
-        y: pos.y,
+        orbitR: orbit.orbitR,
+        theta0: orbit.theta0,
+        thetaMin: orbit.thetaMin,
+        thetaSpan: orbit.thetaSpan,
+        orbitOmega: ORBIT_OMEGA_PER_MS * spec.orbitScale * (0.96 + Math.random() * 0.08),
         kind: spec.kind,
         r: spec.minR !== undefined ? spec.minR + Math.random() * (spec.maxR - spec.minR) : 0,
         size: spec.minSize !== undefined ? spec.minSize + Math.random() * (spec.maxSize - spec.minSize) : 0,
@@ -165,7 +219,6 @@ function buildStars(width: number, height: number): StarParticle[] {
         maxAlpha: spec.maxAlpha * (0.85 + Math.random() * 0.15),
         omega: (Math.PI * 2) / period,
         phase: Math.random() * Math.PI * 2,
-        driftY: spec.driftY * (0.75 + Math.random() * 0.5),
         tint,
         sprite: getPinpointSprite(tint),
       });
@@ -213,31 +266,33 @@ export function StarfieldBackdrop() {
       const invW = 2.2 / Math.max(1, width);
       const invH = 1.4 / Math.max(1, height);
       const waveT = now * 0.0004;
+      const orbitTime = dtScale > 0 ? now : 0;
 
       for (let i = 0; i < stars.length; i += 1) {
         const s = stars[i];
-        if (dtScale > 0) {
-          s.y += s.driftY * dtScale;
-          if (s.y < -12) {
-            s.y = height + 12;
-            s.x = Math.random() * width;
-          }
-        }
-        const spatialWave = s.x * invW + s.y * invH;
+        const wrapped = ((s.theta0 - s.thetaMin + orbitTime * s.orbitOmega) % s.thetaSpan + s.thetaSpan) % s.thetaSpan;
+        const theta = s.thetaMin + wrapped;
+        const x = width - s.orbitR * Math.cos(theta);
+        const y = height - s.orbitR * Math.sin(theta);
+        const arcProgress = wrapped / s.thetaSpan;
+        const edgeFade =
+          arcProgress < 0.04 ? arcProgress / 0.04 : arcProgress > 0.96 ? (1 - arcProgress) / 0.04 : 1;
+
+        const spatialWave = x * invW + y * invH;
         const rawSin = 0.5 + 0.5 * Math.sin(now * s.omega + s.phase + Math.sin(waveT + spatialWave) * 0.6);
         const breath = rawSin * Math.sqrt(rawSin);
-        const alpha = Math.min(0.95, (s.minAlpha + (s.maxAlpha - s.minAlpha) * breath) * BRIGHTNESS);
+        const alpha = Math.min(0.95, (s.minAlpha + (s.maxAlpha - s.minAlpha) * breath) * BRIGHTNESS * edgeFade);
 
         if (s.kind === 'dot') {
           const [hr, hg, hb] = s.tint.halo;
           ctx.fillStyle = `rgba(${hr}, ${hg}, ${hb}, ${alpha.toFixed(3)})`;
           const r = s.r * SIZE_SCALE;
-          ctx.fillRect(s.x - r, s.y - r, r * 2, r * 2);
+          ctx.fillRect(x - r, y - r, r * 2, r * 2);
         } else {
           const scale = (0.85 + 0.27 * breath) * SIZE_SCALE;
           const sz = s.size * scale;
           ctx.globalAlpha = alpha;
-          ctx.drawImage(s.sprite, s.x - sz * 0.5, s.y - sz * 0.5, sz, sz);
+          ctx.drawImage(s.sprite, x - sz * 0.5, y - sz * 0.5, sz, sz);
         }
       }
       ctx.globalAlpha = 1;

From c2f19e65d7e0a1a7a31d068f42dfcdfb6a67f0e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Tue, 27 Oct 2026 10:37:00 +0800
Subject: [PATCH 10/32] fix(scripts): sync package.json manifest alongside
 extension bundles

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 scripts/syncGlobalExtensions.mjs | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/scripts/syncGlobalExtensions.mjs b/scripts/syncGlobalExtensions.mjs
index 040f5858..81540dd6 100644
--- a/scripts/syncGlobalExtensions.mjs
+++ b/scripts/syncGlobalExtensions.mjs
@@ -6,6 +6,7 @@ const includeExtension = !process.argv.includes('--webview-only');
 const repoRoot = process.cwd();
 const webviewSrc = path.join(repoRoot, 'dist', 'webview');
 const extensionSrc = path.join(repoRoot, 'dist', 'extension');
+const manifestSrc = path.join(repoRoot, 'package.json');
 
 if (!existsSync(webviewSrc)) {
   throw new Error(`Missing dist/webview directory at ${webviewSrc}. Run build:webview first.`);
@@ -27,6 +28,9 @@ for (const root of roots) {
     cpSync(webviewSrc, path.join(targetDir, 'dist', 'webview'), { recursive: true, force: true });
     if (includeExtension && existsSync(extensionSrc)) {
       cpSync(extensionSrc, path.join(targetDir, 'dist', 'extension'), { recursive: true, force: true });
+      if (existsSync(manifestSrc)) {
+        cpSync(manifestSrc, path.join(targetDir, 'package.json'), { force: true });
+      }
     }
     syncedCount += 1;
     console.log(`Synced webview bundle -> ${targetDir}`);

From c1782e06baad39290c58845600ce9f810a6d60f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Tue, 27 Oct 2026 11:30:19 +0800
Subject: [PATCH 11/32] fix(webview): refine completion settings, slash caret,
 and worker reply state

- Auto-save completion switches/selects and blur-commit text inputs with animated collapsible sections and dedicated API key buttons
- Move BTW Preparing state into the side-question input placeholder and fix LimitsPopover header button/tab hover states
- Place the inline-input caret at the end of inserted slash/skill/mention prefixes instead of keeping the old token offset
- Match active turn IDs across merged assistant group items and suppress premature timestamp/copy actions while read-only worker replies are still running

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/DESIGN.md                                |  10 +-
 docs/STATUS.md                                |   2 +-
 .../chat-ui/src/chat/CodeReferenceInput.tsx   |   1 +
 packages/chat-ui/src/chat/SideChatSheet.tsx   |  14 ++-
 .../chat-ui/src/chat/useCodeReferenceDraft.ts |  14 ++-
 packages/chat-ui/src/i18n/management.ts       |   6 +
 packages/chat-ui/src/styles/btw.css           |   9 +-
 .../chat-ui/src/styles/composer-panels.css    |  15 ++-
 packages/chat-ui/src/ui/collapsible.tsx       |   2 +-
 packages/chat-ui/src/ui/inline-input.tsx      |  17 ++-
 src/extension/management/ManagementBinding.ts |   2 +-
 .../management/managementSettings.ts          |   2 +-
 src/webview-v2/chat/ComposerSuggestions.tsx   |   7 +-
 src/webview-v2/chat/Transcript.tsx            |   4 +-
 .../chat/transcript/transcriptStatus.ts       |  14 ++-
 .../management/CompletionSettings.tsx         | 103 ++++++++++++------
 src/webview-v2/styles/management.css          |   2 +
 src/webview-v2/viewer/ReadOnlyTranscript.tsx  |  29 +++--
 18 files changed, 178 insertions(+), 75 deletions(-)

diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index aefd40c1..ff0d77b0 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -7,7 +7,9 @@
 
 - 代码续写和下一步编辑使用独立设置分区及开关，共享总开关、触发和上下文选项。
   编辑预测的地址和模型不进入 FIM 协议列表；保持已有 FIM 值，关闭预测时收起其服务字段。
-- 两套密钥只显示各自配置状态，保存时由 Extension Host 密码框输入；取消任一密钥框时不写入本次配置。
+- 开关与下拉框像常规页一样即时自动保存，文本与数字输入框在失焦或回车时自动保存，底部不设独立 Save 按钮与已保存回执；
+  Next Edit 展开区与底部「高级」折叠区统一使用 `AnimatedCollapsibleContent`（平滑高度与透明度过渡）。
+- 两套密钥只显示各自配置状态并通过独立按钮（「设置密钥／更新密钥」）唤起 Extension Host 密码框输入；取消任一密钥框时不写入本次配置。
 
 ## 共享样式与整改基准
 
@@ -176,8 +178,8 @@
   标题行 22px、普通条目最小 24px、正文行高 18px，复用共享尺寸 token；
   标题操作按钮不能撑高整行，面板不额外叠加上下留白，引用与活动详情按内容展开。
 - 输入框上方的用量面板（Context Usage 与 `/limits`）跟随 Composer 宽度，标题行右侧带刷新与关闭操作：
-  Context Usage 使用单条分段进度条与“色块 + 名称 + 数值”图例；`/limits`（Usage Limits）在标题行提供
-  `Standard`／`Droid Core` 分段切换，下方分列 `5-hour usage`、`Weekly usage`、`Monthly usage` 三条独立进度条，
+  刷新与关闭图标按钮保持透明底与无边框，悬停仅提亮图标颜色；Context Usage 使用单条分段进度条与“色块 + 名称 + 数值”图例；`/limits`（Usage Limits）在标题行提供
+  `Standard`／`Droid Core` 分段切换（激活项悬停保持反色底与文字对比，非激活项悬停仅提亮文字），下方分列 `5-hour usage`、`Weekly usage`、`Monthly usage` 三条独立进度条，
   左侧紧接已用百分比，右侧显示重置图标与剩余时间（未开始窗口显示 `Use Droid to start`）。
 - 新提问进入聊天列表时直接切换置顶，底部按当前视口剩余高度预留动态留白跑道，AI 在置顶问题下方静止生长回复；
   整轮内容超出一屏后自动向下跟随（问题保留在顶部吸顶条），短于一屏结束时保持底部留白不回弹。
@@ -221,7 +223,7 @@
   停止、断线或缺少结果不能补作成功，独立示例完成不代表项目测试通过。详细文本按预算保留，
   省略时提示。流式回答期间发送与停止在同一位置按是否有可发送内容切换；已有一条排队内容时保留继续编辑能力。
 - 等待、思考、工具和正文状态来自真实事件，不编造耗时；缺少思考文本不显示空折叠。
-  准备时问题立即可见，结束后才清理运行提示。
+  空对话首次准备（`Preparing`）显示在底部 `Ask a side question…` 输入框占位位置（输入草稿时自动隐藏，上方保持空状态引导），已有提问时准备与运行提示显示在对应回答内。
 - BTW 与 Diff 代码问答复用同一纯图标停止按钮：提交后切换为禁用的进度图标，禁止重复提交；
   当前流结束后保留部分回答并显示“已停止”。停止请求失败时提示并允许重试，连接错误
   不标为已停止；状态经共享 Bridge 传递，不以点击或固定延时假定后台结束。
diff --git a/docs/STATUS.md b/docs/STATUS.md
index 50227d86..d119d7be 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠重构、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/CodeReferenceInput.tsx b/packages/chat-ui/src/chat/CodeReferenceInput.tsx
index 6baf9410..2995a8c0 100644
--- a/packages/chat-ui/src/chat/CodeReferenceInput.tsx
+++ b/packages/chat-ui/src/chat/CodeReferenceInput.tsx
@@ -7,6 +7,7 @@ export function CodeReferenceInput({ draft, onPaste, onKeyDown, onChange, ...pro
   onChange?: InlineInputProps['onChange'];
 }) {
   return <InlineInput {...props} value={draft.body} tokens={draft.tokens} maxLength={draft.maxLength} measureText={draft.measureText}
+    consumeCursor={draft.consumeCursor}
     renderToken={token => <CodeReferenceChips references={[draft.references[draft.tokens.indexOf(token)]!]} />}
     onChange={onChange ?? draft.change}
     onCopy={draft.onCopy}
diff --git a/packages/chat-ui/src/chat/SideChatSheet.tsx b/packages/chat-ui/src/chat/SideChatSheet.tsx
index 6fb4afd3..3222ad48 100644
--- a/packages/chat-ui/src/chat/SideChatSheet.tsx
+++ b/packages/chat-ui/src/chat/SideChatSheet.tsx
@@ -87,8 +87,7 @@ export function SideChatSheet({ state, draft, quote, quotes, notice, width, onDr
     </header>
     <div ref={follow.viewportRef} aria-label={t("Side conversation")} className="v2-btw-viewport">
       <div ref={follow.contentRef} className="v2-btw-transcript">
-        {preparing && !state.entries.length ? <p role="status" className="v2-btw-progress"><DroidActivity phase="loading" />{t('Preparing')}</p> : null}
-        {state.entries.length === 0 && !unavailable && !preparing ? <div data-ui-notice="" className="v2-btw-empty">
+        {state.entries.length === 0 && !unavailable ? <div data-ui-notice="" className="v2-btw-empty">
           <MessageSquare className="v2-btw-empty-mark" aria-hidden="true" />
           <p>{t("A question on the side.")}</p>
           <span>{t("Explore a detail without interrupting your main conversation.")}</span>
@@ -129,10 +128,13 @@ export function SideChatSheet({ state, draft, quote, quotes, notice, width, onDr
         <div className="v2-btw-compose-content">
         {attachments}
         <QuoteChips quotes={quotedContext} previewAnchor={composer} onRemove={removeQuote ? (index) => { removeQuote(index); input.current?.focus({ preventScroll: true }); } : undefined} className="mb-2" />
-        <CodeReferenceInput ref={input} draft={references} className="dvx-btw-input v2-btw-input" disabled={unavailable}
-          aria-label={t("By the Way question")} placeholder={state.entries.length ? t("Ask a follow-up…") : t("Ask a side question…")}
-          onPaste={onPaste}
-          onKeyDown={(event) => { if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing && event.keyCode !== 229) { event.preventDefault(); send(); } }} />
+        <div className="v2-btw-editor">
+          <CodeReferenceInput ref={input} draft={references} className="dvx-btw-input v2-btw-input" disabled={unavailable}
+            aria-label={t("By the Way question")} placeholder={preparing && !state.entries.length ? undefined : state.entries.length ? t("Ask a follow-up…") : t("Ask a side question…")}
+            onPaste={onPaste}
+            onKeyDown={(event) => { if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing && event.keyCode !== 229) { event.preventDefault(); send(); } }} />
+          {preparing && !state.entries.length ? <p role="status" data-ui-notice="" className="v2-btw-input-placeholder"><DroidActivity phase="loading" /><span className="truncate">{t('Preparing')}</span></p> : null}
+        </div>
         </div>
         {notice ? <p role="status" className="mt-1 text-[11px] leading-4 text-muted-foreground">{notice}</p> : null}
         {composerActions && composeHint ? <div data-ui-notice="" className="v2-btw-compose-hint">{composeHint}</div> : null}
diff --git a/packages/chat-ui/src/chat/useCodeReferenceDraft.ts b/packages/chat-ui/src/chat/useCodeReferenceDraft.ts
index 8a89d063..5e4a8bfb 100644
--- a/packages/chat-ui/src/chat/useCodeReferenceDraft.ts
+++ b/packages/chat-ui/src/chat/useCodeReferenceDraft.ts
@@ -21,7 +21,17 @@ export function useCodeReferenceDraft(value: string, onChange: (value: string) =
     onChange(next);
   };
   const format = (body: string) => formatInlineCodeReferences(body, parsed.references, parsed.tokens);
-  const change = (body: string) => commit(format(body));
+  const pendingCursor = useRef<{ body: string; cursor: number } | null>(null);
+  const change = (body: string, cursor?: number) => {
+    pendingCursor.current = cursor === undefined ? null : { body, cursor };
+    commit(format(body));
+  };
+  const consumeCursor = (body: string): number | undefined => {
+    if (pendingCursor.current?.body !== body) return undefined;
+    const { cursor } = pendingCursor.current;
+    pendingCursor.current = null;
+    return cursor;
+  };
   const onPaste = (event: ClipboardEvent<HTMLElement>, target?: InlineInputHandle): boolean => {
     const plain = event.clipboardData.getData('text/plain');
     const reference = decodeCodeReference(event.clipboardData.getData(CODE_REFERENCE_MIME));
@@ -82,7 +92,7 @@ export function useCodeReferenceDraft(value: string, onChange: (value: string) =
     (undo ? history.current.future : history.current.past).push(value);
     history.current.emitted = next; onChange(next);
   };
-  return { ...parsed, body: parsed.inline, change, onPaste, onCopy, onKeyDown,
+  return { ...parsed, body: parsed.inline, change, consumeCursor, onPaste, onCopy, onKeyDown,
     maxLength, measureText: (body: string) => format(body).length,
     remove: (index: number) => change(parsed.inline.replace(parsed.tokens[index]!, '')) };
 }
diff --git a/packages/chat-ui/src/i18n/management.ts b/packages/chat-ui/src/i18n/management.ts
index d96993df..4646b851 100644
--- a/packages/chat-ui/src/i18n/management.ts
+++ b/packages/chat-ui/src/i18n/management.ts
@@ -62,6 +62,12 @@ export const managementMessages: readonly MessageTranslations[] = [
   ["API endpoint","API 地址","API 地址"],
   ["Completion API endpoint","补全 API 地址","補全 API 地址"],
   ["Set API key when saving","保存时设置密钥","保存時設置密鑰"],
+  ["Set API key","设置密钥","設置密鑰"],
+  ["Update API key","更新密钥","更新密鑰"],
+  ["Code completion has no API key configured. Please set an API key first.","代码续写尚未配置密钥，请先设置 API Key。","程式碼續寫尚未設定密鑰，請先設置 API Key。"],
+  ["Next Edit has no API key configured. Please set an API key first.","Next Edit尚未配置密钥，请先设置 API Key。","Next Edit尚未設定密鑰，請先設置 API Key。"],
+  ["Enable at least code completion or Next Edit.","请至少启用代码续写或下一步编辑。","請至少啟用程式碼續寫或下一步編輯。"],
+  ["Trust the current workspace before enabling autocomplete.","请先信任当前工作区，再启用智能补全。","請先信任目前工作區，再啟用智能補全。"],
   ["Triggers and context","触发与上下文","觸發與上下文"],
   ["Trigger automatically while typing","输入时自动触发","輸入時自動觸發"],
   ["Related file context","关联文件上下文","關聯檔案上下文"],
diff --git a/packages/chat-ui/src/styles/btw.css b/packages/chat-ui/src/styles/btw.css
index 74b99730..ed1e2555 100644
--- a/packages/chat-ui/src/styles/btw.css
+++ b/packages/chat-ui/src/styles/btw.css
@@ -120,7 +120,7 @@
   .v2-btw-tool-output { max-height: 180px; padding: 8px; margin-top: 6px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--soft-surface); border-radius: var(--control-radius); font: 12px/1.6 var(--vscode-editor-font-family, monospace); }
   .v2-btw-tool-note { margin-top: 6px; color: var(--muted-ink); font-size: 11px; line-height: 17px; }
   .v2-btw-progress { display: flex; min-width: 0; align-items: center; gap: 6px; margin-top: 4px; color: var(--muted-ink); font-size: 12px; line-height: 18px; user-select: none; }
-  .v2-btw-progress > span:last-child { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .v2-btw-progress > span:not(.droid-activity) { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .v2-btw-error { margin-top: 6px; color: var(--error-ink); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
   .v2-btw-footer {
     min-width: 0;
@@ -162,6 +162,13 @@
   .v2-btw-composer:focus-within { border-color: var(--control-border-focus); }
   .v2-btw-composer-status { position: absolute; top: 10px; right: 10px; }
   .v2-btw-composer[data-has-status] .v2-btw-compose-content { padding-right: 26px; }
+  .v2-btw-editor { position: relative; min-width: 0; }
+  .v2-btw-input-placeholder {
+    position: absolute; inset-inline: 2px; top: 1px; display: flex; height: 21px; min-width: 0; margin: 0;
+    align-items: center; gap: 6px; color: var(--muted-ink); font-size: 13px; line-height: 21px;
+    pointer-events: none; user-select: none; overflow: hidden; white-space: nowrap;
+  }
+  .v2-btw-editor > .v2-btw-input:not([data-empty]) + .v2-btw-input-placeholder { display: none; }
   .v2-btw-input {
     display: block;
     width: 100%;
diff --git a/packages/chat-ui/src/styles/composer-panels.css b/packages/chat-ui/src/styles/composer-panels.css
index 079a3ee7..28c0b6c0 100644
--- a/packages/chat-ui/src/styles/composer-panels.css
+++ b/packages/chat-ui/src/styles/composer-panels.css
@@ -23,8 +23,8 @@
   .v2-composer-panel button { @apply outline-none; }
   .v2-composer-panel button:focus-visible { outline: 1px solid var(--focus); outline-offset: -1px; }
   .v2-composer-panel button:disabled { @apply cursor-default; }
-  .v2-composer-panel button:hover:not(:disabled):not([role='radio']):not([role='switch']):not([role='checkbox']):not(.dvx-model-popover button) { background: var(--control-surface-hover); }
-  .v2-composer-panel button:active:not(:disabled):not([role='radio']):not([role='switch']):not([role='checkbox']):not(.dvx-model-popover button) { background: var(--control-surface-active); }
+  .v2-composer-panel button:hover:where(:not(:disabled, [role='radio'], [role='switch'], [role='checkbox'], .dvx-model-popover button, .dvx-context-icon-button, .dvx-limits-tab)) { background: var(--control-surface-hover); }
+  .v2-composer-panel button:active:where(:not(:disabled, [role='radio'], [role='switch'], [role='checkbox'], .dvx-model-popover button, .dvx-context-icon-button, .dvx-limits-tab)) { background: var(--control-surface-active); }
   .v2-composer-panel .dvx-popover-message { @apply m-[5px] break-words text-xs text-muted-foreground; }
   .v2-composer-panel .dvx-error-text { @apply text-destructive; }
   .v2-composer-panel .dvx-settings-divider { @apply mx-0.5 my-[5px] h-px; background: var(--panel-edge); }
@@ -127,7 +127,9 @@
   .v2-composer-panel .dvx-context-head { @apply flex min-h-8 items-center justify-between gap-2 px-3 pt-1; }
   .v2-composer-panel .dvx-context-head-title { @apply text-[13px] font-medium leading-5; }
   .v2-composer-panel .dvx-context-head-actions { @apply inline-flex items-center gap-0.5; }
-  .v2-composer-panel .dvx-context-icon-button { @apply grid size-6 place-items-center rounded text-muted-foreground disabled:opacity-50; }
+  .v2-composer-panel .dvx-context-icon-button { @apply grid size-6 place-items-center rounded border-0 bg-transparent text-muted-foreground outline-none transition-colors disabled:opacity-50; }
+  .v2-composer-panel .dvx-context-icon-button:hover:not(:disabled) { @apply bg-transparent text-foreground; }
+  .v2-composer-panel .dvx-context-icon-button:focus-visible { outline: none; }
   .v2-composer-panel .dvx-context-icon-button svg { @apply size-3.5; }
   .v2-composer-panel .dvx-context-refresh-spinning,
   .v2-composer-panel .dvx-compact-spinner { @apply animate-spin motion-reduce:animate-none; }
@@ -149,9 +151,12 @@
   .v2-composer-panel .dvx-limits-popover { @apply pb-3; }
   .v2-composer-panel .dvx-limits-head { @apply pt-2 pb-1; }
   .v2-composer-panel .dvx-limits-tabs { @apply mr-1 inline-flex items-center overflow-hidden rounded-[5px] border border-[var(--panel-edge)] p-0.5; background: color-mix(in srgb, var(--ink) 3%, transparent); }
-  .v2-composer-panel .dvx-limits-tab { @apply rounded-[3.5px] px-2 py-[3px] text-[11px] font-medium leading-4 text-muted-foreground transition-colors; }
+  .v2-composer-panel .dvx-limits-tab { @apply rounded-[3.5px] border-0 bg-transparent px-2 py-[3px] text-[11px] font-medium leading-4 text-muted-foreground outline-none transition-colors; }
+  .v2-composer-panel .dvx-limits-tab:hover:not(:disabled):not([data-active='true']) { @apply bg-transparent text-foreground; }
+  .v2-composer-panel .dvx-limits-tab:focus-visible { outline: none; }
   .v2-composer-panel .dvx-limits-tab[data-active='true'],
-  .v2-composer-panel .dvx-limits-tab[data-active='true']:hover:not(:disabled) { background: var(--ink); color: var(--surface); }
+  .v2-composer-panel .dvx-limits-tab[data-active='true']:hover:not(:disabled),
+  .v2-composer-panel .dvx-limits-tab[data-active='true']:active:not(:disabled) { background: var(--ink); color: var(--surface); }
   .v2-composer-panel .dvx-limits-body { @apply px-3 pt-1.5; }
   .v2-composer-panel .dvx-limits-list { @apply m-0 grid list-none gap-3.5 p-0; }
   .v2-composer-panel .dvx-limits-item { @apply grid gap-1.5; }
diff --git a/packages/chat-ui/src/ui/collapsible.tsx b/packages/chat-ui/src/ui/collapsible.tsx
index e1d493ce..22eb9abd 100644
--- a/packages/chat-ui/src/ui/collapsible.tsx
+++ b/packages/chat-ui/src/ui/collapsible.tsx
@@ -10,7 +10,7 @@ export const CollapsibleContent = CollapsiblePrimitive.Content;
 // temporarily disabling the grid transition (notably command terminals).
 export function AnimatedCollapsibleContent({ open, visible = open, children, className, ...props }: ComponentProps<'div'> & { open: boolean; visible?: boolean }) {
   return <div data-state={open ? 'open' : 'closed'} aria-hidden={!open} inert={!open || undefined}
-    className={cn('grid transition-[grid-template-rows] duration-200 motion-reduce:transition-none', visible ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]', className)} {...props}>
+    className={cn('grid transition-[grid-template-rows,opacity] duration-200 motion-reduce:transition-none', visible ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0', className)} {...props}>
     <div className="min-h-0 overflow-hidden">{children}</div>
   </div>;
 }
diff --git a/packages/chat-ui/src/ui/inline-input.tsx b/packages/chat-ui/src/ui/inline-input.tsx
index 95fbb808..11ccaf7c 100644
--- a/packages/chat-ui/src/ui/inline-input.tsx
+++ b/packages/chat-ui/src/ui/inline-input.tsx
@@ -25,12 +25,13 @@ export interface InlineInputProps extends Omit<HTMLAttributes<HTMLDivElement>, '
   disabled?: boolean;
   maxLength?: number;
   measureText?(value: string): number;
+  consumeCursor?(value: string): number | undefined;
   onContentLayout?(element: HTMLDivElement): void;
 }
 
 /** Shared editing primitive for text interspersed with non-editable, keyboard-addressable atoms. */
 export function InlineInput({ ref, value, tokens, renderToken, onChange, onPaste, onCopy, onKeyDown, onInput, onCompositionStart, onCompositionEnd,
-  placeholder, disabled, maxLength = Infinity, measureText, onContentLayout, className, ...props }: InlineInputProps) {
+  placeholder, disabled, maxLength = Infinity, measureText, consumeCursor, onContentLayout, className, ...props }: InlineInputProps) {
   const root = useRef<HTMLDivElement>(null);
   const composing = useRef(false);
   const revealAfterEdit = useRef(false);
@@ -52,8 +53,10 @@ export function InlineInput({ ref, value, tokens, renderToken, onChange, onPaste
   const tokenKey = tokens.join('');
   useLayoutEffect(() => {
     const node = root.current!;
-    if (composing.current || (rendered.current === value + tokenKey && inlineText(node) === value)) return;
+    const previousText = inlineText(node);
+    if (composing.current || (rendered.current === value + tokenKey && previousText === value)) return;
     const selected = inlineSelection(node);
+    const atEnd = selected.start === previousText.length && selected.end === previousText.length;
     const focused = node.ownerDocument.activeElement === node;
     const scrollTop = node.scrollTop;
     const fragment = node.ownerDocument.createDocumentFragment();
@@ -81,9 +84,15 @@ export function InlineInput({ ref, value, tokens, renderToken, onChange, onPaste
     if (value.endsWith('\n')) fragment.append(node.ownerDocument.createElement('br'));
     node.replaceChildren(fragment);
     rendered.current = value + tokenKey; setSlots(next);
-    if (focused) setInlineSelection(node, selected.start, selected.end, selected.direction);
+    const requested = consumeCursor?.(value);
+    if (focused) {
+      const start = requested ?? (atEnd ? value.length : Math.min(selected.start, value.length));
+      const end = requested ?? (atEnd ? value.length : Math.min(selected.end, value.length));
+      setInlineSelection(node, start, end, requested !== undefined ? 'forward' : selected.direction);
+      if (requested !== undefined) revealAfterEdit.current = true;
+    }
     node.scrollTop = scrollTop;
-  }, [value, tokenKey, revision]);
+  }, [value, tokenKey, revision, consumeCursor]);
   useLayoutEffect(() => {
     const node = root.current!;
     // The first commit creates atom containers; the next commits their portals.
diff --git a/src/extension/management/ManagementBinding.ts b/src/extension/management/ManagementBinding.ts
index 24fcdc10..6e02ca11 100644
--- a/src/extension/management/ManagementBinding.ts
+++ b/src/extension/management/ManagementBinding.ts
@@ -100,7 +100,7 @@ export class ManagementBinding implements vscode.Disposable {
         return { settings: await s.settings.read() };
       case 'completion.save':
         await s.settings.save(action.preferences, action.setApiKey, action.setNextEditApiKey);
-        return { settings: await s.settings.read(), message: '已保存' };
+        return { settings: await s.settings.read() };
       case 'chat.focus': await vscode.commands.executeCommand('droidvisx.focusView'); return {};
       case 'missions.new': s.newMission(); return {};
       case 'missions.list': {
diff --git a/src/extension/management/managementSettings.ts b/src/extension/management/managementSettings.ts
index 2427f41e..37d45664 100644
--- a/src/extension/management/managementSettings.ts
+++ b/src/extension/management/managementSettings.ts
@@ -103,7 +103,7 @@ export class ManagementSettingsService {
       if (key === undefined) throw new Error('已取消，补全设置未保存。');
       return key.trim() || undefined;
     } else if (enabled && completionNeedsKey(endpoint) && !existing) {
-      throw new Error(`${label}尚未配置密钥，请勾选设置 API Key。`);
+      throw new Error(`${label}尚未配置密钥，请先设置 API Key。`);
     }
     return undefined;
   }
diff --git a/src/webview-v2/chat/ComposerSuggestions.tsx b/src/webview-v2/chat/ComposerSuggestions.tsx
index 22e5c323..09821b60 100644
--- a/src/webview-v2/chat/ComposerSuggestions.tsx
+++ b/src/webview-v2/chat/ComposerSuggestions.tsx
@@ -14,7 +14,7 @@ export function useComposerSuggestions({ state, draft, disabled, onChange, onFil
   readonly state: Pick<AssistantWebviewState, 'fileSearch' | 'commands' | 'skills' | 'btwAvailable'>;
   readonly draft: string;
   readonly disabled: boolean;
-  readonly onChange: (text: string) => void;
+  readonly onChange: (text: string, cursor?: number) => void;
   readonly onFileSearch: (id: string, query: string) => void;
   readonly onAttachPath: (path: string) => void;
   readonly onCommandsRefresh: () => void;
@@ -71,15 +71,16 @@ export function useComposerSuggestions({ state, draft, disabled, onChange, onFil
     const navigate = entry.kind === 'nav';
     const btw = entry.kind === 'builtin' && entry.name === 'btw';
     const prefix = navigate || btw ? '' : entry.kind === 'skill' ? `Use the "${entry.name}" skill: ` : `/${name} `;
-    onChange(prefix + draft.slice(slash.end));
+    onChange(prefix + draft.slice(slash.end), prefix.length);
     dismiss();
     if (navigate) onNavigate(entry.name);
     if (btw) onBtwOpen();
   };
   const selectMention = (path: string) => {
     if (mention === null) return;
+    const before = draft.slice(0, mention.start);
     onAttachPath(path);
-    onChange(draft.slice(0, mention.start) + draft.slice(mention.end));
+    onChange(before + draft.slice(mention.end), before.length);
     dismiss();
   };
   const open = !disabled && (slash !== null || mention !== null);
diff --git a/src/webview-v2/chat/Transcript.tsx b/src/webview-v2/chat/Transcript.tsx
index f2733bfb..3a9ed71c 100644
--- a/src/webview-v2/chat/Transcript.tsx
+++ b/src/webview-v2/chat/Transcript.tsx
@@ -9,7 +9,7 @@ import type { ChatPort } from '../host/chatIntent';
 import type { AssistantWebviewState } from '../state/types';
 import { QuestionCard } from './QuestionCard';
 import { createTranscriptSelector } from './transcript/transcriptGroups';
-import { resolveAssistantStatus } from './transcript/transcriptStatus';
+import { matchesAssistantTurn, resolveAssistantStatus } from './transcript/transcriptStatus';
 import { currentProcessWaiting } from './transcript/activityPresentation';
 import { AssistantReply } from './AssistantReply';
 import { useEditAttachmentIngress } from './useEditAttachmentIngress';
@@ -133,7 +133,7 @@ export function Transcript({
   const pendingReplyRow = useMemo(() => running || state.turn?.status === 'stopping'
     ? (turns.find((row) => row.messageIds.some((id) => {
       const descriptor = byId.get(id)!;
-      return descriptor.kind === 'assistant' && descriptor.turnId === state.turn?.turnId;
+      return descriptor.kind === 'assistant' && matchesAssistantTurn(descriptor.items, descriptor.turnId, state.turn?.turnId);
     })) ?? turns.at(-1))?.id : undefined, [running, state.turn?.status, state.turn?.turnId, turns, byId]);
   const waiting = useMemo(() => currentProcessWaiting(state.sessionId, state.turn, state.interactions), [state.sessionId, state.turn, state.interactions]);
   const lastReplyId = [...replyTails.keys()].at(-1);
diff --git a/src/webview-v2/chat/transcript/transcriptStatus.ts b/src/webview-v2/chat/transcript/transcriptStatus.ts
index c92fc879..beb56cc6 100644
--- a/src/webview-v2/chat/transcript/transcriptStatus.ts
+++ b/src/webview-v2/chat/transcript/transcriptStatus.ts
@@ -6,12 +6,24 @@ export type TranscriptStatus =
   | { readonly type: 'complete'; readonly reason: 'stop' }
   | { readonly type: 'incomplete'; readonly reason: 'cancelled' | 'error' };
 
+export function matchesAssistantTurn(
+  items: readonly SessionTranscriptItem[],
+  descriptorTurnId: string,
+  activeTurnId: string | null | undefined,
+): boolean {
+  if (!activeTurnId) return false;
+  return descriptorTurnId === activeTurnId ||
+    items.some((item) => item.kind !== 'user' && item.turnId === activeTurnId);
+}
+
 export function resolveAssistantStatus(
   items: readonly SessionTranscriptItem[],
   turnId: string,
   turn: { readonly turnId: string; readonly status: TurnStatus } | null,
 ): TranscriptStatus {
-  if (turn?.turnId === turnId) return mapTurnStatus(turn.status);
+  if (turn !== null && matchesAssistantTurn(items, turnId, turn.turnId)) {
+    return mapTurnStatus(turn.status);
+  }
   if (items.some((item) => (item.kind === 'thinking' && item.status === 'active') || (item.kind === 'tool' && item.status === 'running'))) {
     return { type: 'running' };
   }
diff --git a/src/webview-v2/management/CompletionSettings.tsx b/src/webview-v2/management/CompletionSettings.tsx
index 36d5c099..add2a996 100644
--- a/src/webview-v2/management/CompletionSettings.tsx
+++ b/src/webview-v2/management/CompletionSettings.tsx
@@ -1,70 +1,105 @@
 import { useI18n } from '@droidvisx/chat-ui/i18n';
-import { useEffect, useState } from 'react';
+import { useEffect, useId, useState, type KeyboardEvent } from 'react';
 import { ChevronDown } from 'lucide-react';
 import type { CompletionPreferences, ManagementSettings } from '../../shared/protocol/managementPageProtocol';
 import { Button } from '../ui/button';
 import { Input } from '../ui/input';
-import { Checkbox } from '../ui/selection';
 import { Switch } from '../ui/controls';
 import { SettingsSection } from '@droidvisx/chat-ui/ui/settings';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { AnimatedCollapsibleContent, Collapsible, CollapsibleTrigger } from '../ui/collapsible';
 import { ManagementChoice, ManagementRow } from './ManagementFields';
 import type { ManagementState } from './useManagement';
 
 export function CompletionSettings({ state, settings }: { state: ManagementState; settings: ManagementSettings }) {
   const { t } = useI18n();
   const [draft, setDraft] = useState(settings.completion);
-  const [dirty, setDirty] = useState(false);
-  const [setApiKey, setSetApiKey] = useState(false);
-  const [setNextEditApiKey, setSetNextEditApiKey] = useState(false);
-  useEffect(() => { if (!dirty) setDraft(settings.completion); }, [settings.completion, dirty]);
-  const update = <K extends keyof CompletionPreferences>(key: K, value: CompletionPreferences[K]) => {
-    setDraft(prev => ({ ...prev, [key]: value })); setDirty(true);
+  const [advancedOpen, setAdvancedOpen] = useState(false);
+  const nextEditId = useId();
+  const advancedId = useId();
+  useEffect(() => { setDraft(settings.completion); }, [settings.completion]);
+  const normalize = (next: CompletionPreferences): CompletionPreferences => ({
+    ...next,
+    model: next.model.trim() || settings.completion.model,
+    endpoint: next.endpoint.trim() || settings.completion.endpoint,
+    debounceMs: Number.isFinite(next.debounceMs) ? Math.min(2000, Math.max(100, Math.round(next.debounceMs))) : settings.completion.debounceMs,
+    nextEdit: {
+      ...next.nextEdit,
+      model: next.nextEdit.model.trim() || settings.completion.nextEdit.model,
+      endpoint: next.nextEdit.endpoint.trim() || settings.completion.nextEdit.endpoint,
+    },
+  });
+  const commit = (next: CompletionPreferences, setApiKey = false, setNextEditApiKey = false) => {
+    if (state.busy) return;
+    const normalized = normalize(next);
+    setDraft(normalized);
+    void state.run({ kind: 'completion.save', preferences: normalized, setApiKey, setNextEditApiKey }).then(result => {
+      if (result.ok && result.settings) setDraft(result.settings.completion);
+    });
+  };
+  const commitIfChanged = (next = draft) => {
+    const c = settings.completion;
+    const n = normalize(next);
+    setDraft(n);
+    if (n.enabled === c.enabled && n.fimEnabled === c.fimEnabled && n.protocol === c.protocol
+      && n.model === c.model && n.endpoint === c.endpoint && n.autoTrigger === c.autoTrigger
+      && n.relatedFiles === c.relatedFiles && n.adaptiveDebounce === c.adaptiveDebounce
+      && n.debounceMs === c.debounceMs && n.nextEdit.enabled === c.nextEdit.enabled
+      && n.nextEdit.model === c.nextEdit.model && n.nextEdit.endpoint === c.nextEdit.endpoint) return;
+    commit(n);
+  };
+  const onInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === 'Enter' && !event.nativeEvent.isComposing) { event.preventDefault(); event.currentTarget.blur(); }
   };
   const toggle = (key: 'enabled' | 'fimEnabled' | 'autoTrigger' | 'relatedFiles' | 'adaptiveDebounce', label: string) =>
-    <Switch aria-label={label} checked={draft[key]} disabled={state.busy} onCheckedChange={value => update(key, value)} />;
+    <Switch aria-label={label} checked={draft[key]} disabled={state.busy} onCheckedChange={value => commit({ ...draft, [key]: value })} />;
+  const hasFimKey = draft.endpoint.trim() === settings.completion.endpoint && settings.completionHasKey;
+  const hasNextEditKey = draft.nextEdit.endpoint.trim() === settings.completion.nextEdit.endpoint && settings.nextEditHasKey;
   return <section aria-label={t("智能补全配置")}>
     <header className="management-heading"><div><h1>{t("智能补全")}</h1><p>{t("独立于聊天模型")}</p></div></header>
-    <form onSubmit={event => { event.preventDefault(); if (state.busy) return;
-      void state.run({ kind: 'completion.save', preferences: draft, setApiKey, setNextEditApiKey }).then(result => {
-        if (result.ok && result.settings) { setDraft(result.settings.completion); setDirty(false); setSetApiKey(false); setSetNextEditApiKey(false); }
-      });
-    }}>
+    <div>
       <SettingsSection>
         <ManagementRow label={t("启用智能补全")} detail={t("启用后，将编辑上下文发送到下方服务。")}>{toggle('enabled', t('启用智能补全'))}</ManagementRow>
       </SettingsSection>
       <SettingsSection title={t("代码续写")}>
         <ManagementRow label={t("启用代码续写")} detail={t("在光标处补充代码，使用 FIM 模型。")}>{toggle('fimEnabled', t('启用代码续写'))}</ManagementRow>
-        <ManagementRow label={t("协议")}><ManagementChoice label={t("补全协议")} className="management-choice-wide" value={draft.protocol} disabled={state.busy} onChange={v => update('protocol', v as CompletionPreferences['protocol'])}
+        <ManagementRow label={t("协议")}><ManagementChoice label={t("补全协议")} className="management-choice-wide" value={draft.protocol} disabled={state.busy} onChange={v => commit({ ...draft, protocol: v as CompletionPreferences['protocol'] })}
           options={[[ 'fim', t('FIM · 代码续写') ], ['ollama', 'Ollama FIM'], ['siliconflow-fim', 'SiliconFlow FIM']]} /></ManagementRow>
-        <ManagementRow label={t("模型 ID")}><Input aria-label={t("补全模型 ID")} value={draft.model} disabled={state.busy} required maxLength={256} onChange={e => update('model', e.target.value)} /></ManagementRow>
-        <ManagementRow label={t("API 地址")}><Input type="url" aria-label={t("补全 API 地址")} value={draft.endpoint} disabled={state.busy} required maxLength={2048} onChange={e => update('endpoint', e.target.value)} /></ManagementRow>
-        <ManagementRow label="API Key" detail={draft.endpoint === settings.completion.endpoint && settings.completionHasKey ? t("已配置") : t("未确认配置")}>
-          <label className="management-check"><Checkbox checked={setApiKey} disabled={state.busy} onCheckedChange={v => { setSetApiKey(v === true); }} />{t("保存时设置密钥")}</label>
+        <ManagementRow label={t("模型 ID")}><Input aria-label={t("补全模型 ID")} value={draft.model} disabled={state.busy} required maxLength={256}
+          onChange={e => setDraft(prev => ({ ...prev, model: e.target.value }))} onBlur={() => commitIfChanged()} onKeyDown={onInputKeyDown} /></ManagementRow>
+        <ManagementRow label={t("API 地址")}><Input type="url" aria-label={t("补全 API 地址")} value={draft.endpoint} disabled={state.busy} required maxLength={2048}
+          onChange={e => setDraft(prev => ({ ...prev, endpoint: e.target.value }))} onBlur={() => commitIfChanged()} onKeyDown={onInputKeyDown} /></ManagementRow>
+        <ManagementRow label="API Key" detail={hasFimKey ? t("已配置") : t("未确认配置")}>
+          <Button variant="outline" size="sm" disabled={state.busy} onClick={() => commit(draft, true, false)}>{t(hasFimKey ? "更新密钥" : "设置密钥")}</Button>
         </ManagementRow>
       </SettingsSection>
       <SettingsSection title={t("下一步编辑")}>
         <ManagementRow label={t("启用 Next Edit")} detail={t("预测替换、删除及后续修改。需单独配置编辑预测模型，可与代码续写同时启用。") }>
-          <Switch aria-label={t("启用 Next Edit")} checked={draft.nextEdit.enabled} disabled={state.busy} onCheckedChange={enabled => update('nextEdit', { ...draft.nextEdit, enabled })} />
+          <Switch aria-label={t("启用 Next Edit")} aria-controls={nextEditId} checked={draft.nextEdit.enabled} disabled={state.busy}
+            onCheckedChange={enabled => commit({ ...draft, nextEdit: { ...draft.nextEdit, enabled } })} />
         </ManagementRow>
-        {draft.nextEdit.enabled && <>
-          <ManagementRow label={t("模型 ID")}><Input aria-label={t("Next Edit 模型 ID")} value={draft.nextEdit.model} disabled={state.busy} required maxLength={256} onChange={e => update('nextEdit', { ...draft.nextEdit, model: e.target.value })} /></ManagementRow>
-          <ManagementRow label={t("API 地址")}><Input type="url" aria-label={t("Next Edit API 地址")} value={draft.nextEdit.endpoint} disabled={state.busy} required maxLength={2048} onChange={e => update('nextEdit', { ...draft.nextEdit, endpoint: e.target.value })} /></ManagementRow>
-          <ManagementRow label="API Key" detail={draft.nextEdit.endpoint === settings.completion.nextEdit.endpoint && settings.nextEditHasKey ? t("已配置") : t("未确认配置")}>
-            <label className="management-check"><Checkbox checked={setNextEditApiKey} disabled={state.busy} onCheckedChange={v => setSetNextEditApiKey(v === true)} />{t("保存时设置密钥")}</label>
+        <AnimatedCollapsibleContent id={nextEditId} open={draft.nextEdit.enabled} className="management-collapsible-rows">
+          <ManagementRow label={t("模型 ID")}><Input aria-label={t("Next Edit 模型 ID")} value={draft.nextEdit.model} disabled={state.busy} required maxLength={256}
+            onChange={e => setDraft(prev => ({ ...prev, nextEdit: { ...prev.nextEdit, model: e.target.value } }))} onBlur={() => commitIfChanged()} onKeyDown={onInputKeyDown} /></ManagementRow>
+          <ManagementRow label={t("API 地址")}><Input type="url" aria-label={t("Next Edit API 地址")} value={draft.nextEdit.endpoint} disabled={state.busy} required maxLength={2048}
+            onChange={e => setDraft(prev => ({ ...prev, nextEdit: { ...prev.nextEdit, endpoint: e.target.value } }))} onBlur={() => commitIfChanged()} onKeyDown={onInputKeyDown} /></ManagementRow>
+          <ManagementRow label="API Key" detail={hasNextEditKey ? t("已配置") : t("未确认配置")}>
+            <Button variant="outline" size="sm" disabled={state.busy} onClick={() => commit(draft, false, true)}>{t(hasNextEditKey ? "更新密钥" : "设置密钥")}</Button>
           </ManagementRow>
-        </>}
+        </AnimatedCollapsibleContent>
       </SettingsSection>
       <SettingsSection title={t("触发与上下文")}>
         <ManagementRow label={t("输入时自动触发")}>{toggle('autoTrigger', t('输入时自动触发'))}</ManagementRow>
         <ManagementRow label={t("关联文件上下文")}>{toggle('relatedFiles', t('关联文件上下文'))}</ManagementRow>
       </SettingsSection>
-      <Collapsible><CollapsibleTrigger asChild><Button variant="plain" size="sm" className="management-advanced">{t("高级")} <ChevronDown /></Button></CollapsibleTrigger><CollapsibleContent>
-        <SettingsSection><ManagementRow label={t("自适应延迟")}>{toggle('adaptiveDebounce', t('自适应延迟'))}</ManagementRow>
-          <ManagementRow label={t("基础延迟（ms）")}><Input type="number" aria-label={t("基础延迟（ms）")} min={100} max={2000} step={50} value={draft.debounceMs} disabled={state.busy} onChange={e => update('debounceMs', Number(e.target.value))} /></ManagementRow>
-        </SettingsSection>
-      </CollapsibleContent></Collapsible>
-      <footer className="management-form-actions"><Button variant="outline" size="sm" type="submit" disabled={state.busy || !dirty && !setApiKey && !setNextEditApiKey}>{state.busy ? t("保存中…") : t("保存")}</Button></footer>
-    </form>
+      <Collapsible open={advancedOpen} onOpenChange={setAdvancedOpen}>
+        <CollapsibleTrigger asChild><Button variant="plain" size="sm" aria-controls={advancedId} className="management-advanced">{t("高级")} <ChevronDown /></Button></CollapsibleTrigger>
+        <AnimatedCollapsibleContent id={advancedId} open={advancedOpen} className="management-advanced-content">
+          <SettingsSection><ManagementRow label={t("自适应延迟")}>{toggle('adaptiveDebounce', t('自适应延迟'))}</ManagementRow>
+            <ManagementRow label={t("基础延迟（ms）")}><Input type="number" aria-label={t("基础延迟（ms）")} min={100} max={2000} step={50} value={Number.isFinite(draft.debounceMs) ? draft.debounceMs : ''} disabled={state.busy}
+              onChange={e => setDraft(prev => ({ ...prev, debounceMs: e.target.value === '' ? NaN : Number(e.target.value) }))} onBlur={() => commitIfChanged()} onKeyDown={onInputKeyDown} /></ManagementRow>
+          </SettingsSection>
+        </AnimatedCollapsibleContent>
+      </Collapsible>
+    </div>
   </section>;
 }
diff --git a/src/webview-v2/styles/management.css b/src/webview-v2/styles/management.css
index a27065a5..1e47d1a4 100644
--- a/src/webview-v2/styles/management.css
+++ b/src/webview-v2/styles/management.css
@@ -119,9 +119,11 @@
   .management-mission-table time { font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
   .management-mission-unknown { color: var(--muted-ink); }
   .management-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 20px; }
+  .management-collapsible-rows .dvx-settings-row:first-child { border-top: 1px solid var(--settings-divider, var(--panel-edge)); }
   .management-advanced { margin-top: 16px; }
   .management-advanced > svg { transition: transform var(--motion-normal) var(--motion-ease); }
   .management-advanced[data-state='open'] > svg { transform: rotate(180deg); }
+  .management-advanced-content .dvx-settings-section { margin-top: 8px; }
   .management-empty { margin: 24px 0; color: var(--muted-ink); font-size: 12px; }
   .management-caption { margin-top: 12px; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; color: var(--muted-ink); }
   .management-caption.text-destructive { color: var(--error-ink); }
diff --git a/src/webview-v2/viewer/ReadOnlyTranscript.tsx b/src/webview-v2/viewer/ReadOnlyTranscript.tsx
index cf771a17..c678166c 100644
--- a/src/webview-v2/viewer/ReadOnlyTranscript.tsx
+++ b/src/webview-v2/viewer/ReadOnlyTranscript.tsx
@@ -2,19 +2,17 @@ import { ReadOnlyTranscriptView } from '@droidvisx/chat-ui/chat/ReadOnlyTranscri
 import { memo, useMemo, useState } from 'react';
 import type { SessionTranscriptItem } from '../../shared/protocol/transcript';
 import { createTranscriptSelector } from '../chat/transcript/transcriptGroups';
-import { resolveAssistantStatus } from '../chat/transcript/transcriptStatus';
+import { matchesAssistantTurn, resolveAssistantStatus } from '../chat/transcript/transcriptStatus';
 import { AssistantReply } from '../chat/AssistantReply';
 import { ReadOnlyQuestion } from './ReadOnlyQuestion';
 import { isPlanLive, selectPlanAnchors } from '../chat/transcript/planAnchor';
 import { PlanLine } from '../chat/PlanLine';
 import { createOperationSummarySelector, summarizeReplyOperations } from '../chat/operationSummary';
-import { createTranscriptMessagesSelector } from '../chat/transcriptProjection';
-
-const NO_PENDING_REPLIES: ReadonlySet<string> = new Set();
+import { createTranscriptMessagesSelector, createTranscriptStructureSelector } from '../chat/transcriptProjection';
 
 export const ReadOnlyTranscript = memo(function ReadOnlyTranscript({ items, running, truncated = false }: { readonly items: readonly SessionTranscriptItem[]; readonly running: boolean; readonly truncated?: boolean }) {
   const selectors = useMemo(() => ({ transcript: createTranscriptSelector(), operations: createOperationSummarySelector(),
-    messages: createTranscriptMessagesSelector() }), []);
+    structure: createTranscriptStructureSelector(), messages: createTranscriptMessagesSelector() }), []);
   const { descriptors, replyTails, replyTimestamps } = useMemo(() => selectors.transcript(items), [items, selectors]);
   const plans = useMemo(() => selectPlanAnchors(items), [items]);
   const operationSummaries = useMemo(() => selectors.operations(items), [items, selectors]);
@@ -29,8 +27,16 @@ export const ReadOnlyTranscript = memo(function ReadOnlyTranscript({ items, runn
     return null;
   }, [running, items]);
   const active = turnId ? { turnId, status: 'streaming' as const } : null;
+  const { turns } = useMemo(() => selectors.structure(descriptors), [descriptors, selectors]);
   const byId = useMemo(() => new Map(descriptors.map((descriptor) => [descriptor.kind === 'user' ? descriptor.item.id : descriptor.id, descriptor])), [descriptors]);
-  const messages = useMemo(() => selectors.messages(descriptors, replyTails, NO_PENDING_REPLIES), [descriptors, replyTails, selectors]);
+  const pendingReplyRow = useMemo(() => running
+    ? (turns.find((row) => row.messageIds.some((id) => {
+      const descriptor = byId.get(id)!;
+      return descriptor.kind === 'assistant' && matchesAssistantTurn(descriptor.items, descriptor.turnId, turnId);
+    })) ?? turns.at(-1))?.id : undefined, [running, turnId, turns, byId]);
+  const lastReplyId = [...replyTails.keys()].at(-1);
+  const pendingIds = useMemo(() => new Set(turns.find((row) => row.id === pendingReplyRow)?.messageIds ?? []), [turns, pendingReplyRow]);
+  const messages = useMemo(() => selectors.messages(descriptors, replyTails, pendingIds), [descriptors, replyTails, pendingIds, selectors]);
   return <ReadOnlyTranscriptView messages={messages} truncated={truncated} renderMessage={(id, stopFollowing) => {
     const descriptor = byId.get(id)!;
     if (descriptor.kind === 'user') {
@@ -39,12 +45,17 @@ export const ReadOnlyTranscript = memo(function ReadOnlyTranscript({ items, runn
         {plan ? <PlanLine anchor={plan} running={isPlanLive(plan, running, turnId)} override={planChoices.get(plan.anchorToolUseId) ?? null}
           onToggle={(id, expanded) => { stopFollowing(); setPlanChoices((previous) => new Map(previous).set(id, expanded)); }} /> : null}</>;
     }
-    const status = resolveAssistantStatus(descriptor.items, descriptor.turnId, active);
+    const replyPending = pendingIds.has(id);
+    const isPendingTail = replyPending && descriptor.id === lastReplyId;
+    const activeTurn = isPendingTail ? { turnId: descriptor.turnId, status: 'streaming' as const } : active;
+    const status = resolveAssistantStatus(descriptor.items, descriptor.turnId, activeTurn);
     const operationsLive =
+      replyPending ||
       status.type === 'running' ||
       (status.type === 'incomplete' && status.reason === 'cancelled');
-    return <AssistantReply descriptor={descriptor} status={status} waiting={null} replyText={replyTails.get(descriptor.id)} readOnly
+    return <AssistantReply descriptor={descriptor} status={status} waiting={null}
+      replyText={replyPending ? undefined : replyTails.get(descriptor.id)} readOnly
       operationSummary={replySummaries.get(descriptor.id)} operationsLive={operationsLive} onInteract={stopFollowing}
-      completedAt={status.type === 'running' ? undefined : replyTimestamps.get(descriptor.id)} regenerate={undefined} fork={undefined} />;
+      completedAt={replyPending || status.type === 'running' ? undefined : replyTimestamps.get(descriptor.id)} regenerate={undefined} fork={undefined} />;
   }} />;
 });

From 204ea036e9719e315998ce4201b623d45b08d3bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Tue, 27 Oct 2026 11:35:38 +0800
Subject: [PATCH 12/32] fix(webview): merge running status with right-aligned
 stop action in agent rows

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                   | 2 +-
 packages/chat-ui/src/styles/composer-changes.css | 2 +-
 src/webview-v2/chat/AgentNavigation.tsx          | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index d119d7be..96ecc8e0 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/styles/composer-changes.css b/packages/chat-ui/src/styles/composer-changes.css
index d78fb7f0..29c5d3f5 100644
--- a/packages/chat-ui/src/styles/composer-changes.css
+++ b/packages/chat-ui/src/styles/composer-changes.css
@@ -10,7 +10,7 @@
   .v2-composer-agents .dvx-agent-task-icon { width: 12px; height: 18px; }
   .v2-composer-agents .dvx-agent-task-icon > svg { width: 12px; height: 12px; }
   .v2-composer-agents .dvx-agent-task-meta { margin-top: 0; line-height: 16px; }
-  .v2-composer-changes-stop { color: var(--muted-ink); padding: 2px 4px; font-size: 11px; }
+  .v2-composer-changes-stop { color: var(--muted-ink); padding: 2px 5px; font-size: 11px; }
   .v2-composer-changes-review { flex-shrink: 0; min-height: var(--composer-panel-heading-height); padding-block: 0; }
   .v2-composer-changes-list { list-style: none; margin: 0; max-height: min(128px, 20vh); overflow-y: auto; padding: 0 6px; }
   .v2-composer-changes-file { display: flex; width: 100%; min-width: 0; align-items: center; gap: 6px; min-height: var(--composer-panel-row-height); padding: 2px 5px; border-radius: 5px; text-align: left; color: var(--secondary-ink); font-size: 12px; line-height: var(--composer-panel-line-height); }
diff --git a/src/webview-v2/chat/AgentNavigation.tsx b/src/webview-v2/chat/AgentNavigation.tsx
index b5400b99..971f9422 100644
--- a/src/webview-v2/chat/AgentNavigation.tsx
+++ b/src/webview-v2/chat/AgentNavigation.tsx
@@ -93,10 +93,10 @@ export function AgentNavigation({ navigation, port }: {
           onClick={row.onOpen}>
           {row.selected ? <Check aria-hidden="true" /> : <Users aria-hidden="true" />}
           <span className="min-w-0 flex-1 truncate">{row.title}</span>
-          <span className={`shrink-0 text-[11px] ${row.tone === 'failed' ? 'text-destructive' : 'text-muted-foreground'}`}>{t(row.statusLabel)}</span>
+          {!row.onStop ? <span className={`shrink-0 text-[11px] ${row.tone === 'failed' ? 'text-destructive' : 'text-muted-foreground'}`}>{t(row.statusLabel)}</span> : null}
         </Button>
         {row.onStop ? <Button variant="plain" size="none"
-          className="v2-composer-changes-stop min-h-6 w-[68px] shrink-0 whitespace-nowrap"
+          className="v2-composer-changes-stop min-h-6 shrink-0 whitespace-nowrap"
           disabled={row.stopPending} aria-busy={row.stopPending || undefined}
           aria-label={t("{p0} agent task: {p1}", { p0: row.stopPending ? t("Stopping") : t("Stop"), p1: row.title })}
           title={`${row.stopPending ? t("Stopping") : t("Stop")} ${row.title}`}

From a8834762163fc657c74ae1821c81b2fa20ca3beb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Tue, 27 Oct 2026 12:12:55 +0800
Subject: [PATCH 13/32] fix(chat): stop the pinned question from snapping back
 after an upward scroll

The pin release was gated on layout stability, but the runway height changes with
every streamed line, so the gate never opened and syncRunway kept writing
scrollTop back to pinTop. Release against the pin the reader actually left, and let
a wheel gesture that left the bottom outrank the layout heuristics in onScroll so
one grown line cannot re-arm the follow latch.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                   |  2 +-
 packages/chat-ui/src/chat/TranscriptView.tsx     |  7 ++++++-
 packages/chat-ui/src/chat/useTranscriptScroll.ts | 11 +++++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index 96ecc8e0..a43359d6 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，修复发送提问后向上滚被拉回底部的回弹；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/TranscriptView.tsx b/packages/chat-ui/src/chat/TranscriptView.tsx
index bd1257a2..2e5108d3 100644
--- a/packages/chat-ui/src/chat/TranscriptView.tsx
+++ b/packages/chat-ui/src/chat/TranscriptView.tsx
@@ -203,7 +203,12 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     if (column.style.minHeight !== nextMinHeight) column.style.minHeight = nextMinHeight;
     if (spacer.style.height !== '0px') spacer.style.height = '0px';
     if (pinnedAtTop.current) {
-      if (!layoutShifted && !scrolling.follow.current.following && element.scrollTop < pinTop - 2) {
+      // Runway height changes with every streamed line, so layout stability can
+      // never decide whether the reader left the pin. Compare against the pin
+      // the reader was attached to instead; releasing only stops future snaps
+      // and never writes scrollTop, so it cannot pull the viewport back down.
+      const pinReference = previousPinTop > 0 ? Math.min(previousPinTop, pinTop) : pinTop;
+      if (!scrolling.follow.current.following && element.scrollTop < pinReference - 2) {
         pinnedAtTop.current = false;
       } else if ((layoutShifted || scrolling.follow.current.following) && nextHeight > 0 && (element.scrollTop < pinTop || (pinTop !== previousPinTop && Math.abs(element.scrollTop - previousPinTop) <= 2))) {
         element.scrollTop = pinTop;
diff --git a/packages/chat-ui/src/chat/useTranscriptScroll.ts b/packages/chat-ui/src/chat/useTranscriptScroll.ts
index e45f73e0..11911a1d 100644
--- a/packages/chat-ui/src/chat/useTranscriptScroll.ts
+++ b/packages/chat-ui/src/chat/useTranscriptScroll.ts
@@ -20,6 +20,7 @@ export function useTranscriptScroll(
 ) {
   const follow = useRef(createFollowState());
   const userScrolling = useRef(false);
+  const wheelReleased = useRef(false);
   const [away, setAway] = useState(false);
   const [followingBottom, setFollowingBottom] = useState(false);
   const navigation = useRef<(() => number | undefined) | null>(null);
@@ -46,6 +47,7 @@ export function useTranscriptScroll(
     setFollowingBottom(false);
     follow.current.pendingProgrammaticTop = null;
     userScrolling.current = false;
+    wheelReleased.current = false;
   }, [cancelAnimation]);
   // Floating controls are siblings of the viewport, so native scroll chaining
   // cannot reach it. Keep the non-passive listener on those overlays only.
@@ -193,10 +195,15 @@ export function useTranscriptScroll(
       const layoutChanged = next.clientHeight !== lastScrollClientHeight ||
         next.scrollHeight !== follow.current.lastScrollHeight;
       lastScrollClientHeight = next.clientHeight;
+      const releasedByGesture = wheelReleased.current;
+      wheelReleased.current = false;
       if (!selecting()) {
         const wasFollowing = follow.current.following;
         applyFollowScroll(follow.current, next);
         if (pauseAutoFollow || navigation.current !== null) follow.current.following = false;
+        else if (releasedByGesture &&
+          next.scrollHeight - next.scrollTop - next.clientHeight > FOLLOW_REJOIN_PX)
+          follow.current.following = false;
         // Finishing replies and virtual-row adjustments are not reading intent.
         // Rejoin only during a user gesture at the current, measured bottom.
         else if (layoutChanged || !userScrolling.current ||
@@ -227,6 +234,10 @@ export function useTranscriptScroll(
       setFollowingBottom(follow.current.following);
       userScrolling.current = event.deltaY > 0;
       if (wasFollowing && !follow.current.following) {
+        // A gesture that left the bottom outranks the layout heuristics in
+        // onScroll; otherwise one grown line re-arms the follow latch and the
+        // next frame drags the reader back to the bottom.
+        wheelReleased.current = true;
         reportLayout?.(JSON.stringify({ source: 'transcript.follow', input: 'wheel',
           deltaY: event.deltaY, following: false, ...sample() }));
       }

From f71bc0e9b46a8737a9ca45e98301277be8a5536f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Tue, 27 Oct 2026 14:57:26 +0800
Subject: [PATCH 14/32] fix(chat): smooth live activity disclosure transitions
 and subpixel pin runway

- Wrap the running-latest row in an inversely synchronized AnimatedCollapsibleContent so expanding or collapsing Explored during streaming transitions both heights over 200ms instead of jumping 24px
- Round DOM turn start offsets and allow a 1px subpixel quantization tolerance before snapping scrollTop back to pinTop under fractional display scaling
- Wire scrolling.stopFollowing into ProcessPresentationProvider so toggling a process disclosure cancels any active follow animation loop

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                |  2 +-
 .../chat-ui/src/chat/ActivityGroupView.tsx    | 23 ++++++++++---------
 packages/chat-ui/src/chat/TranscriptView.tsx  |  6 ++---
 .../chat-ui/src/chat/processPresentation.tsx  |  5 +++-
 4 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index a43359d6..b361251d 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，修复发送提问后向上滚被拉回底部的回弹；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/ActivityGroupView.tsx b/packages/chat-ui/src/chat/ActivityGroupView.tsx
index 4466d4d9..656757cb 100644
--- a/packages/chat-ui/src/chat/ActivityGroupView.tsx
+++ b/packages/chat-ui/src/chat/ActivityGroupView.tsx
@@ -64,22 +64,23 @@ export function ActivityGroupView({ messageId, groupId, presentation, children,
       {presentation.facts.length ? <span className={`v2-explored-facts ${presentation.failed ? 'failed' : ''}`}>{presentation.facts.join(' · ')}</span> : null}
       <ChevronRight className="v2-explored-chev" />
     </Button></CollapsibleTrigger>
-    <AnimatedCollapsibleContent id={id} ref={disclosure.contentRef} open={disclosure.expanded} visible={disclosure.visible}
-      className={`transition-[grid-template-rows,opacity] motion-reduce:transition-none ${disclosure.visible ? 'opacity-100' : 'opacity-0'}`}>
+    <AnimatedCollapsibleContent id={id} ref={disclosure.contentRef} open={disclosure.expanded} visible={disclosure.visible}>
       {disclosure.mounted ? <div className="v2-activity-items min-w-0">
         <ProcessGroupContext.Provider value={true}>{children}</ProcessGroupContext.Provider>
         {presentation.detailFacts?.length ? <p data-ui-notice="" className="py-1 text-[11px] text-muted-foreground">{presentation.detailFacts.join(' · ')}</p> : null}
       </div> : null}
     </AnimatedCollapsibleContent>
-    {presentation.running && !(disclosure.expanded && disclosure.visible) ? <Button variant="plain" size="none" aria-controls={id} aria-expanded={disclosure.expanded} onClick={disclosure.toggle}
-      style={{ '--shimmer-delay': liveStep.current.shimmerDelay } as CSSProperties} className="v2-running-latest select-none">
-      <span key={`action:${liveStep.current.actionVersion}`} className="v2-running-slot v2-running-slot-action">
-        <span className="v2-shimmer-text">{t(activeAction)}</span>
-      </span>
-      {activeTarget ? <span key={`target:${liveStep.current.targetVersion}`} className="v2-running-slot v2-running-slot-target">
-        <span className="v2-shimmer-sub" title={activeTarget}>{activeTarget}</span>
-      </span> : null}
-    </Button> : null}
+    {presentation.running ? <AnimatedCollapsibleContent open={!disclosure.expanded} visible={!disclosure.visible}>
+      <Button variant="plain" size="none" aria-controls={id} aria-expanded={disclosure.expanded} onClick={disclosure.toggle}
+        style={{ '--shimmer-delay': liveStep.current.shimmerDelay } as CSSProperties} className="v2-running-latest select-none">
+        <span key={`action:${liveStep.current.actionVersion}`} className="v2-running-slot v2-running-slot-action">
+          <span className="v2-shimmer-text">{t(activeAction)}</span>
+        </span>
+        {activeTarget ? <span key={`target:${liveStep.current.targetVersion}`} className="v2-running-slot v2-running-slot-target">
+          <span className="v2-shimmer-sub" title={activeTarget}>{activeTarget}</span>
+        </span> : null}
+      </Button>
+    </AnimatedCollapsibleContent> : null}
     </Collapsible> : null}
     {presentation.waiting ? <p role="status" className="py-0.5 text-xs text-muted-foreground">{t(presentation.action)}</p> : null}
     {presentation.notice ? <p role="status" className={`py-0.5 text-xs ${presentation.failed ? 'text-destructive' : 'text-muted-foreground'}`}>{presentation.notice}</p> : null}
diff --git a/packages/chat-ui/src/chat/TranscriptView.tsx b/packages/chat-ui/src/chat/TranscriptView.tsx
index 2e5108d3..fe37ae29 100644
--- a/packages/chat-ui/src/chat/TranscriptView.tsx
+++ b/packages/chat-ui/src/chat/TranscriptView.tsx
@@ -186,7 +186,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     const rowEl = column.querySelector<HTMLElement>(`[data-index="${pinnedTurnIndex}"]`);
     const rowRect = rowEl?.getBoundingClientRect();
     const domTurnStart = columnRect.height > 0 && rowRect && rowRect.height > 0
-      ? rowRect.top - columnRect.top
+      ? Math.round(rowRect.top - columnRect.top)
       : cachedTurn.start;
     const turnStart = Math.ceil(Math.max(cachedTurn.start, domTurnStart));
     const pinTop = Math.max(0, turnStart - PINNED_QUESTION_GAP);
@@ -210,7 +210,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
       const pinReference = previousPinTop > 0 ? Math.min(previousPinTop, pinTop) : pinTop;
       if (!scrolling.follow.current.following && element.scrollTop < pinReference - 2) {
         pinnedAtTop.current = false;
-      } else if ((layoutShifted || scrolling.follow.current.following) && nextHeight > 0 && (element.scrollTop < pinTop || (pinTop !== previousPinTop && Math.abs(element.scrollTop - previousPinTop) <= 2))) {
+      } else if ((layoutShifted || scrolling.follow.current.following) && nextHeight > 0 && (element.scrollTop < pinTop - 1 || (pinTop !== previousPinTop && Math.abs(element.scrollTop - previousPinTop) <= 2))) {
         element.scrollTop = pinTop;
         scrolling.follow.current.pendingProgrammaticTop = element.scrollTop;
       }
@@ -370,7 +370,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
               </span>
             </div> : null}
           </div>
-          <ProcessPresentationProvider key={conversationId} messageIds={ids} followingRef={scrolling.follow} reportLayout={reportLayout}>
+          <ProcessPresentationProvider key={conversationId} messageIds={ids} followingRef={scrolling.follow} onPauseFollowing={scrolling.stopFollowing} reportLayout={reportLayout}>
           <div style={{ paddingTop: Math.max(0, (virtualItems[0]?.start ?? scrollMargin) - scrollMargin), paddingBottom: Math.max(0, virtualizer.getTotalSize() - ((virtualItems.at(-1)?.end ?? scrollMargin) - scrollMargin)) }}>
             {virtualItems.map((row, index) => (
               <div key={row.key} ref={virtualizer.measureElement} data-index={row.index} data-markdown-row="" className="flow-root"
diff --git a/packages/chat-ui/src/chat/processPresentation.tsx b/packages/chat-ui/src/chat/processPresentation.tsx
index 93f96c81..c355b018 100644
--- a/packages/chat-ui/src/chat/processPresentation.tsx
+++ b/packages/chat-ui/src/chat/processPresentation.tsx
@@ -37,11 +37,13 @@ export const ProcessLatestContext = createContext(false);
 export function ProcessPresentationProvider({
   messageIds,
   followingRef,
+  onPauseFollowing,
   reportLayout,
   children,
 }: {
   readonly messageIds: readonly string[];
   readonly followingRef: RefObject<{ following: boolean } | null>;
+  readonly onPauseFollowing?: () => void;
   readonly reportLayout?: (detail: string) => void;
   readonly children: ReactNode;
 }): React.JSX.Element {
@@ -69,9 +71,10 @@ export function ProcessPresentationProvider({
       reportLayout,
       pauseFollowing: () => {
         if (followingRef.current !== null) followingRef.current.following = false;
+        onPauseFollowing?.();
       },
     }),
-    [followingRef, reportLayout],
+    [followingRef, onPauseFollowing, reportLayout],
   );
   return (
     <ProcessPresentationContext.Provider value={value}>

From 5a767507b3dd3921e51b640a750cb0fffca9a322 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Fri, 30 Oct 2026 23:52:31 +0800
Subject: [PATCH 15/32] fix(chat-ui): restore newest pinned question on
 scroll-back and parse CJK punctuation bold

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                |  2 +-
 packages/chat-ui/src/chat/TranscriptView.tsx  | 40 ++++++++++++++-----
 .../chat-ui/src/chat/useTranscriptScroll.ts   | 14 ++++---
 .../chat-ui/src/markdown/parseMarkdown.ts     | 31 ++++++++++++++
 4 files changed, 71 insertions(+), 16 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index b361251d..d22168ff 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/TranscriptView.tsx b/packages/chat-ui/src/chat/TranscriptView.tsx
index fe37ae29..24ab97c7 100644
--- a/packages/chat-ui/src/chat/TranscriptView.tsx
+++ b/packages/chat-ui/src/chat/TranscriptView.tsx
@@ -171,6 +171,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     (instance.itemSizeCache.has(item.key) ? item.end <= (instance.scrollOffset ?? 0) : item.start < (instance.scrollOffset ?? 0));
   syncRunwayRef.current = () => {
     const element = viewport.current, column = content.current, spacer = runway.current;
+    virtualizer.getTotalSize();
     const cachedTurn = pinnedTurnIndex >= 0 ? virtualizer.measurementsCache[pinnedTurnIndex] : undefined;
     if (!element || !column || !spacer || pinnedTurnIndex < 0 || element.clientHeight <= 0 || cachedTurn === undefined) {
       runwayHeight.current = 0;
@@ -216,6 +217,10 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
       }
     } else if (element.scrollTop >= pinTop - 2) {
       pinnedAtTop.current = true;
+      if (scrolling.follow.current.following && nextHeight > 0 && element.scrollTop < pinTop - 1) {
+        element.scrollTop = pinTop;
+        scrolling.follow.current.pendingProgrammaticTop = element.scrollTop;
+      }
     }
     return nextHeight;
   };
@@ -237,17 +242,33 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
       (element?.scrollHeight ?? 0) - (questions.length <= 1 ? runwayHeight.current : 0),
     [questions.length],
   );
+  const resolvePinOffset = useCallback((scrollTop: number) => {
+    const baseOffset = scrollTop + PINNED_QUESTION_GAP;
+    if (pinnedTurnIndex >= 0) {
+      const pinnedStart = virtualizer.measurementsCache[pinnedTurnIndex]?.start;
+      if (pinnedStart !== undefined && baseOffset < pinnedStart) {
+        if (runwayHeight.current > 0 && scrollTop >= lastPinTop.current - 2) return pinnedStart;
+        const element = viewport.current;
+        const rowEl = element?.querySelector<HTMLElement>(`[data-index="${pinnedTurnIndex}"]`);
+        if (element && rowEl && rowEl.getBoundingClientRect().top - element.getBoundingClientRect().top <= PINNED_QUESTION_GAP + 2) {
+          return pinnedStart;
+        }
+      }
+    }
+    return baseOffset;
+  }, [pinnedTurnIndex, virtualizer]);
   const readBoundary = useCallback(() => {
     const element = viewport.current;
-    const offset = (element?.scrollTop ?? 0) + PINNED_QUESTION_GAP;
+    const offset = resolvePinOffset(element?.scrollTop ?? 0);
     const row = virtualizer.getVirtualItemForOffset(questionEntryOffset(offset));
     return `${row?.index ?? -1}:${row !== undefined && hasQuestionEntered(row.start, offset)}:${
       isScrollableTranscript(effectiveScrollHeight(element), element?.clientHeight ?? 0)}`;
-  }, [virtualizer, effectiveScrollHeight]);
+  }, [virtualizer, effectiveScrollHeight, resolvePinOffset]);
   // Pixel movement only moves the pinned overlay; render the transcript when
   // the question boundary or virtual range changes, not on every scroll event.
   useSyncExternalStore(subscribe, readBoundary, readBoundary);
   const top = viewport.current?.scrollTop ?? 0;
+  const pinOffset = resolvePinOffset(top);
   const virtualItems = virtualizer.getVirtualItems();
   useLayoutEffect(() => {
     const anchor = historyAnchor.current, element = viewport.current;
@@ -256,7 +277,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     scrolling.writeTop(anchor.top + element.scrollHeight - anchor.height);
   }, [hiddenMessageCount, scrolling.writeTop]);
   const questionTops = questions.map((question) => virtualizer.measurementsCache[question.turnIndex]?.start ?? Number.POSITIVE_INFINITY);
-  const activeQuestion = findActiveQuestionIndex(questionTops, top + PINNED_QUESTION_GAP);
+  const activeQuestion = findActiveQuestionIndex(questionTops, pinOffset);
   const showNavigator = isScrollableTranscript(effectiveScrollHeight(viewport.current), viewport.current?.clientHeight ?? 0);
   const jumpTarget = jump?.conversationId === conversationId && jump.sendSignal === sendSignal
     ? questions.find((question) => question.key === jump.id) : undefined;
@@ -291,21 +312,22 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     scrollToBottom: returnToBottom,
     prepareForSend: scrolling.prepareForSend,
   }), [scrolling.stopFollowing, scrolling.prepareForSend, returnToBottom]);
-  const liveCandidate = virtualizer.getVirtualItemForOffset(questionEntryOffset(top + PINNED_QUESTION_GAP));
+  const pin = useRef<HTMLDivElement>(null);
+  const liveCandidate = virtualizer.getVirtualItemForOffset(questionEntryOffset(pinOffset));
+  const liveEntered = liveCandidate !== undefined && hasQuestionEntered(liveCandidate.start, pinOffset);
   const heldCandidate = useRef<{ conversationId: string | null; candidate: typeof liveCandidate; entered: boolean }>({
     conversationId: conversationId, candidate: liveCandidate, entered: false,
   });
-  if (!hasTranscriptSelection(selectionRoot.current) || heldCandidate.current.conversationId !== conversationId)
-    heldCandidate.current = { conversationId: conversationId, candidate: liveCandidate, entered: liveCandidate !== undefined && hasQuestionEntered(liveCandidate.start, top + PINNED_QUESTION_GAP) };
+  if (heldCandidate.current.conversationId !== conversationId || liveEntered || !hasTranscriptSelection(pin.current))
+    heldCandidate.current = { conversationId: conversationId, candidate: liveCandidate, entered: liveEntered };
   const candidate = heldCandidate.current.candidate;
   const lead = candidate === undefined || !heldCandidate.current.entered ? undefined : byId.get(turns[candidate.index]?.id);
   const pinned = lead?.role === 'user' ? lead : null;
   // Selection can retain a pinned owner after its original row re-enters view.
   // Retain the overlay node, but only hide the original while it is above the edge.
   const pinEntered = candidate !== undefined && hasQuestionEntered(
-    virtualizer.measurementsCache[candidate.index]?.start ?? candidate.start, top + PINNED_QUESTION_GAP,
+    virtualizer.measurementsCache[candidate.index]?.start ?? candidate.start, pinOffset,
   );
-  const pin = useRef<HTMLDivElement>(null);
   const [size, setSize] = useState({ id: '', height: 0 });
   const measurePinned = useCallback(() => {
     const element = pin.current;
@@ -338,7 +360,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
     let frame: number | null = null;
     const update = () => {
       frame = null;
-      if (hasTranscriptSelection(selectionRoot.current)) return;
+      if (hasTranscriptSelection(pin.current)) return;
       // Editing grows the pinned card and its placeholder in one commit. The
       // virtualizer can still hold the previous row height until ResizeObserver
       // runs, so read the rendered boundary from the same layout as the card.
diff --git a/packages/chat-ui/src/chat/useTranscriptScroll.ts b/packages/chat-ui/src/chat/useTranscriptScroll.ts
index 11911a1d..1b4ab1cd 100644
--- a/packages/chat-ui/src/chat/useTranscriptScroll.ts
+++ b/packages/chat-ui/src/chat/useTranscriptScroll.ts
@@ -192,25 +192,27 @@ export function useTranscriptScroll(
     const onScroll = () => {
       syncRunway?.();
       const next = sample();
+      const previousScrollHeight = follow.current.lastScrollHeight;
       const layoutChanged = next.clientHeight !== lastScrollClientHeight ||
-        next.scrollHeight !== follow.current.lastScrollHeight;
+        next.scrollHeight !== previousScrollHeight;
+      const shrank = next.scrollHeight < previousScrollHeight;
       lastScrollClientHeight = next.clientHeight;
       const releasedByGesture = wheelReleased.current;
       wheelReleased.current = false;
+      const atBottom = next.scrollHeight - next.scrollTop - next.clientHeight <= FOLLOW_REJOIN_PX;
       if (!selecting()) {
         const wasFollowing = follow.current.following;
         applyFollowScroll(follow.current, next);
         if (pauseAutoFollow || navigation.current !== null) follow.current.following = false;
-        else if (releasedByGesture &&
-          next.scrollHeight - next.scrollTop - next.clientHeight > FOLLOW_REJOIN_PX)
+        else if (releasedByGesture && !atBottom)
           follow.current.following = false;
         // Finishing replies and virtual-row adjustments are not reading intent.
         // Rejoin only during a user gesture at the current, measured bottom.
-        else if (layoutChanged || !userScrolling.current ||
-          (!wasFollowing && next.scrollHeight - next.scrollTop - next.clientHeight > FOLLOW_REJOIN_PX))
+        else if ((layoutChanged && (!userScrolling.current || shrank || !atBottom)) || !userScrolling.current ||
+          (!wasFollowing && !atBottom))
           follow.current.following = wasFollowing;
       }
-      if (layoutChanged) userScrolling.current = false;
+      if (shrank) userScrolling.current = false;
       schedule();
     };
     const onPointerDown = (event: PointerEvent) => {
diff --git a/packages/chat-ui/src/markdown/parseMarkdown.ts b/packages/chat-ui/src/markdown/parseMarkdown.ts
index bc345f64..a151627d 100644
--- a/packages/chat-ui/src/markdown/parseMarkdown.ts
+++ b/packages/chat-ui/src/markdown/parseMarkdown.ts
@@ -12,11 +12,42 @@ import { markdownUrlTransform, safeMarkdownUrlTransform } from './markdownPolicy
 import { rehypeStreamingText } from './streamingTree';
 import { normalizeMathDelimiters } from './mathNormalization';
 
+interface MdastNode {
+  type: string;
+  value?: string;
+  children?: MdastNode[];
+}
+
+const UNPARSED_STRONG = /\*\*(?=\S)([\s\S]*?\S)\*\*/gu;
+
+function promoteUnparsedStrong(tree: MdastNode): void {
+  if (!tree.children || tree.type === 'code' || tree.type === 'inlineCode' || tree.type === 'math' || tree.type === 'inlineMath') return;
+  const next: MdastNode[] = [];
+  for (const child of tree.children) {
+    if (child.type === 'text' && child.value?.includes('**')) {
+      let cursor = 0;
+      for (const match of child.value.matchAll(UNPARSED_STRONG)) {
+        const index = match.index ?? 0;
+        if (index > cursor) next.push({ type: 'text', value: child.value.slice(cursor, index) });
+        next.push({ type: 'strong', children: [{ type: 'text', value: match[1]! }] });
+        cursor = index + match[0].length;
+      }
+      if (cursor === 0) next.push(child);
+      else if (cursor < child.value.length) next.push({ type: 'text', value: child.value.slice(cursor) });
+      continue;
+    }
+    promoteUnparsedStrong(child);
+    next.push(child);
+  }
+  tree.children = next;
+}
+
 // The same pipeline as react-markdown, including its raw-HTML removal and URL
 // attribute transform. Parsing remains whole-document: definitions, loose lists
 // and incomplete blocks can change nodes anywhere earlier in the reply.
 const processor = unified().use(remarkParse).use(remarkGfm)
   .use(remarkMath, { singleDollarTextMath: true })
+  .use(() => promoteUnparsedStrong)
   .use(remarkRehype, { allowDangerousHtml: true })
   .use(rehypeKatex).use(rehypeStreamingText);
 

From 961fcb1bd90090a192c0d539a0e5b10d3a93cd53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Sat, 31 Oct 2026 10:47:27 +0800
Subject: [PATCH 16/32] fix(chat): show the change summary after an interrupted
 reply

A paused turn settled as `interrupted`, yet the summary gate treated every
cancelled reply as still live and kept the recorded change card hidden. Only
a stop still in flight now holds the ledger open.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                    |  2 +-
 src/webview-v2/chat/Transcript.tsx                |  8 +++-----
 src/webview-v2/chat/changeAttribution.test.tsx    |  6 +++---
 .../chat/transcript/transcriptStatus.ts           | 15 +++++++++++++++
 src/webview-v2/viewer/ReadOnlyTranscript.tsx      |  7 ++-----
 5 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index d22168ff..d84695a3 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/src/webview-v2/chat/Transcript.tsx b/src/webview-v2/chat/Transcript.tsx
index 3a9ed71c..22fce2ad 100644
--- a/src/webview-v2/chat/Transcript.tsx
+++ b/src/webview-v2/chat/Transcript.tsx
@@ -9,7 +9,7 @@ import type { ChatPort } from '../host/chatIntent';
 import type { AssistantWebviewState } from '../state/types';
 import { QuestionCard } from './QuestionCard';
 import { createTranscriptSelector } from './transcript/transcriptGroups';
-import { matchesAssistantTurn, resolveAssistantStatus } from './transcript/transcriptStatus';
+import { matchesAssistantTurn, replyOperationsLive, resolveAssistantStatus } from './transcript/transcriptStatus';
 import { currentProcessWaiting } from './transcript/activityPresentation';
 import { AssistantReply } from './AssistantReply';
 import { useEditAttachmentIngress } from './useEditAttachmentIngress';
@@ -173,10 +173,8 @@ export function Transcript({
           : waiting;
       const status = resolveAssistantStatus(message.items, message.turnId, activeTurn);
       const summary = replySummaries.get(message.id);
-      const operationsLive =
-        replyPending ||
-        status.type === 'running' ||
-        (status.type === 'incomplete' && status.reason === 'cancelled');
+      const operationsLive = replyOperationsLive(status, replyPending,
+        state.turn?.turnId === message.turnId && state.turn.status === 'stopping');
       return <AssistantReply descriptor={message} status={status} waiting={activeWaiting} replyText={replyPending ? undefined : replyTails.get(message.id)}
         operationSummary={summary} operationsLive={operationsLive} onInteract={stopFollowing}
         completedAt={replyPending || status.type === 'running' ? undefined : replyTimestamps.get(message.id)}
diff --git a/src/webview-v2/chat/changeAttribution.test.tsx b/src/webview-v2/chat/changeAttribution.test.tsx
index 626b2501..2acf6081 100644
--- a/src/webview-v2/chat/changeAttribution.test.tsx
+++ b/src/webview-v2/chat/changeAttribution.test.tsx
@@ -12,7 +12,7 @@ import { initialAssistantWebviewState } from '../state/initialState';
 import type { StoreHostMessage } from '../state/types';
 import { ProcessPresentationProvider } from './transcript/processPresentation';
 import { describeTranscript } from './transcript/transcriptGroups';
-import { resolveAssistantStatus } from './transcript/transcriptStatus';
+import { replyOperationsLive, resolveAssistantStatus } from './transcript/transcriptStatus';
 import { ToolActionsContext } from '../content/toolActions';
 import { summarizeOperations } from './AiOperationSummary';
 import { AssistantReply } from './AssistantReply';
@@ -81,8 +81,8 @@ function Scene({ store, port, readOnly = false }: ReturnType<typeof fixture> & {
         if (descriptor.kind === 'user') return <p key={descriptor.item.id}>{descriptor.item.text}</p>;
         const summary = summaries.get(descriptor.turnId);
         const status = resolveAssistantStatus(descriptor.items, descriptor.turnId, state.turn);
-        const operationsLive = state.turn?.turnId === descriptor.turnId
-          ? ['submitting', 'streaming', 'stopping'].includes(state.turn.status) : status.type === 'running';
+        const operationsLive = replyOperationsLive(status, false,
+          state.turn?.turnId === descriptor.turnId && state.turn.status === 'stopping');
         return <AssistantReply key={descriptor.id} descriptor={descriptor} status={status}
           waiting={null} replyText={replyTails.get(descriptor.id)} completedAt={undefined} regenerate={undefined} fork={undefined}
           operationSummary={summary} operationsLive={operationsLive} readOnly={readOnly} />;
diff --git a/src/webview-v2/chat/transcript/transcriptStatus.ts b/src/webview-v2/chat/transcript/transcriptStatus.ts
index beb56cc6..be17185d 100644
--- a/src/webview-v2/chat/transcript/transcriptStatus.ts
+++ b/src/webview-v2/chat/transcript/transcriptStatus.ts
@@ -45,3 +45,18 @@ function mapTurnStatus(status: TurnStatus): TranscriptStatus {
     case 'completed': return { type: 'complete', reason: 'stop' };
   }
 }
+
+/**
+ * Whether this reply's recorded change summary must stay hidden behind the
+ * live ledger. Only a stop still in flight holds the ledger open; an
+ * interrupted reply has already settled, so its summary must show like a
+ * completed one instead of disappearing with the paused reply.
+ */
+export function replyOperationsLive(
+  status: TranscriptStatus,
+  replyPending: boolean,
+  stopping: boolean,
+): boolean {
+  if (replyPending || status.type === 'running') return true;
+  return status.type === 'incomplete' && status.reason === 'cancelled' && stopping;
+}
diff --git a/src/webview-v2/viewer/ReadOnlyTranscript.tsx b/src/webview-v2/viewer/ReadOnlyTranscript.tsx
index c678166c..c14ac1de 100644
--- a/src/webview-v2/viewer/ReadOnlyTranscript.tsx
+++ b/src/webview-v2/viewer/ReadOnlyTranscript.tsx
@@ -2,7 +2,7 @@ import { ReadOnlyTranscriptView } from '@droidvisx/chat-ui/chat/ReadOnlyTranscri
 import { memo, useMemo, useState } from 'react';
 import type { SessionTranscriptItem } from '../../shared/protocol/transcript';
 import { createTranscriptSelector } from '../chat/transcript/transcriptGroups';
-import { matchesAssistantTurn, resolveAssistantStatus } from '../chat/transcript/transcriptStatus';
+import { matchesAssistantTurn, replyOperationsLive, resolveAssistantStatus } from '../chat/transcript/transcriptStatus';
 import { AssistantReply } from '../chat/AssistantReply';
 import { ReadOnlyQuestion } from './ReadOnlyQuestion';
 import { isPlanLive, selectPlanAnchors } from '../chat/transcript/planAnchor';
@@ -49,10 +49,7 @@ export const ReadOnlyTranscript = memo(function ReadOnlyTranscript({ items, runn
     const isPendingTail = replyPending && descriptor.id === lastReplyId;
     const activeTurn = isPendingTail ? { turnId: descriptor.turnId, status: 'streaming' as const } : active;
     const status = resolveAssistantStatus(descriptor.items, descriptor.turnId, activeTurn);
-    const operationsLive =
-      replyPending ||
-      status.type === 'running' ||
-      (status.type === 'incomplete' && status.reason === 'cancelled');
+    const operationsLive = replyOperationsLive(status, replyPending, running && turnId === descriptor.turnId);
     return <AssistantReply descriptor={descriptor} status={status} waiting={null}
       replyText={replyPending ? undefined : replyTails.get(descriptor.id)} readOnly
       operationSummary={replySummaries.get(descriptor.id)} operationsLive={operationsLive} onInteract={stopFollowing}

From 0937ceccc69396aa30dd0eac1496687a29475a89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Sat, 31 Oct 2026 13:17:09 +0800
Subject: [PATCH 17/32] fix(chat): keep tool results that arrive while a reply
 is stopping

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                       | 2 +-
 src/extension/chat/turns/turnFlow.ts | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index d84695a3..f44506c1 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/src/extension/chat/turns/turnFlow.ts b/src/extension/chat/turns/turnFlow.ts
index 36d194b9..e4e28ddb 100644
--- a/src/extension/chat/turns/turnFlow.ts
+++ b/src/extension/chat/turns/turnFlow.ts
@@ -152,7 +152,8 @@ export async function consumeTurn(
         break;
       }
 
-      if (ctl.turnState.turn?.status === 'stopping') {
+      // Results of tools that already ran are the only evidence of their edits.
+      if (ctl.turnState.turn?.status === 'stopping' && event.type !== 'tool-result') {
         continue;
       }
 

From baceca82da10795e07081c207c4abecb1584e2ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Sat, 31 Oct 2026 16:24:36 +0800
Subject: [PATCH 18/32] feat(btw): show thinking and tools in arrival order

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/DESIGN.md                                |   2 +-
 docs/STATUS.md                                |   2 +-
 packages/chat-ui/src/chat/SideReply.tsx       | 110 ++++++++++++++----
 packages/chat-ui/src/chat/SideToolRecords.tsx |  64 ++++------
 packages/chat-ui/src/chat/sideChat.ts         |  10 +-
 packages/chat-ui/src/styles/btw.css           |  11 +-
 src/extension/btw/btwCardState.test.ts        |  20 ++++
 src/extension/btw/btwCardState.ts             |  43 +++++--
 src/extension/btw/btwSideChat.test.ts         |   2 +
 src/runtime/btw/btwThinking.ts                |  34 +++---
 src/shared/protocol/btwProtocol.test.ts       |  17 +++
 src/shared/protocol/btwProtocol.ts            |  64 ++++++++--
 src/webview-v2/dev/BtwPreview.tsx             |  23 +++-
 13 files changed, 289 insertions(+), 113 deletions(-)

diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index ff0d77b0..50620da6 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -218,7 +218,7 @@
 - BTW 使用代码批注布局：问题以简短身份文字与引用展示，不加大灰框或左侧竖线；
   回答保留轻量助手标识，正文和代码复用共享组件。页头只显示 BTW、权限说明图标和关闭，
   Composer 与页头固定，问题在自己的回合内吸顶；保留现有面板宽度和输入区高度。
-- 工具活动在回答区域集中为一行「已探索」分类统计摘要，与思考折叠共享左侧箭头对齐；展开后单行省略展示真实调用目标（完整内容保留悬停提示）及运行中、失败或结果未确认状态，已完成项不重复渲染勾选图标。运行中工具与等待模型回答状态独立成行展示在折叠组下方，不覆盖折叠标题。
+- 回答按真实到达顺序展示：相邻的思考段与工具调用合并为主聊天同款「已探索」折叠组（统计含思考次数，复用 `ActivityGroupView`／`ActivityItem`／`ThinkingView`），正文片段留在各自位置；展开后单行省略展示真实调用目标（完整内容保留悬停提示）及失败或结果未确认状态。运行中的工具或思考在组内以闪动单行显示当前动作与目标；等待模型、准备及工具调用尚未投影时，在回答末尾独立显示状态行。
   隔离示例单独折叠展示实际代码与输出，仅结构化执行结果 `ok: true` 显示运行完成；
   停止、断线或缺少结果不能补作成功，独立示例完成不代表项目测试通过。详细文本按预算保留，
   省略时提示。流式回答期间发送与停止在同一位置按是否有可发送内容切换；已有一条排队内容时保留继续编辑能力。
diff --git a/docs/STATUS.md b/docs/STATUS.md
index f44506c1..198c0108 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/SideReply.tsx b/packages/chat-ui/src/chat/SideReply.tsx
index d2e56f26..6956f80f 100644
--- a/packages/chat-ui/src/chat/SideReply.tsx
+++ b/packages/chat-ui/src/chat/SideReply.tsx
@@ -1,42 +1,104 @@
 import { useI18n } from '../i18n';
-import type { SideConversation } from './sideChat';
+import type { SideConversation, SideReplyPart, SideToolActivity } from './sideChat';
 import { DroidActivity } from '../ui/droid-motion';
+import { ActivityGroupView } from './ActivityGroupView';
 import { AssistantMessage } from './AssistantMessage';
 import { ReplyView } from './ReplyView';
 import { ThinkingView } from './ThinkingView';
-import { SIDE_TOOL_LABELS, SideAnalysisResults, SideToolRecords } from './SideToolRecords';
+import { SIDE_TOOL_LABELS, SideAnalysisResult, SideToolItem, summarizeSideTools } from './SideToolRecords';
+
+type Entry = SideConversation['entries'][number];
+type Progress = NonNullable<Entry['progress']>;
+type ThinkingPart = Extract<SideReplyPart, { kind: 'thinking' }>;
+type ProcessItem = { readonly thinking: ThinkingPart } | { readonly tool: SideToolActivity };
+type Segment =
+  | { readonly kind: 'process'; readonly id: string; readonly items: ProcessItem[] }
+  | { readonly kind: 'text'; readonly id: string; readonly text: string }
+  | { readonly kind: 'analysis'; readonly tool: SideToolActivity };
 
 const PROGRESS_LABELS = {
   waiting: 'Waiting for reply…', thinking: 'Thinking…', tool: 'Using tools…', answering: 'Receiving reply…',
-};
+} as const;
+
+/** Adjacent thinking and tool parts share one process group; prose and finished examples break it. */
+function segmentsOf(entry: Entry): readonly Segment[] {
+  const tools = new Map((entry.tools ?? []).map((tool) => [tool.id, tool]));
+  const parts = entry.parts ?? [];
+  const starts = parts.flatMap((part) => part.kind === 'text' ? [part.start] : []);
+  const segments: Segment[] = [];
+  for (const part of parts) {
+    if (part.kind === 'text') {
+      const end = starts.find((start) => start > part.start) ?? entry.answer.length;
+      segments.push({ kind: 'text', id: `text:${part.start}`, text: entry.answer.slice(part.start, end) });
+      continue;
+    }
+    const tool = part.kind === 'tool' ? tools.get(part.id) : undefined;
+    if (part.kind === 'tool' && tool === undefined) continue;
+    if (tool?.kind === 'analysis' && tool.state !== 'running') {
+      segments.push({ kind: 'analysis', tool });
+      continue;
+    }
+    const item: ProcessItem = tool ? { tool } : { thinking: part as ThinkingPart };
+    const last = segments.at(-1);
+    if (last?.kind === 'process') last.items.push(item);
+    else segments.push({ kind: 'process', id: `process:${part.id}`, items: [item] });
+  }
+  if (!starts.length && entry.answer) segments.push({ kind: 'text', id: 'text:0', text: entry.answer });
+  return segments;
+}
+
+function ProcessSegment({ entry, items, groupId, live, progress }: {
+  readonly entry: Entry; readonly items: readonly ProcessItem[]; readonly groupId: string;
+  readonly live: boolean; readonly progress: Progress;
+}) {
+  const { t } = useI18n();
+  const tools = items.flatMap((item) => 'tool' in item ? [item.tool] : []);
+  const thoughts = items.length - tools.length;
+  const failed = tools.filter((tool) => tool.state === 'error').length;
+  const unconfirmed = !live && tools.some((tool) => tool.state === 'running' || tool.state === 'incomplete');
+  const summary = [thoughts ? t(thoughts === 1 ? '{count} thought' : '{count} thoughts', { count: thoughts }) : '',
+    summarizeSideTools(tools, t)].filter(Boolean).join(', ');
+  const activeTool = [...tools].reverse().find((tool) => tool.state === 'running');
+  const thinking = items.some((item) => 'thinking' in item && item.thinking.active);
+  return <ActivityGroupView messageId={entry.id} groupId={groupId} presentation={{
+    running: live,
+    action: activeTool ? SIDE_TOOL_LABELS[activeTool.kind][0] : thinking ? 'Thinking…' : PROGRESS_LABELS[progress],
+    target: activeTool?.target ?? null,
+    summary,
+    facts: failed ? [t('{count} failed', { count: failed })] : unconfirmed ? [t('Result unconfirmed')] : [],
+    failed: failed > 0,
+    count: items.length,
+  }}>
+    {items.map((item) => 'tool' in item
+      ? <SideToolItem key={item.tool.id} messageId={entry.id} tool={item.tool} />
+      : <ThinkingView key={item.thinking.id} text={item.thinking.text} durationMs={item.thinking.durationMs}
+        truncated={item.thinking.truncated} activity={{ id: item.thinking.id, messageId: entry.id }}
+        status={item.thinking.active && entry.state === 'streaming' ? 'active'
+          : item.thinking.active || entry.state === 'error' ? 'incomplete' : 'complete'} />)}
+  </ActivityGroupView>;
+}
 
-export function SideReply({ entry, preparing }: { readonly entry: SideConversation['entries'][number]; readonly preparing: boolean }) {
+export function SideReply({ entry, preparing }: { readonly entry: Entry; readonly preparing: boolean }) {
   const { t } = useI18n();
   const running = entry.state === 'streaming';
   const progress = entry.progress ?? (entry.answer ? 'answering' : 'waiting');
-  const thinking = running && progress === 'thinking';
-  const receivedThinking = entry.thinking !== undefined || entry.thinkingDurationMs !== undefined;
-  const tools = entry.tools ?? [];
-  const activity = tools.filter(tool => tool.kind !== 'analysis' || tool.state === 'running');
-  const activeTool = [...activity].reverse().find(tool => tool.state === 'running');
-  const liveProgress = running && !thinking
-    ? activeTool
-      ? { label: `${t(SIDE_TOOL_LABELS[activeTool.kind][0])}${activeTool.target ? ` · ${activeTool.target}` : ''}`, loading: false }
-      : preparing || progress !== 'answering' || !entry.answer
-        ? { label: t(preparing ? 'Preparing' : PROGRESS_LABELS[progress]), loading: preparing || progress === 'waiting' }
-        : undefined
+  const segments = segmentsOf(entry);
+  const tail = segments.at(-1);
+  const liveProcess = running && tail?.kind === 'process' && progress !== 'answering';
+  const waiting = running && !liveProcess && (preparing || progress !== 'answering' || !entry.answer)
+    ? { label: t(preparing ? 'Preparing' : PROGRESS_LABELS[progress]), loading: preparing || progress === 'waiting' }
     : undefined;
   return <ReplyView replyText={entry.answer || undefined} running={running} readOnly showTimestamp={false}>
-    {receivedThinking || thinking ? <ThinkingView text={entry.thinking ?? ''}
-      status={thinking ? 'active' : entry.state === 'error' ? 'incomplete' : 'complete'}
-      durationMs={entry.thinkingDurationMs} truncated={entry.thinkingTruncated} /> : null}
-    <SideToolRecords tools={activity} />
-    {liveProgress ? <p role="status" aria-live="polite" data-ui-notice="" className="v2-btw-progress">
-      <DroidActivity phase={liveProgress.loading ? 'loading' : 'working'} />
-      <span title={liveProgress.label}>{liveProgress.label}</span>
+    {segments.map((segment, index) => segment.kind === 'process'
+      ? <ProcessSegment key={segment.id} entry={entry} items={segment.items} groupId={segment.id}
+        live={liveProcess && index === segments.length - 1} progress={progress} />
+      : segment.kind === 'analysis' ? <SideAnalysisResult key={segment.tool.id} tool={segment.tool} />
+      : segment.text.trim() ? <AssistantMessage key={segment.id} text={segment.text} streaming={running && index === segments.length - 1} />
+      : null)}
+    {waiting ? <p role="status" aria-live="polite" data-ui-notice="" className="v2-btw-progress">
+      <DroidActivity phase={waiting.loading ? 'loading' : 'working'} />
+      <span title={waiting.label}>{waiting.label}</span>
     </p> : null}
-    {entry.answer ? <AssistantMessage text={entry.answer} streaming={running} /> : null}
-    <SideAnalysisResults tools={tools.filter(tool => tool.kind === 'analysis' && tool.state !== 'running')} />
     {entry.stopped ? <p role="status" data-ui-notice="" className="text-[11px] text-muted-foreground">{t('Stopped')}</p> : null}
   </ReplyView>;
 }
diff --git a/packages/chat-ui/src/chat/SideToolRecords.tsx b/packages/chat-ui/src/chat/SideToolRecords.tsx
index f543e8f4..065500dd 100644
--- a/packages/chat-ui/src/chat/SideToolRecords.tsx
+++ b/packages/chat-ui/src/chat/SideToolRecords.tsx
@@ -1,10 +1,11 @@
-import { Check, ChevronRight, CircleAlert, CircleCheck, CircleDashed, FileCode2, Globe, Search, GitBranch, Wrench } from 'lucide-react';
+import { Check, ChevronRight, CircleAlert, CircleCheck, CircleDashed } from 'lucide-react';
 import type { ReactNode } from 'react';
 import { useI18n } from '../i18n';
 import { Button } from '../ui/button';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
 import { DroidActivity } from '../ui/droid-motion';
 import { CodeBlock } from '../content/CodeBlock';
+import { ActivityItem } from './ActivityItem';
 import type { SideToolActivity } from './sideChat';
 
 export const SIDE_TOOL_LABELS = {
@@ -12,7 +13,6 @@ export const SIDE_TOOL_LABELS = {
   web: ['Looking up documentation…', 'Look up documentation'], git: ['Querying Git…', 'Git query'],
   analysis: ['Running example…', 'Run example'], other: ['Using tools…', 'Tool'],
 } as const;
-const ICONS = { read: FileCode2, search: Search, web: Globe, git: GitBranch, analysis: Wrench, other: Wrench };
 
 function StatusIcon({ state }: { readonly state: SideToolActivity['state'] }) {
   if (state === 'running') return <DroidActivity phase="working" />;
@@ -20,7 +20,7 @@ function StatusIcon({ state }: { readonly state: SideToolActivity['state'] }) {
   return <Icon aria-hidden="true" />;
 }
 
-function summarizeSideTools(tools: readonly SideToolActivity[], t: ReturnType<typeof useI18n>['t']): string {
+export function summarizeSideTools(tools: readonly SideToolActivity[], t: ReturnType<typeof useI18n>['t']): string {
   let reads = 0, searches = 0, fetches = 0, git = 0, others = 0;
   for (const tool of tools) {
     if (tool.kind === 'read') reads += 1;
@@ -38,9 +38,22 @@ function summarizeSideTools(tools: readonly SideToolActivity[], t: ReturnType<ty
   return parts.join(', ');
 }
 
-function ToolDisclosure({ label, status, icon, children, failed = false }: {
-  readonly label: ReactNode;
-  readonly status?: string | null;
+/** One tool row inside the shared process group; details open only when a result exists. */
+export function SideToolItem({ messageId, tool }: { readonly messageId: string; readonly tool: SideToolActivity }) {
+  const { t } = useI18n();
+  const target = tool.target ?? (tool.kind === 'other' ? tool.name : undefined);
+  const status = tool.state === 'error' ? t('Failed') : tool.state === 'incomplete' ? t('Result unconfirmed') : undefined;
+  const details = tool.error || tool.output || tool.detailsOmitted ? <>
+    {tool.error ? <p className="v2-btw-error">{tool.error}</p> : null}
+    {tool.output ? <pre className="v2-btw-tool-output">{tool.output}</pre> : null}
+    {tool.detailsOmitted ? <p data-ui-notice="" className="v2-btw-tool-note">{t('Some earlier or lengthy details were omitted.')}</p> : null}
+  </> : undefined;
+  return <ActivityItem id={tool.id} messageId={messageId} title={t(SIDE_TOOL_LABELS[tool.kind][tool.state === 'running' ? 0 : 1])}
+    target={target} status={status} failed={tool.state === 'error'}>{details}</ActivityItem>;
+}
+
+function ToolDisclosure({ label, icon, children, failed = false }: {
+  readonly label: string;
   readonly icon?: ReactNode;
   readonly children: ReactNode;
   readonly failed?: boolean;
@@ -49,47 +62,16 @@ function ToolDisclosure({ label, status, icon, children, failed = false }: {
     <CollapsibleTrigger asChild><Button variant="plain" size="none" className="v2-btw-tool-toggle" data-failed={failed || undefined}>
       <ChevronRight className="v2-btw-tool-chevron" aria-hidden="true" />
       {icon}
-      {typeof label === 'string' ? <span className="v2-btw-tool-counts" title={label}>{label}</span> : label}
-      {status ? <span className="v2-btw-tool-status" data-failed={failed || undefined}>{status}</span> : null}
+      <span className="v2-btw-tool-counts" title={label}>{label}</span>
     </Button></CollapsibleTrigger>
     <CollapsibleContent className="v2-btw-tool-detail">{children}</CollapsibleContent>
   </Collapsible>;
 }
 
-/** One compact activity line. The retained list is expanded only on request. */
-export function SideToolRecords({ tools }: { readonly tools: readonly SideToolActivity[] }) {
-  const { t } = useI18n();
-  if (!tools.length) return null;
-  const active = [...tools].reverse().find(tool => tool.state === 'running');
-  const failedCount = tools.filter(tool => tool.state === 'error').length;
-  const completed = tools.filter(tool => tool.state === 'done');
-  const summary = summarizeSideTools(tools, t);
-  const status = failedCount > 0 ? t('{count} failed', { count: failedCount })
-    : !active && completed.length < tools.length ? t('Result unconfirmed') : null;
-  return <ToolDisclosure failed={failedCount > 0} status={status}
-    label={<><span className="v2-btw-tool-verb">{t('Explored')}</span><span className="v2-btw-tool-counts" title={summary}>{summary}</span></>}>
-    <ul className="v2-btw-tool-list">{tools.map(tool => {
-      const Icon = ICONS[tool.kind];
-      const fallback = t(SIDE_TOOL_LABELS[tool.kind][tool.state === 'running' ? 0 : 1]);
-      const text = tool.target ?? (tool.kind === 'other' ? tool.name : fallback);
-      return <li key={tool.id}>
-        <div data-ui-notice="" className="v2-btw-tool-row">
-          <Icon aria-hidden="true" />
-          <span title={text}>{text}</span>
-          {tool.state !== 'done' ? <span aria-label={t(tool.state === 'error' ? 'Failed' : tool.state === 'running' ? 'Running' : 'Result unconfirmed')} data-failed={tool.state === 'error' || undefined}><StatusIcon state={tool.state} /></span> : null}
-        </div>
-        {tool.error ? <p className="v2-btw-error">{tool.error}</p> : null}
-        {tool.output ? <pre className="v2-btw-tool-output">{tool.output}</pre> : null}
-        {tool.detailsOmitted ? <p data-ui-notice="" className="v2-btw-tool-note">{t('Some earlier or lengthy details were omitted.')}</p> : null}
-      </li>;
-    })}</ul>
-  </ToolDisclosure>;
-}
-
 /** Success is a structured tool result, never a claim inferred from answer text. */
-export function SideAnalysisResults({ tools }: { readonly tools: readonly SideToolActivity[] }) {
+export function SideAnalysisResult({ tool }: { readonly tool: SideToolActivity }) {
   const { t } = useI18n();
-  return tools.map(tool => <ToolDisclosure key={tool.id} failed={tool.state === 'error'}
+  return <ToolDisclosure failed={tool.state === 'error'}
     label={t(tool.state === 'done' ? 'Example run completed' : tool.state === 'error' ? 'Example execution failed' : 'Example result unconfirmed')}
     icon={tool.state === 'done' ? <CircleCheck aria-hidden="true" /> : <StatusIcon state={tool.state} />}>
     {tool.code ? <CodeBlock text={tool.code} language={tool.language ?? 'javascript'} /> : null}
@@ -97,5 +79,5 @@ export function SideAnalysisResults({ tools }: { readonly tools: readonly SideTo
     {tool.error ? <p className="v2-btw-error">{tool.error}</p> : null}
     <p data-ui-notice="" className="v2-btw-tool-note">{t(tool.state === 'done' ? 'Only this isolated example ran; project tests were not run.' : 'No successful result was confirmed for this example.')}</p>
     {tool.detailsOmitted ? <p data-ui-notice="" className="v2-btw-tool-note">{t('Some earlier or lengthy details were omitted.')}</p> : null}
-  </ToolDisclosure>);
+  </ToolDisclosure>;
 }
diff --git a/packages/chat-ui/src/chat/sideChat.ts b/packages/chat-ui/src/chat/sideChat.ts
index 09f9b987..c0cd1eab 100644
--- a/packages/chat-ui/src/chat/sideChat.ts
+++ b/packages/chat-ui/src/chat/sideChat.ts
@@ -15,6 +15,12 @@ export interface SideToolActivity {
   readonly detailsOmitted?: boolean;
 }
 
+/** Arrival order of one answer; text spans `answer` from `start` to the next text part. */
+export type SideReplyPart =
+  | { readonly kind: 'thinking'; readonly id: string; readonly text: string; readonly active: boolean; readonly truncated: boolean; readonly durationMs?: number }
+  | { readonly kind: 'tool'; readonly id: string }
+  | { readonly kind: 'text'; readonly start: number };
+
 export interface SideConversation {
   readonly status: 'idle' | 'preparing' | 'ready' | 'error' | 'unsupported';
   readonly stopping?: boolean;
@@ -23,9 +29,7 @@ export interface SideConversation {
     readonly question: string;
     readonly images?: readonly SideChatImage[];
     readonly answer: string;
-    readonly thinking?: string;
-    readonly thinkingTruncated?: boolean;
-    readonly thinkingDurationMs?: number;
+    readonly parts?: readonly SideReplyPart[];
     readonly state: 'streaming' | 'done' | 'error';
     readonly stopped?: boolean;
     readonly progress?: 'waiting' | 'thinking' | 'tool' | 'answering';
diff --git a/packages/chat-ui/src/styles/btw.css b/packages/chat-ui/src/styles/btw.css
index ed1e2555..9a38402c 100644
--- a/packages/chat-ui/src/styles/btw.css
+++ b/packages/chat-ui/src/styles/btw.css
@@ -102,21 +102,12 @@
     transition: color var(--motion-fast) var(--motion-ease);
   }
   .v2-btw-tool-toggle:hover:not(:disabled) { color: var(--ink); }
-  .v2-btw-tool-verb { flex: none; color: var(--secondary-ink); font-weight: 500; transition: color var(--motion-fast) var(--motion-ease); }
-  .v2-btw-tool-toggle:hover:not(:disabled) .v2-btw-tool-verb { color: var(--ink); }
   .v2-btw-tool-counts { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .v2-btw-tool-status { flex: none; color: var(--muted-ink); font-size: 11px; white-space: nowrap; }
-  .v2-btw-tool-status[data-failed] { color: var(--error-ink); }
   .v2-btw-tool-toggle > svg { width: 12px; height: 12px; flex: none; }
   .v2-btw-tool-toggle .v2-btw-tool-chevron { width: 12px; height: 12px; transition: transform var(--motion-fast) var(--motion-ease); }
   .v2-btw-tool-toggle[data-state='open'] .v2-btw-tool-chevron { transform: rotate(90deg); }
   .v2-btw-tool-toggle[data-failed] { color: var(--error-ink); }
   .v2-btw-tool-detail { min-width: 0; padding: 2px 0 6px 16px; }
-  .v2-btw-tool-list { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
-  .v2-btw-tool-row { display: flex; min-width: 0; align-items: center; gap: 6px; color: var(--muted-ink); font-size: 12px; line-height: 18px; user-select: none; }
-  .v2-btw-tool-row > span:first-of-type { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .v2-btw-tool-row svg { width: 12px; height: 12px; flex: none; color: var(--muted-ink); }
-  .v2-btw-tool-row [data-failed] svg { color: var(--error-ink); }
   .v2-btw-tool-output { max-height: 180px; padding: 8px; margin-top: 6px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--soft-surface); border-radius: var(--control-radius); font: 12px/1.6 var(--vscode-editor-font-family, monospace); }
   .v2-btw-tool-note { margin-top: 6px; color: var(--muted-ink); font-size: 11px; line-height: 17px; }
   .v2-btw-progress { display: flex; min-width: 0; align-items: center; gap: 6px; margin-top: 4px; color: var(--muted-ink); font-size: 12px; line-height: 18px; user-select: none; }
@@ -211,6 +202,6 @@
   .v2-btw-send:focus-visible { outline: 1px solid var(--focus); outline-offset: 2px; }
   .v2-btw-send:disabled { background: var(--soft-surface); color: var(--muted-ink); opacity: 1; }
   @media (prefers-reduced-motion: reduce) {
-    .v2-btw-composer, .v2-btw-send, .v2-btw-resizer::after, .v2-btw-tool-toggle, .v2-btw-tool-verb, .v2-btw-tool-chevron { transition: none; }
+    .v2-btw-composer, .v2-btw-send, .v2-btw-resizer::after, .v2-btw-tool-toggle, .v2-btw-tool-chevron { transition: none; }
   }
 }
diff --git a/src/extension/btw/btwCardState.test.ts b/src/extension/btw/btwCardState.test.ts
index 60263845..ed9c9f0b 100644
--- a/src/extension/btw/btwCardState.test.ts
+++ b/src/extension/btw/btwCardState.test.ts
@@ -8,6 +8,8 @@ import {
 import {
   appendBtwAnswerDelta,
   appendBtwQuestion,
+  applyBtwThinking,
+  applyBtwTool,
   completeBtwEntry,
   failBtwEntry,
   setBtwPendingQuestion,
@@ -37,6 +39,24 @@ describe('btwCardState', () => {
     });
   });
 
+  it('keeps thinking, tools and prose in arrival order and updates blocks in place', () => {
+    const block = (id: string, text: string, active: boolean) => ({ id, text, active, truncated: false });
+    let state = appendBtwQuestion(EMPTY_SESSION_BTW_STATE, 'e1', 'q');
+    state = applyBtwThinking(state, 'e1', { kind: 'thinking', blocks: [block('thinking-0', 'Plan', true)] });
+    state = applyBtwTool(state, 'e1', { id: 'read-1', name: 'Read', kind: 'read', state: 'running' });
+    state = appendBtwAnswerDelta(state, 'e1', 'First. ');
+    state = applyBtwThinking(state, 'e1', { kind: 'thinking', blocks: [block('thinking-0', 'Plan done', false), block('thinking-1', 'Next', true)] });
+    state = applyBtwTool(state, 'e1', { id: 'read-1', name: 'Read', kind: 'read', state: 'done' });
+    state = appendBtwAnswerDelta(state, 'e1', 'Second.');
+    expect(state.entries[0]?.parts).toEqual([
+      { kind: 'thinking', id: 'thinking-0', text: 'Plan done', active: false, truncated: false },
+      { kind: 'tool', id: 'read-1' },
+      { kind: 'text', start: 0 },
+      { kind: 'thinking', id: 'thinking-1', text: 'Next', active: true, truncated: false },
+      { kind: 'text', start: 7 },
+    ]);
+  });
+
   it('marks failed entries with their quiet error copy', () => {
     let state = appendBtwQuestion(EMPTY_SESSION_BTW_STATE, 'e1', 'write a file');
     state = failBtwEntry(state, 'e1', 'Ask this one in the main chat.');
diff --git a/src/extension/btw/btwCardState.ts b/src/extension/btw/btwCardState.ts
index d4470f93..220af4ed 100644
--- a/src/extension/btw/btwCardState.ts
+++ b/src/extension/btw/btwCardState.ts
@@ -2,6 +2,7 @@ import {
   MAX_BTW_ANSWER_LENGTH,
   MAX_BTW_THINKING_LENGTH,
   MAX_BTW_ENTRIES,
+  type BtwEntryPart,
   type BtwEntryProgress,
   type BtwStatus,
   type SessionBtwState,
@@ -17,11 +18,25 @@ export function applyBtwTool(state: SessionBtwState, id: string, tool: BtwToolAc
     const tools = [...entry.tools ?? []];
     const index = tools.findIndex(item => item.id === tool.id);
     if (index < 0) tools.push(tool); else tools[index] = tool;
-    return { ...entry, tools: retainBtwTools(tools), progress: tool.state === 'running' ? 'tool' as const
+    const retained = retainBtwTools(tools);
+    const parts = index < 0 ? [...entry.parts ?? [], { kind: 'tool' as const, id: tool.id }] : entry.parts ?? [];
+    return { ...entry, tools: retained, parts: retainParts(parts, retained), progress: tool.state === 'running' ? 'tool' as const
       : entry.progress === 'tool' ? 'waiting' as const : entry.progress };
   }) };
 }
 
+/** Drops parts of evicted tools; text parts left adjacent merge into the earlier one. */
+function retainParts(parts: readonly BtwEntryPart[], tools: readonly BtwToolActivity[]): readonly BtwEntryPart[] {
+  const ids = new Set(tools.map(tool => tool.id));
+  const kept: BtwEntryPart[] = [];
+  for (const part of parts) {
+    if (part.kind === 'tool' && !ids.has(part.id)) continue;
+    if (part.kind === 'text' && kept.at(-1)?.kind === 'text') continue;
+    kept.push(part);
+  }
+  return kept;
+}
+
 function settleTools(tools: readonly BtwToolActivity[] | undefined): readonly BtwToolActivity[] | undefined {
   return tools?.map(tool => tool.state === 'running' ? { ...tool, state: 'incomplete' as const } : tool);
 }
@@ -112,23 +127,35 @@ export function appendBtwAnswerDelta(
       return entry;
     }
     changed = true;
+    const parts = entry.parts ?? [];
     return {
       ...entry,
       answer: (entry.answer + text).slice(0, MAX_BTW_ANSWER_LENGTH),
+      parts: text.length === 0 || parts.at(-1)?.kind === 'text' ? parts : [...parts, { kind: 'text' as const, start: entry.answer.length }],
       progress: 'answering' as const,
     };
   });
   return changed ? { ...state, entries } : state;
 }
 
-/** Retains the SDK's reconciled text and duration, including textless thinking events. */
+/** Updates known thinking blocks in place and appends new ones where they began, including textless blocks. */
 export function applyBtwThinking(state: SessionBtwState, id: string, event: BtwThinkingEvent): SessionBtwState {
-  return { ...state, entries: state.entries.map((entry) => entry.id !== id || entry.state !== 'streaming' ? entry : {
-    ...entry,
-    thinking: event.text.slice(0, MAX_BTW_THINKING_LENGTH),
-    thinkingTruncated: event.truncated,
-    ...(event.durationMs === undefined ? {} : { thinkingDurationMs: event.durationMs }),
-    progress: event.active ? 'thinking' : entry.progress === 'thinking' ? 'waiting' : entry.progress,
+  return { ...state, entries: state.entries.map((entry) => {
+    if (entry.id !== id || entry.state !== 'streaming') return entry;
+    const parts = [...entry.parts ?? []];
+    let budget = MAX_BTW_THINKING_LENGTH;
+    for (const block of event.blocks) {
+      const text = block.text.slice(0, budget);
+      budget -= text.length;
+      const part: BtwEntryPart = { kind: 'thinking', id: block.id, text, active: block.active,
+        truncated: block.truncated || text.length < block.text.length,
+        ...(block.durationMs === undefined ? {} : { durationMs: block.durationMs }) };
+      const index = parts.findIndex(item => item.kind === 'thinking' && item.id === block.id);
+      if (index < 0) parts.push(part); else parts[index] = part;
+    }
+    const active = event.blocks.some(block => block.active);
+    return { ...entry, parts,
+      progress: active ? 'thinking' as const : entry.progress === 'thinking' ? 'waiting' as const : entry.progress };
   }) };
 }
 
diff --git a/src/extension/btw/btwSideChat.test.ts b/src/extension/btw/btwSideChat.test.ts
index d400c54f..50a7f540 100644
--- a/src/extension/btw/btwSideChat.test.ts
+++ b/src/extension/btw/btwSideChat.test.ts
@@ -146,6 +146,7 @@ describe('BtwSideChat', () => {
         id: 'btw-1',
         question: 'What is this?',
         answer: 'Hello side',
+        parts: [{ kind: 'text', start: 0 }],
         state: 'done',
         message: null,
       },
@@ -178,6 +179,7 @@ describe('BtwSideChat', () => {
         id: 'btw-1',
         question: 'q',
         answer: 'Partial answer',
+        parts: [{ kind: 'text', start: 0 }],
         state: 'done',
         stopped: true,
         message: null,
diff --git a/src/runtime/btw/btwThinking.ts b/src/runtime/btw/btwThinking.ts
index f9f51299..f8dedde6 100644
--- a/src/runtime/btw/btwThinking.ts
+++ b/src/runtime/btw/btwThinking.ts
@@ -1,14 +1,21 @@
-import { MAX_BTW_THINKING_LENGTH } from '../../shared/protocol/btwProtocol';
+import { MAX_BTW_THINKING_BLOCKS, MAX_BTW_THINKING_LENGTH } from '../../shared/protocol/btwProtocol';
 
-export interface BtwThinkingEvent {
-  readonly kind: 'thinking';
+export interface BtwThinkingBlock {
+  readonly id: string;
   readonly text: string;
   readonly active: boolean;
   readonly truncated: boolean;
   readonly durationMs?: number;
 }
 
+/** Every retained block in first-seen order, so consumers can place each one where it began. */
+export interface BtwThinkingEvent {
+  readonly kind: 'thinking';
+  readonly blocks: readonly BtwThinkingBlock[];
+}
+
 interface ThinkingBlock {
+  readonly id: string;
   text: string;
   complete: boolean;
   truncated: boolean;
@@ -18,6 +25,7 @@ interface ThinkingBlock {
 /** One question's SDK thinking blocks, shared by process notifications and daemon streams. */
 export class BtwThinkingProjection {
   private readonly messages = new Map<string, Map<number, ThinkingBlock>>();
+  private readonly order: ThinkingBlock[] = [];
   private retainedLength = 0;
 
   project(event: {
@@ -62,7 +70,12 @@ export class BtwThinkingProjection {
     let message = this.messages.get(messageId);
     if (!message) { message = new Map(); this.messages.set(messageId, message); }
     let block = message.get(index);
-    if (!block) { block = { text: '', complete: false, truncated: false }; message.set(index, block); }
+    if (!block) {
+      if (this.order.length >= MAX_BTW_THINKING_BLOCKS) return null;
+      block = { id: `thinking-${this.order.length}`, text: '', complete: false, truncated: false };
+      message.set(index, block);
+      this.order.push(block);
+    }
     return block;
   }
 
@@ -79,15 +92,10 @@ export class BtwThinkingProjection {
   }
 
   private snapshot(): BtwThinkingEvent {
-    const blocks = [...this.messages.values()].flatMap((message) => [...message.entries()].sort(([a], [b]) => a - b).map(([, block]) => block));
-    const text = blocks.map((block) => block.text).filter(Boolean).join('\n\n');
-    const durations = blocks.flatMap((block) => block.durationMs === undefined ? [] : [block.durationMs]);
-    return {
-      kind: 'thinking', text: text.slice(0, MAX_BTW_THINKING_LENGTH),
-      active: blocks.some((block) => !block.complete),
-      truncated: text.length > MAX_BTW_THINKING_LENGTH || blocks.some((block) => block.truncated),
-      ...(durations.length ? { durationMs: Math.min(Number.MAX_SAFE_INTEGER, durations.reduce((total, duration) => total + duration, 0)) } : {}),
-    };
+    return { kind: 'thinking', blocks: this.order.map((block) => ({
+      id: block.id, text: block.text, active: !block.complete, truncated: block.truncated,
+      ...(block.durationMs === undefined ? {} : { durationMs: block.durationMs }),
+    })) };
   }
 }
 
diff --git a/src/shared/protocol/btwProtocol.test.ts b/src/shared/protocol/btwProtocol.test.ts
index 9ce57ba1..2f655bd6 100644
--- a/src/shared/protocol/btwProtocol.test.ts
+++ b/src/shared/protocol/btwProtocol.test.ts
@@ -176,6 +176,23 @@ describe('parseSessionBtwMessage', () => {
     expect(parseSessionBtwMessage(validMessage())?.btw.entries[0]?.message).toBeNull();
   });
 
+  it('accepts ordered parts and rejects a tool part without its tool', () => {
+    const message = validMessage();
+    const entry = {
+      id: 'e', question: 'q', answer: 'ab', state: 'done',
+      tools: [{ id: 'read-1', name: 'Read', kind: 'read', state: 'done' }],
+      parts: [
+        { kind: 'thinking', id: 'thinking-0', text: 'plan', active: false, truncated: false, durationMs: 10 },
+        { kind: 'tool', id: 'read-1' },
+        { kind: 'text', start: 0 },
+      ],
+    };
+    (message.btw as Record<string, unknown>).entries = [entry];
+    expect(parseSessionBtwMessage(message)?.btw.entries[0]?.parts).toHaveLength(3);
+    (message.btw as Record<string, unknown>).entries = [{ ...entry, tools: [] }];
+    expect(parseSessionBtwMessage(message)).toBeNull();
+  });
+
   it('rejects duplicate entry ids', () => {
     const message = validMessage();
     const entry = {
diff --git a/src/shared/protocol/btwProtocol.ts b/src/shared/protocol/btwProtocol.ts
index eba144f1..13f10ced 100644
--- a/src/shared/protocol/btwProtocol.ts
+++ b/src/shared/protocol/btwProtocol.ts
@@ -1,5 +1,5 @@
 import { MAX_BRIDGE_ID_LENGTH } from './interactionProtocol';
-import { isBtwToolActivities, type BtwToolActivity } from './btwToolActivity';
+import { isBtwToolActivities, MAX_BTW_TOOLS, type BtwToolActivity } from './btwToolActivity';
 import { hasExactKeys } from '../validation/strictValidation';
 import { isEnumValue, isSafeModelId } from '../validation/guards';
 import { SESSION_REASONING_EFFORTS } from './bounds';
@@ -30,6 +30,10 @@ export const MAX_BTW_ENTRIES = 20;
 export const MAX_BTW_ANSWER_LENGTH = 32_000;
 /** Bounded SDK-provided thinking text, independent of the answer budget. */
 export const MAX_BTW_THINKING_LENGTH = 32_000;
+/** Most SDK thinking blocks kept per answer. */
+export const MAX_BTW_THINKING_BLOCKS = 64;
+/** Text parts only follow a non-text part, so this bounds every valid sequence. */
+export const MAX_BTW_PARTS = 2 * (MAX_BTW_THINKING_BLOCKS + MAX_BTW_TOOLS) + 1;
 /** Longest status message shown on the card (error/unsupported). */
 export const MAX_BTW_MESSAGE_LENGTH = 512;
 
@@ -42,6 +46,15 @@ export type BtwEntryState = (typeof BTW_ENTRY_STATES)[number];
 export const BTW_ENTRY_PROGRESS = ['waiting', 'thinking', 'tool', 'answering'] as const;
 export type BtwEntryProgress = (typeof BTW_ENTRY_PROGRESS)[number];
 
+/**
+ * One answer's segments in arrival order. Tool parts reference `tools` by id;
+ * a text part spans `answer` from `start` to the next text part.
+ */
+export type BtwEntryPart =
+  | { readonly kind: 'thinking'; readonly id: string; readonly text: string; readonly active: boolean; readonly truncated: boolean; readonly durationMs?: number }
+  | { readonly kind: 'tool'; readonly id: string }
+  | { readonly kind: 'text'; readonly start: number };
+
 /** One question/answer pair on the side-chat card. */
 export interface BtwEntry {
   readonly id: string;
@@ -51,9 +64,7 @@ export interface BtwEntry {
   readonly reasoningEffort?: SessionReasoningEffort;
   /** Accumulated answer text, bounded to MAX_BTW_ANSWER_LENGTH. */
   readonly answer: string;
-  readonly thinking?: string;
-  readonly thinkingTruncated?: boolean;
-  readonly thinkingDurationMs?: number;
+  readonly parts?: readonly BtwEntryPart[];
   readonly state: BtwEntryState;
   /** Turn ended after a user-requested stop; partial text is retained. */
   readonly stopped?: boolean;
@@ -196,10 +207,45 @@ export function parseBtwStopMessage(value: unknown): BtwStopMessage | null {
   return { type: 'btw.stop', sessionId: value.sessionId };
 }
 
+function isDuration(value: unknown): value is number {
+  return typeof value === 'number' && Number.isFinite(value) && value >= 0 && value <= Number.MAX_SAFE_INTEGER;
+}
+
+function isBtwEntryParts(value: unknown, answerLength: number, tools: readonly BtwToolActivity[] | undefined): value is readonly BtwEntryPart[] {
+  if (!Array.isArray(value) || value.length > MAX_BTW_PARTS) return false;
+  const toolIds = new Set(tools?.map((tool) => tool.id));
+  const seenThinking = new Set<string>();
+  const seenTools = new Set<string>();
+  let thinkingLength = 0;
+  let lastStart = -1;
+  let previous: unknown;
+  for (const part of value) {
+    if (!isRecord(part)) return false;
+    if (part.kind === 'thinking') {
+      if (!hasExactKeys(part, ['kind', 'id', 'text', 'active', 'truncated'], ['durationMs']) || !isId(part.id) ||
+        seenThinking.has(part.id) || typeof part.text !== 'string' || typeof part.active !== 'boolean' ||
+        typeof part.truncated !== 'boolean' || (part.durationMs !== undefined && !isDuration(part.durationMs))) return false;
+      seenThinking.add(part.id);
+      thinkingLength += part.text.length;
+    } else if (part.kind === 'tool') {
+      if (!hasExactKeys(part, ['kind', 'id']) || !isId(part.id) || !toolIds.has(part.id) || seenTools.has(part.id)) return false;
+      seenTools.add(part.id);
+    } else if (part.kind === 'text') {
+      if (!hasExactKeys(part, ['kind', 'start']) || typeof part.start !== 'number' || !Number.isSafeInteger(part.start) ||
+        previous === 'text' || part.start >= answerLength || (lastStart < 0 ? part.start !== 0 : part.start <= lastStart)) return false;
+      lastStart = part.start;
+    } else {
+      return false;
+    }
+    previous = part.kind;
+  }
+  return thinkingLength <= MAX_BTW_THINKING_LENGTH;
+}
+
 function parseBtwEntry(value: unknown, seenIds: Set<string>, maxQuestionLength: number): BtwEntry | null {
   if (
     !isRecord(value) ||
-    !hasExactKeys(value, ['id', 'question', 'answer', 'state'], ['message', 'progress', 'images', 'modelId', 'reasoningEffort', 'thinking', 'thinkingTruncated', 'thinkingDurationMs', 'tools', 'stopped']) ||
+    !hasExactKeys(value, ['id', 'question', 'answer', 'state'], ['message', 'progress', 'images', 'modelId', 'reasoningEffort', 'parts', 'tools', 'stopped']) ||
     (value.stopped !== undefined && typeof value.stopped !== 'boolean') ||
     (value.tools !== undefined && !isBtwToolActivities(value.tools)) ||
     !isId(value.id) ||
@@ -210,9 +256,7 @@ function parseBtwEntry(value: unknown, seenIds: Set<string>, maxQuestionLength:
     (value.reasoningEffort !== undefined && !isEnumValue(value.reasoningEffort, SESSION_REASONING_EFFORTS)) ||
     (!value.question.length && !(Array.isArray(value.images) && value.images.length)) ||
     !isBoundedString(value.answer, MAX_BTW_ANSWER_LENGTH) ||
-    (value.thinking !== undefined && !isBoundedString(value.thinking, MAX_BTW_THINKING_LENGTH)) ||
-    (value.thinkingTruncated !== undefined && typeof value.thinkingTruncated !== 'boolean') ||
-    (value.thinkingDurationMs !== undefined && (typeof value.thinkingDurationMs !== 'number' || !Number.isFinite(value.thinkingDurationMs) || value.thinkingDurationMs < 0 || value.thinkingDurationMs > Number.MAX_SAFE_INTEGER)) ||
+    (value.parts !== undefined && !isBtwEntryParts(value.parts, value.answer.length, value.tools as readonly BtwToolActivity[] | undefined)) ||
     !BTW_ENTRY_STATES.includes(value.state as BtwEntryState)
   ) {
     return null;
@@ -240,9 +284,7 @@ function parseBtwEntry(value: unknown, seenIds: Set<string>, maxQuestionLength:
     ...(value.modelId === undefined ? {} : { modelId: value.modelId as string }),
     ...(value.reasoningEffort === undefined ? {} : { reasoningEffort: value.reasoningEffort as SessionReasoningEffort }),
     answer: value.answer,
-    ...(value.thinking === undefined ? {} : { thinking: value.thinking as string }),
-    ...(value.thinkingTruncated === undefined ? {} : { thinkingTruncated: value.thinkingTruncated as boolean }),
-    ...(value.thinkingDurationMs === undefined ? {} : { thinkingDurationMs: value.thinkingDurationMs as number }),
+    ...(value.parts === undefined ? {} : { parts: value.parts as readonly BtwEntryPart[] }),
     state: value.state as BtwEntryState,
     ...(value.stopped === undefined ? {} : { stopped: value.stopped as boolean }),
     ...(value.tools === undefined ? {} : { tools: value.tools as readonly BtwToolActivity[] }),
diff --git a/src/webview-v2/dev/BtwPreview.tsx b/src/webview-v2/dev/BtwPreview.tsx
index 6d35742f..9085e12a 100644
--- a/src/webview-v2/dev/BtwPreview.tsx
+++ b/src/webview-v2/dev/BtwPreview.tsx
@@ -17,7 +17,28 @@ const sample: SessionBtwState = {
     {
       id: 'preview-follow-up', state: 'done', message: null,
       question: '那 BTW 会影响主对话吗？',
-      answer: 'BTW 使用独立的侧问答会话，不会把这段追问写进主对话。\n\n- 可以继续阅读主对话，同时在这里追问。\n- 回答过程中可以先写下一条问题。\n- 关闭 BTW 仅隐藏面板，重新打开可继续草稿和侧问答。',
+      answer: '先看一下 BTW 的会话来源。\n\nBTW 使用独立的侧问答会话，不会把这段追问写进主对话。\n\n- 可以继续阅读主对话，同时在这里追问。\n- 回答过程中可以先写下一条问题。\n- 关闭 BTW 仅隐藏面板，重新打开可继续草稿和侧问答。',
+      tools: [
+        { id: 'preview-read', name: 'Read', kind: 'read', state: 'done', target: 'src/extension/btw/btwSideChat.ts' },
+        { id: 'preview-search', name: 'Grep', kind: 'search', state: 'done', target: 'forkSession' },
+      ],
+      parts: [
+        { kind: 'thinking', id: 'thinking-0', text: '用户想确认侧问答是否写回主会话，先找 fork 的创建位置。', active: false, truncated: false, durationMs: 1_800 },
+        { kind: 'tool', id: 'preview-read' },
+        { kind: 'tool', id: 'preview-search' },
+        { kind: 'text', start: 0 },
+        { kind: 'thinking', id: 'thinking-1', text: 'fork 独立保存，主会话不会收到这些消息。', active: false, truncated: false, durationMs: 900 },
+        { kind: 'text', start: 17 },
+      ],
+    },
+    {
+      id: 'preview-streaming', state: 'streaming', message: null, progress: 'tool',
+      question: '停止回答时会保留哪些内容？', answer: '',
+      tools: [{ id: 'preview-running', name: 'Read', kind: 'read', state: 'running', target: 'src/extension/btw/btwStopState.ts' }],
+      parts: [
+        { kind: 'thinking', id: 'thinking-0', text: '先看停止状态如何结算。', active: false, truncated: false, durationMs: 600 },
+        { kind: 'tool', id: 'preview-running' },
+      ],
     },
   ],
 };

From 117a970fdfa2e358b35804dd39ecf9fd69ead7b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Sat, 31 Oct 2026 16:43:20 +0800
Subject: [PATCH 19/32] fix(btw): show the Droid mark beside an answer

The side chat author line used the neutral Aperture glyph; use the Droid
pinwheel mark that the rest of the product shows.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 packages/chat-ui/src/chat/SideChatSheet.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/chat-ui/src/chat/SideChatSheet.tsx b/packages/chat-ui/src/chat/SideChatSheet.tsx
index 3222ad48..0611cb7b 100644
--- a/packages/chat-ui/src/chat/SideChatSheet.tsx
+++ b/packages/chat-ui/src/chat/SideChatSheet.tsx
@@ -1,6 +1,6 @@
 import { useI18n } from '../i18n';
 import { useEffect, useRef, type PointerEvent } from 'react';
-import { Aperture, ArrowUp, Clock3, MessageSquare, Quote, X } from 'lucide-react';
+import { ArrowUp, Clock3, MessageSquare, Quote, X } from 'lucide-react';
 import { AnswerStopButton } from './AnswerStopButton';
 import type { SideChatProps } from './sideChat';
 import { useUiEnvironment } from '../environment';
@@ -9,6 +9,7 @@ import { useSmoothFollowScroll } from '../navigation/useSmoothFollowScroll';
 import { Button } from '../ui/button';
 import { DroidActivity } from '../ui/droid-motion';
 import type { InlineInputHandle } from '../ui/inline-input';
+import { PinwheelIcon } from '../ui/pinwheel-icon';
 import { QuoteChips } from './QuoteChips';
 import { SideReply } from './SideReply';
 import { ReferencedText } from './CodeReferenceChips';
@@ -106,7 +107,7 @@ export function SideChatSheet({ state, draft, quote, quotes, notice, width, onDr
                 </div>
             </div>
             <div aria-label={t("{p0} answer", { p0: assistantName })} className="v2-btw-answer">
-              <div data-ui-notice="" className="v2-btw-author"><Aperture aria-hidden="true" />{assistantName}</div>
+              <div data-ui-notice="" className="v2-btw-author"><PinwheelIcon aria-hidden="true" />{assistantName}</div>
               <SideReply entry={entry} preparing={preparing} />
             </div>
             {entry.message ? <p role="alert" className="v2-btw-error">{entry.message}</p> : null}

From 748ff9af4f72f736786b824d3f3ebbc94995a64a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Sat, 31 Oct 2026 16:59:13 +0800
Subject: [PATCH 20/32] fix(btw): keep side chat content inside the panel

The transcript, question block and footer scrolled horizontally, so
resizing the panel could push content out of view. Scroll vertically only,
wrap long question text, and size the panel against its row instead of the
viewport.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 packages/chat-ui/src/chat/SideChatSheet.tsx |  2 +-
 packages/chat-ui/src/styles/btw.css         | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/chat-ui/src/chat/SideChatSheet.tsx b/packages/chat-ui/src/chat/SideChatSheet.tsx
index 0611cb7b..f9cfa4ff 100644
--- a/packages/chat-ui/src/chat/SideChatSheet.tsx
+++ b/packages/chat-ui/src/chat/SideChatSheet.tsx
@@ -71,7 +71,7 @@ export function SideChatSheet({ state, draft, quote, quotes, notice, width, onDr
   };
   return <aside ref={panel} aria-label={t("By the Way side chat")} data-webview-overlay=""
     className="v2-btw-panel v2-chat-surface"
-    style={{ width: `min(${width}px,calc(100vw - 160px))` }}>
+    style={{ width: `min(${width}px,calc(100% - 160px))` }}>
     <div role="separator" aria-label={t("Resize By the Way panel")} aria-orientation="vertical" aria-valuemin={220} aria-valuemax={520} aria-valuenow={width} tabIndex={0}
       className="v2-btw-resizer"
       onPointerDown={(event) => { resize.current = { id: event.pointerId, x: event.clientX, width: panel.current!.getBoundingClientRect().width }; event.currentTarget.setPointerCapture(event.pointerId); }}
diff --git a/packages/chat-ui/src/styles/btw.css b/packages/chat-ui/src/styles/btw.css
index 9a38402c..fddc2550 100644
--- a/packages/chat-ui/src/styles/btw.css
+++ b/packages/chat-ui/src/styles/btw.css
@@ -5,6 +5,7 @@
     height: 100%;
     min-width: 0;
     min-height: 0;
+    max-width: 100%;
     flex-shrink: 0;
     grid-template-rows: 36px minmax(0, 1fr) auto;
     border-left: 1px solid var(--panel-edge);
@@ -50,7 +51,8 @@
   }
   .v2-btw-viewport {
     min-height: 0;
-    overflow: auto;
+    overflow-x: hidden;
+    overflow-y: auto;
     overscroll-behavior: contain;
     overflow-anchor: none;
     scrollbar-gutter: stable;
@@ -82,18 +84,20 @@
   }
   .v2-btw-question-content {
     max-height: min(160px, 30vh);
-    overflow: auto;
+    overflow-x: hidden;
+    overflow-y: auto;
     overscroll-behavior-x: contain;
     border-radius: 2px;
     outline: none;
     font-size: 13px;
     line-height: 21px;
+    overflow-wrap: anywhere;
   }
   .v2-btw-question-content:focus-visible { outline: 1px solid var(--focus); outline-offset: -1px; }
   .v2-btw-answer { min-width: 0; padding: 4px 2px 0; }
   .v2-btw-speaker { margin-right: 8px; color: var(--muted-ink); font-size: 12px; }
   .v2-btw-author { display: flex; align-items: center; gap: 6px; margin: 4px 0 6px; color: var(--muted-ink); font-size: 12px; }
-  .v2-btw-author > svg { width: 16px; height: 16px; }
+  .v2-btw-author > svg { width: 16px; height: 16px; flex: none; }
   .v2-btw-tool-record { min-width: 0; }
   .v2-btw-tool-toggle {
     display: flex; width: 100%; min-width: 0; align-items: center; gap: 6px;
@@ -117,7 +121,8 @@
     min-width: 0;
     max-height: 65vh;
     padding: 0 12px 12px;
-    overflow: auto;
+    overflow-x: hidden;
+    overflow-y: auto;
     overscroll-behavior: contain;
   }
   .v2-btw-queued {

From 675c0f65f3e851b5a8828704d5a837763f5e35df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Sun, 1 Nov 2026 22:42:46 +0800
Subject: [PATCH 21/32] perf(chat): speed up session recovery and subagent
 viewer rendering

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                |  2 +-
 .../src/chat/ReadOnlyTranscriptView.tsx       | 32 +++++++++--
 .../chat/subagents/subagentInvocationScope.ts |  3 +-
 .../SessionViewerPanelController.test.ts      | 33 ++++++++++++
 .../SessionViewerPanelController.ts           | 54 ++++++++++++++++++-
 src/extension/workspace/worktreeSessions.ts   | 48 +++++++++--------
 src/runtime/catalog/FactorySessionCatalog.ts  |  6 ++-
 src/runtime/daemon/windowDaemonPool.ts        | 11 +++-
 src/runtime/history/projectSessionHistory.ts  | 18 +++----
 src/runtime/ide/persistentIdeRelay.ts         |  8 ++-
 src/webview-v2/chat/ActivityGroup.tsx         | 20 ++++++-
 src/webview-v2/chat/Transcript.tsx            |  6 +--
 src/webview-v2/chat/transcript/planAnchor.ts  | 37 +++++++++++++
 src/webview-v2/viewer/ReadOnlyTranscript.tsx  | 17 +++---
 14 files changed, 235 insertions(+), 60 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index 198c0108..512f2048 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/ReadOnlyTranscriptView.tsx b/packages/chat-ui/src/chat/ReadOnlyTranscriptView.tsx
index d45914d0..b47638d9 100644
--- a/packages/chat-ui/src/chat/ReadOnlyTranscriptView.tsx
+++ b/packages/chat-ui/src/chat/ReadOnlyTranscriptView.tsx
@@ -1,11 +1,13 @@
 import { useI18n } from '../i18n';
 import { memo, useCallback, useLayoutEffect, useMemo, useRef, useState, type CSSProperties, type ReactNode } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { ArrowDown } from 'lucide-react';
+import { ArrowDown, ChevronUp } from 'lucide-react';
 import { ProcessPresentationProvider } from './processPresentation';
 import { useTranscriptScroll } from './useTranscriptScroll';
 import { Button } from '../ui/button';
 import type { TranscriptMessage } from './TranscriptView';
+const DEFAULT_MESSAGE_WINDOW = 60;
+const MESSAGE_WINDOW_STEP = 120;
 // Keep the message subtree stable when only its virtual row size changes.
 const ReadOnlyMessageContent = memo(function ReadOnlyMessageContent({ id, renderMessage, stopFollowing }: {
   readonly id: string; readonly stopFollowing: () => void;
@@ -23,6 +25,16 @@ export function ReadOnlyTranscriptView({ messages, truncated = false, renderMess
   const scrolling = useTranscriptScroll(viewport, content, null, 0);
   const leading = useRef<HTMLDivElement>(null);
   const [scrollMargin, setScrollMargin] = useState(20);
+  const [windowCount, setWindowCount] = useState(DEFAULT_MESSAGE_WINDOW);
+  const hiddenMessageCount = Math.max(0, messages.length - windowCount);
+  const descriptors = useMemo(() => hiddenMessageCount > 0 ? messages.slice(hiddenMessageCount) : messages, [messages, hiddenMessageCount]);
+  const historyAnchor = useRef<{ height: number; top: number } | null>(null);
+  const revealEarlier = () => {
+    const element = viewport.current;
+    scrolling.stopFollowing();
+    historyAnchor.current = element ? { height: element.scrollHeight, top: element.scrollTop } : null;
+    setWindowCount((current) => current + MESSAGE_WINDOW_STEP);
+  };
   useLayoutEffect(() => {
     const element = leading.current, scroller = viewport.current;
     if (!element || !scroller) return;
@@ -31,9 +43,14 @@ export function ReadOnlyTranscriptView({ messages, truncated = false, renderMess
     const observer = new ResizeObserver(measure);
     observer.observe(element); observer.observe(scroller);
     return () => observer.disconnect();
-  }, [truncated]);
-  const descriptors = messages;
-  const ids = useMemo(() => messages.map((message) => message.id), [messages]);
+  }, [truncated, hiddenMessageCount]);
+  useLayoutEffect(() => {
+    const anchor = historyAnchor.current, element = viewport.current;
+    if (!anchor || !element) return;
+    historyAnchor.current = null;
+    scrolling.writeTop(anchor.top + element.scrollHeight - anchor.height);
+  }, [hiddenMessageCount, scrolling.writeTop]);
+  const ids = useMemo(() => descriptors.map((message) => message.id), [descriptors]);
   const getScroller = useCallback(() => viewport.current, []);
   const virtualizer = useVirtualizer({
     count: descriptors.length, getScrollElement: getScroller, getItemKey: (index) => ids[index],
@@ -52,7 +69,12 @@ export function ReadOnlyTranscriptView({ messages, truncated = false, renderMess
     <div ref={viewport} aria-label={t("Read-only session transcript")} className="min-h-0 flex-1 overflow-x-hidden overflow-y-auto overscroll-contain [overflow-anchor:none] [scrollbar-gutter:stable]">
       <div ref={content} className="v2-chat-rail min-h-full pb-3 pt-5">
         <div ref={leading} className="flow-root">
-          {truncated ? <p role="note" className="mb-4 border-b border-[var(--panel-edge)] pb-2 text-center text-[11px] text-muted-foreground">{t("Older transcript items were omitted.")}</p> : null}
+          {truncated ? <p role="note" data-ui-notice="" className="mb-4 border-b border-[var(--panel-edge)] pb-2 text-center text-[11px] text-muted-foreground select-none">{t("Older transcript items were omitted.")}</p> : null}
+          {hiddenMessageCount > 0 ? <div role="note" data-ui-notice="" className="v2-history-divider select-none">
+            <span className="inline-flex min-w-0 flex-wrap items-center justify-center gap-x-1.5 gap-y-0.5 text-center">
+              <Button variant="plain" size="none" className="v2-history-trigger" onClick={revealEarlier}><ChevronUp aria-hidden="true" /><span>{t("Show earlier messages (")}{hiddenMessageCount} {t("hidden)")}</span></Button>
+            </span>
+          </div> : null}
         </div>
         <ProcessPresentationProvider messageIds={ids} followingRef={scrolling.follow}>
           <div style={{ paddingTop: Math.max(0, (visible[0]?.start ?? scrollMargin) - scrollMargin), paddingBottom: Math.max(0, virtualizer.getTotalSize() - ((visible.at(-1)?.end ?? scrollMargin) - scrollMargin)) }}>
diff --git a/src/extension/chat/subagents/subagentInvocationScope.ts b/src/extension/chat/subagents/subagentInvocationScope.ts
index 6005ca3d..8b53d9e7 100644
--- a/src/extension/chat/subagents/subagentInvocationScope.ts
+++ b/src/extension/chat/subagents/subagentInvocationScope.ts
@@ -50,7 +50,8 @@ export function invocationTranscripts(
     return new Map(rows.map(([key]) => [key, null]));
   boundaries.sort((left, right) => left.start! - right.start!);
   return new Map(boundaries.flatMap((boundary, index) => {
-    const transcript = items.slice(boundary.start!, boundaries[index + 1]?.start);
+    const end = boundaries[index + 1]?.start;
+    const transcript = boundary.start === 0 && end === undefined ? items : items.slice(boundary.start!, end);
     return boundary.keys.map(key => [key, transcript] as const);
   }));
 }
diff --git a/src/extension/panels/sessionViewer/SessionViewerPanelController.test.ts b/src/extension/panels/sessionViewer/SessionViewerPanelController.test.ts
index 917cac15..50353e0c 100644
--- a/src/extension/panels/sessionViewer/SessionViewerPanelController.test.ts
+++ b/src/extension/panels/sessionViewer/SessionViewerPanelController.test.ts
@@ -93,6 +93,7 @@ vi.mock('vscode', () => ({ ...vscodeMock, env: { language: 'en' },
 
 import { SESSION_VIEWER_PROTOCOL_VERSION } from '../../../shared/protocol/sessionViewerProtocol';
 import {
+  LIVE_VIEWER_REFRESH_MS,
   SESSION_VIEWER_REFRESH_MS,
   SessionViewerPanelController,
 } from './SessionViewerPanelController';
@@ -261,6 +262,38 @@ describe('SessionViewerPanelController', () => {
     );
     controller.dispose();
   });
+
+  it('coalesces rapid live subagent updates and skips unchanged snapshots', async () => {
+    let notify: (() => void) | null = null;
+    let items = [{ id: 'u1', kind: 'user' as const, text: 'Task' }];
+    const controller = new SessionViewerPanelController(
+      new vscodeMock.Uri('/extension') as never,
+      { loadHistory: vi.fn() },
+      () => ({
+        isRunning: async () => true,
+        stop: async () => 'failed',
+        readTranscript: () => ({ items, truncated: false, running: true, lifecycle: 'working' }),
+        subscribe: (_target, listener) => { notify = listener; return () => { notify = null; }; },
+      }),
+    );
+    controller.open({ ...target, mode: 'subagent-readonly', subagent: { parentSessionId: 'p1', toolUseId: 't1' } });
+    await settle();
+    const posted = vscodeMock.__panels[0]!.webview.posted;
+    expect(posted).toHaveLength(1);
+    items = [...items, { id: 'u2', kind: 'user', text: 'Step 1' }];
+    notify!();
+    items = [...items, { id: 'u3', kind: 'user', text: 'Step 2' }];
+    notify!();
+    await settle();
+    expect(posted).toHaveLength(1);
+    await vi.advanceTimersByTimeAsync(LIVE_VIEWER_REFRESH_MS);
+    await settle();
+    expect(posted).toHaveLength(2);
+    await vi.advanceTimersByTimeAsync(SESSION_VIEWER_REFRESH_MS);
+    await settle();
+    expect(posted).toHaveLength(2);
+    controller.dispose();
+  });
 });
 
 async function settle(): Promise<void> {
diff --git a/src/extension/panels/sessionViewer/SessionViewerPanelController.ts b/src/extension/panels/sessionViewer/SessionViewerPanelController.ts
index 82654360..daa283da 100644
--- a/src/extension/panels/sessionViewer/SessionViewerPanelController.ts
+++ b/src/extension/panels/sessionViewer/SessionViewerPanelController.ts
@@ -20,6 +20,7 @@ import {
 import { parseSessionViewerWebviewMessage } from './validateSessionViewerMessage';
 
 export const SESSION_VIEWER_REFRESH_MS = 2_500;
+export const LIVE_VIEWER_REFRESH_MS = 80;
 const VIEW_TYPE = 'droidvisx.sessionViewer';
 
 export interface SessionViewerPanelTarget {
@@ -53,6 +54,7 @@ interface ViewerEntry {
   readonly panel: vscode.WebviewPanel;
   readonly disposables: vscode.Disposable[];
   timer: ReturnType<typeof setInterval> | null;
+  scheduleTimer: ReturnType<typeof setTimeout> | null;
   refreshBusy: boolean;
   refreshTrailing: boolean;
   running: boolean;
@@ -136,6 +138,7 @@ export class SessionViewerPanelController implements vscode.Disposable {
       panel,
       disposables: [bindWebviewLocale(panel.webview)],
       timer: null,
+      scheduleTimer: null,
       refreshBusy: false,
       refreshTrailing: false,
       running: true,
@@ -217,7 +220,7 @@ export class SessionViewerPanelController implements vscode.Disposable {
     const source = this.resolveSource(entry.target.kind);
     if (entry.sourceSubscription === null && source?.subscribe !== undefined) {
       entry.sourceSubscription = source.subscribe(entry.target, () => {
-        void this.refresh(entry);
+        this.scheduleLiveRefresh(entry);
       });
     }
     if (entry.timer === null) {
@@ -228,17 +231,35 @@ export class SessionViewerPanelController implements vscode.Disposable {
     void this.refresh(entry);
   }
 
+  private scheduleLiveRefresh(entry: ViewerEntry): void {
+    if (!this.isCurrent(entry) || entry.scheduleTimer !== null) {
+      return;
+    }
+    entry.scheduleTimer = setTimeout(() => {
+      entry.scheduleTimer = null;
+      void this.refresh(entry);
+    }, LIVE_VIEWER_REFRESH_MS);
+  }
+
   private stopRefresh(entry: ViewerEntry): void {
     if (entry.timer !== null) {
       clearInterval(entry.timer);
       entry.timer = null;
     }
+    if (entry.scheduleTimer !== null) {
+      clearTimeout(entry.scheduleTimer);
+      entry.scheduleTimer = null;
+    }
   }
 
   private async refresh(entry: ViewerEntry): Promise<void> {
     if (!this.isCurrent(entry)) {
       return;
     }
+    if (entry.scheduleTimer !== null) {
+      clearTimeout(entry.scheduleTimer);
+      entry.scheduleTimer = null;
+    }
     if (entry.refreshBusy) {
       entry.refreshTrailing = true;
       return;
@@ -324,8 +345,11 @@ export class SessionViewerPanelController implements vscode.Disposable {
                 stopping: false,
                 stopError: entry.stopError,
               };
+      const changed = entry.lastSnapshot === null || !sameSnapshot(entry.lastSnapshot, snapshot);
       entry.lastSnapshot = snapshot;
-      this.post(entry, snapshot);
+      if (changed) {
+        this.post(entry, snapshot);
+      }
       if (wasRunning && !entry.running) {
         this.diagnostics?.record({
           level: 'info',
@@ -456,6 +480,32 @@ function targetKey(target: SessionViewerPanelTarget): string {
     target.subagent?.parentSessionId, target.subagent?.toolUseId]);
 }
 
+function sameSnapshot(left: SessionViewerSnapshotMessage, right: SessionViewerSnapshotMessage): boolean {
+  if (
+    left.status !== right.status ||
+    left.running !== right.running ||
+    left.lifecycle !== right.lifecycle ||
+    left.stopping !== right.stopping ||
+    left.stopError !== right.stopError ||
+    left.target.kind !== right.target.kind ||
+    left.target.mode !== right.target.mode ||
+    left.target.title !== right.target.title ||
+    ('sessionId' in left.target ? left.target.sessionId : undefined) !==
+      ('sessionId' in right.target ? right.target.sessionId : undefined)
+  ) {
+    return false;
+  }
+  if (left.status === 'unavailable' || right.status === 'unavailable') {
+    return left.status === 'unavailable' && right.status === 'unavailable' && left.reason === right.reason;
+  }
+  return (
+    left.truncated === right.truncated &&
+    left.refreshError === right.refreshError &&
+    left.items.length === right.items.length &&
+    left.items.every((item, index) => item === right.items[index])
+  );
+}
+
 function publicTarget(target: SessionViewerPanelTarget): SessionViewerTarget {
   return target.mode !== 'standard'
     ? { kind: target.kind, mode: target.mode, title: target.title }
diff --git a/src/extension/workspace/worktreeSessions.ts b/src/extension/workspace/worktreeSessions.ts
index 33fcb9b3..ec6dd4ca 100644
--- a/src/extension/workspace/worktreeSessions.ts
+++ b/src/extension/workspace/worktreeSessions.ts
@@ -366,29 +366,33 @@ export async function appendWorktreeSessions(options: {
     }
     group.set(sessionId, record);
   }
-  const extras: SessionSummary[] = [];
-  for (const [path, group] of byPath) {
-    let result;
-    try {
-      result = await options.listSessions(path);
-    } catch {
-      continue;
-    }
-    if (result.status !== 'available') {
-      continue;
-    }
-    const entries = result.sessions.filter((entry) => group.has(entry.id));
-    for (const item of options.project(entries)) {
-      const record = group.get(item.id);
-      if (!record) {
-        continue;
+  const groups = await Promise.all(
+    [...byPath.entries()].map(async ([path, group]) => {
+      let result;
+      try {
+        result = await options.listSessions(path);
+      } catch {
+        return [];
       }
-      extras.push({
-        ...item,
-        worktree: { branch: record.branch, path: record.path },
-      });
-    }
-  }
+      if (result.status !== 'available') {
+        return [];
+      }
+      const entries = result.sessions.filter((entry) => group.has(entry.id));
+      const matched: SessionSummary[] = [];
+      for (const item of options.project(entries)) {
+        const record = group.get(item.id);
+        if (!record) {
+          continue;
+        }
+        matched.push({
+          ...item,
+          worktree: { branch: record.branch, path: record.path },
+        });
+      }
+      return matched;
+    }),
+  );
+  const extras = groups.flat();
   if (extras.length === 0) {
     return options.items;
   }
diff --git a/src/runtime/catalog/FactorySessionCatalog.ts b/src/runtime/catalog/FactorySessionCatalog.ts
index 0ea3b791..9dbee3cf 100644
--- a/src/runtime/catalog/FactorySessionCatalog.ts
+++ b/src/runtime/catalog/FactorySessionCatalog.ts
@@ -183,8 +183,10 @@ export async function readWorkerSessionIds({
       const fileName = `${sessionId}${SESSION_SETTINGS_SUFFIX}`;
       for (const directory of directories) {
         const settings = await readBoundedSessionSettings(path.join(directory, fileName));
-        if (settings && hasWorkerTag(settings.tags)) {
-          workerIds.add(sessionId);
+        if (settings) {
+          if (hasWorkerTag(settings.tags)) {
+            workerIds.add(sessionId);
+          }
           return;
         }
       }
diff --git a/src/runtime/daemon/windowDaemonPool.ts b/src/runtime/daemon/windowDaemonPool.ts
index e4b6d597..54a37599 100644
--- a/src/runtime/daemon/windowDaemonPool.ts
+++ b/src/runtime/daemon/windowDaemonPool.ts
@@ -87,14 +87,21 @@ export class WindowDaemonPool {
 
   private observeIde(ide: NativeIdeRelay): () => void {
     const relay = ++this.nextIdeRelay;
-    const startedAt = Date.now();
+    let stateStartedAt = Date.now();
+    let lastStatus: string | undefined;
     const recordState = () => {
       const state = ide.read();
       const status = state.status === 'disconnected' && !ide.requiresSessionRestart() ? 'idle' : state.status;
+      const now = Date.now();
+      const durationMs = now - stateStartedAt;
+      if (status !== lastStatus) {
+        stateStartedAt = now;
+        lastStatus = status;
+      }
       this.options.record({
         level: status === 'error' || status === 'disconnected' ? 'warn' : 'info',
         name: 'ide.native.relay-state',
-        attributes: { relay, status, durationMs: Date.now() - startedAt },
+        attributes: { relay, status, durationMs },
         // Relay messages are fixed lifecycle explanations, never request payloads.
         detail: state.message,
       });
diff --git a/src/runtime/history/projectSessionHistory.ts b/src/runtime/history/projectSessionHistory.ts
index 7c2491ea..a48fc1af 100644
--- a/src/runtime/history/projectSessionHistory.ts
+++ b/src/runtime/history/projectSessionHistory.ts
@@ -166,11 +166,13 @@ export function* projectSessionHistorySteps(
     // Image byte eviction keeps placeholder rows in place, so it does
     // not flip the history to partial by itself.
     const imageBudget = enforceTranscriptImageBudget(
-      appendHistoryTurnChanges(
-        readTranscript(projection),
-        projection.transcriptTextUnits,
-        projection.multiFileTools,
-      ),
+      enforceToolResultBudget(
+        appendHistoryTurnChanges(
+          readTranscript(projection),
+          projection.transcriptTextUnits,
+          projection.multiFileTools,
+        ),
+      ).items,
     );
     const state = withSubagentInvocationSummaries({
       transcript: [...imageBudget.transcript],
@@ -757,12 +759,6 @@ function completeTool(projection: Projection, block: Record<string, unknown>): v
     ) ?? tool.operationDiff,
   );
   projection.transcript[index] = updated;
-  const budget = enforceToolResultBudget(readTranscript(projection));
-  if (budget.evicted)
-    for (const item of budget.items) {
-      const position = projection.positions.get(item.id);
-      if (position !== undefined) projection.transcript[position] = item;
-    }
   projection.transcriptTextUnits +=
     transcriptItemTextUnits(updated) - transcriptItemTextUnits(existing);
   const askUserResult = projectAskUserHistoryItem(
diff --git a/src/runtime/ide/persistentIdeRelay.ts b/src/runtime/ide/persistentIdeRelay.ts
index 47cbb1a9..54fd3641 100644
--- a/src/runtime/ide/persistentIdeRelay.ts
+++ b/src/runtime/ide/persistentIdeRelay.ts
@@ -120,7 +120,10 @@ class RelayClient implements PersistentIdeRelay {
     if (this.read().status === 'connected') return;
     if (this.read().status !== 'connecting') throw new Error(this.read().message);
     await new Promise<void>((resolve, reject) => {
+      const fastPoll = setInterval(() => { void this.poll(); }, 50);
+      fastPoll.unref();
       const finish = (error?: unknown) => {
+        clearInterval(fastPoll);
         unsubscribe(); signal?.removeEventListener('abort', abort); clearTimeout(timeout);
         if (error) reject(error); else resolve();
       };
@@ -133,7 +136,10 @@ class RelayClient implements PersistentIdeRelay {
       const timeout = setTimeout(() => finish(new Error('Timed out waiting for the native IDE handshake.')), 60_000);
       signal?.addEventListener('abort', abort, { once: true });
       if (signal?.aborted) abort();
-      else check();
+      else {
+        check();
+        void this.poll();
+      }
     });
   }
   async dispose(): Promise<void> {
diff --git a/src/webview-v2/chat/ActivityGroup.tsx b/src/webview-v2/chat/ActivityGroup.tsx
index a8296b6d..ed6be9c9 100644
--- a/src/webview-v2/chat/ActivityGroup.tsx
+++ b/src/webview-v2/chat/ActivityGroup.tsx
@@ -1,10 +1,12 @@
 import { useI18n } from '@droidvisx/chat-ui/i18n';
-import { memo, useMemo, type ReactNode } from 'react';
+import { memo, useMemo, useState, type ReactNode } from 'react';
+import { ChevronUp } from 'lucide-react';
 import { ActivityGroupView } from '@droidvisx/chat-ui/chat/ActivityGroupView';
 import type { SessionTranscriptItem } from '../../shared/protocol/transcript';
 import { toolPresentation } from '../../shared/transcript/toolCatalog';
 import { presentActivity, type ProcessWaiting } from './transcript/activityPresentation';
 import { type GroupCandidatePart } from './transcript/activityGrouping';
+import { Button } from '../ui/button';
 
 export type ActivityItem = Extract<SessionTranscriptItem, { kind: 'tool' | 'thinking' }>;
 export interface ActivityCluster { readonly id: string; readonly items: readonly SessionTranscriptItem[]; readonly grouped: boolean }
@@ -34,11 +36,25 @@ function candidate(item: SessionTranscriptItem): GroupCandidatePart {
   return item.kind === 'tool' ? { type: 'tool-call', toolName: item.toolName, providerMetadata: { droidvisx: item } } : { type: item.kind };
 }
 
+const DEFAULT_HISTORY_ITEMS_WINDOW = 60;
+const HISTORY_ITEMS_STEP = 120;
+
 const HistoryItems = memo(function HistoryItems({ items, renderItem }: {
   readonly items: readonly SessionTranscriptItem[];
   readonly renderItem: (item: SessionTranscriptItem, grouped: boolean) => ReactNode;
 }) {
-  return <>{items.map((item) => <div key={item.id}>{renderItem(item, true)}</div>)}</>;
+  const { t } = useI18n();
+  const [windowCount, setWindowCount] = useState(DEFAULT_HISTORY_ITEMS_WINDOW);
+  const hiddenCount = Math.max(0, items.length - windowCount);
+  const visibleItems = hiddenCount > 0 ? items.slice(hiddenCount) : items;
+  return <>
+    {hiddenCount > 0 ? <div role="note" data-ui-notice="" className="py-1 select-none">
+      <Button variant="plain" size="none" className="v2-history-trigger" onClick={() => setWindowCount((current) => current + HISTORY_ITEMS_STEP)}>
+        <ChevronUp aria-hidden="true" /><span>{t("Show earlier messages (")}{hiddenCount} {t("hidden)")}</span>
+      </Button>
+    </div> : null}
+    {visibleItems.map((item) => <div key={item.id}>{renderItem(item, true)}</div>)}
+  </>;
 }, (before, after) => before.renderItem === after.renderItem && before.items.length === after.items.length &&
   before.items.every((item, index) => item === after.items[index]));
 
diff --git a/src/webview-v2/chat/Transcript.tsx b/src/webview-v2/chat/Transcript.tsx
index 22fce2ad..9cd8505b 100644
--- a/src/webview-v2/chat/Transcript.tsx
+++ b/src/webview-v2/chat/Transcript.tsx
@@ -14,7 +14,7 @@ import { currentProcessWaiting } from './transcript/activityPresentation';
 import { AssistantReply } from './AssistantReply';
 import { useEditAttachmentIngress } from './useEditAttachmentIngress';
 import { getHistoryNotice } from '../shell/statusMessage';
-import { isPlanLive, selectPlanAnchors } from './transcript/planAnchor';
+import { createPlanAnchorSelector, isPlanLive } from './transcript/planAnchor';
 import { createOperationSummarySelector, summarizeReplyOperations } from './operationSummary';
 import { ChatStartup } from './ChatStartup';
 import { createTranscriptMessagesSelector, createTranscriptStructureSelector } from './transcriptProjection';
@@ -114,9 +114,9 @@ export function Transcript({
     ...ingress,
   };
   const selectors = useMemo(() => ({ transcript: createTranscriptSelector(), operations: createOperationSummarySelector(),
-    structure: createTranscriptStructureSelector(), messages: createTranscriptMessagesSelector() }), [state.conversationId]);
+    plans: createPlanAnchorSelector(), structure: createTranscriptStructureSelector(), messages: createTranscriptMessagesSelector() }), [state.conversationId]);
   const { descriptors, replyTails, replyTimestamps } = useMemo(() => selectors.transcript(items), [items, selectors]);
-  const plans = useMemo(() => selectPlanAnchors(items), [items]);
+  const plans = useMemo(() => selectors.plans(items), [items, selectors]);
   const [planChoices, setPlanChoices] = useState<{ conversationId: string | null; values: ReadonlyMap<string, boolean> } | null>(null);
   const currentPlanChoices = planChoices?.conversationId === state.conversationId ? planChoices.values : null;
   const togglePlan = useCallback((id: string, expanded: boolean) => {
diff --git a/src/webview-v2/chat/transcript/planAnchor.ts b/src/webview-v2/chat/transcript/planAnchor.ts
index 54de7ba9..a7294973 100644
--- a/src/webview-v2/chat/transcript/planAnchor.ts
+++ b/src/webview-v2/chat/transcript/planAnchor.ts
@@ -186,3 +186,40 @@ export function isPlanLive(
 ): boolean {
   return running && activeTurnId !== null && anchor.latestTurnId === activeTurnId;
 }
+
+const EMPTY_PLAN_ANCHORS: ReadonlyMap<string, PlanAnchorState> = new Map();
+
+/** Memoizes plan anchor projection across non-plan transcript updates. */
+export function createPlanAnchorSelector() {
+  let previousSignature = '';
+  let previousResult: ReadonlyMap<string, PlanAnchorState> = EMPTY_PLAN_ANCHORS;
+  return (transcript: readonly SessionTranscriptItem[]): ReadonlyMap<string, PlanAnchorState> => {
+    let hasPlanTool = false;
+    for (const item of transcript) {
+      if (item.kind === 'tool' && item.detailKind === 'plan' && item.detail !== undefined && item.status !== 'failed') {
+        hasPlanTool = true;
+        break;
+      }
+    }
+    if (!hasPlanTool) {
+      previousSignature = '';
+      previousResult = EMPTY_PLAN_ANCHORS;
+      return EMPTY_PLAN_ANCHORS;
+    }
+    const parts: string[] = [];
+    for (const item of transcript) {
+      if (item.kind === 'user') {
+        parts.push(`u:${item.id}`);
+      } else if (item.kind === 'tool' && item.detailKind === 'plan' && item.detail !== undefined && item.status !== 'failed') {
+        parts.push(`p:${item.toolUseId}:${item.turnId}:${item.status}:${item.detail}`);
+      }
+    }
+    const signature = parts.join('\u0000');
+    if (signature === previousSignature) {
+      return previousResult;
+    }
+    previousSignature = signature;
+    previousResult = selectPlanAnchors(transcript);
+    return previousResult;
+  };
+}
diff --git a/src/webview-v2/viewer/ReadOnlyTranscript.tsx b/src/webview-v2/viewer/ReadOnlyTranscript.tsx
index c14ac1de..2cb357c3 100644
--- a/src/webview-v2/viewer/ReadOnlyTranscript.tsx
+++ b/src/webview-v2/viewer/ReadOnlyTranscript.tsx
@@ -1,20 +1,20 @@
 import { ReadOnlyTranscriptView } from '@droidvisx/chat-ui/chat/ReadOnlyTranscriptView';
-import { memo, useMemo, useState } from 'react';
+import { memo, useCallback, useMemo, useState } from 'react';
 import type { SessionTranscriptItem } from '../../shared/protocol/transcript';
 import { createTranscriptSelector } from '../chat/transcript/transcriptGroups';
 import { matchesAssistantTurn, replyOperationsLive, resolveAssistantStatus } from '../chat/transcript/transcriptStatus';
 import { AssistantReply } from '../chat/AssistantReply';
 import { ReadOnlyQuestion } from './ReadOnlyQuestion';
-import { isPlanLive, selectPlanAnchors } from '../chat/transcript/planAnchor';
+import { createPlanAnchorSelector, isPlanLive } from '../chat/transcript/planAnchor';
 import { PlanLine } from '../chat/PlanLine';
 import { createOperationSummarySelector, summarizeReplyOperations } from '../chat/operationSummary';
 import { createTranscriptMessagesSelector, createTranscriptStructureSelector } from '../chat/transcriptProjection';
 
 export const ReadOnlyTranscript = memo(function ReadOnlyTranscript({ items, running, truncated = false }: { readonly items: readonly SessionTranscriptItem[]; readonly running: boolean; readonly truncated?: boolean }) {
   const selectors = useMemo(() => ({ transcript: createTranscriptSelector(), operations: createOperationSummarySelector(),
-    structure: createTranscriptStructureSelector(), messages: createTranscriptMessagesSelector() }), []);
+    plans: createPlanAnchorSelector(), structure: createTranscriptStructureSelector(), messages: createTranscriptMessagesSelector() }), []);
   const { descriptors, replyTails, replyTimestamps } = useMemo(() => selectors.transcript(items), [items, selectors]);
-  const plans = useMemo(() => selectPlanAnchors(items), [items]);
+  const plans = useMemo(() => selectors.plans(items), [items, selectors]);
   const operationSummaries = useMemo(() => selectors.operations(items), [items, selectors]);
   const replySummaries = useMemo(() => summarizeReplyOperations(operationSummaries, descriptors), [operationSummaries, descriptors]);
   const [planChoices, setPlanChoices] = useState<ReadonlyMap<string, boolean>>(() => new Map());
@@ -26,7 +26,7 @@ export const ReadOnlyTranscript = memo(function ReadOnlyTranscript({ items, runn
     }
     return null;
   }, [running, items]);
-  const active = turnId ? { turnId, status: 'streaming' as const } : null;
+  const active = useMemo(() => turnId ? { turnId, status: 'streaming' as const } : null, [turnId]);
   const { turns } = useMemo(() => selectors.structure(descriptors), [descriptors, selectors]);
   const byId = useMemo(() => new Map(descriptors.map((descriptor) => [descriptor.kind === 'user' ? descriptor.item.id : descriptor.id, descriptor])), [descriptors]);
   const pendingReplyRow = useMemo(() => running
@@ -37,13 +37,13 @@ export const ReadOnlyTranscript = memo(function ReadOnlyTranscript({ items, runn
   const lastReplyId = [...replyTails.keys()].at(-1);
   const pendingIds = useMemo(() => new Set(turns.find((row) => row.id === pendingReplyRow)?.messageIds ?? []), [turns, pendingReplyRow]);
   const messages = useMemo(() => selectors.messages(descriptors, replyTails, pendingIds), [descriptors, replyTails, pendingIds, selectors]);
-  return <ReadOnlyTranscriptView messages={messages} truncated={truncated} renderMessage={(id, stopFollowing) => {
+  const renderMessage = useCallback((id: string, stopFollowing: () => void) => {
     const descriptor = byId.get(id)!;
     if (descriptor.kind === 'user') {
       const plan = plans.get(descriptor.item.id);
       return <><ReadOnlyQuestion item={descriptor.item} images={descriptor.images} onInteract={stopFollowing} />
         {plan ? <PlanLine anchor={plan} running={isPlanLive(plan, running, turnId)} override={planChoices.get(plan.anchorToolUseId) ?? null}
-          onToggle={(id, expanded) => { stopFollowing(); setPlanChoices((previous) => new Map(previous).set(id, expanded)); }} /> : null}</>;
+          onToggle={(planId, expanded) => { stopFollowing(); setPlanChoices((previous) => new Map(previous).set(planId, expanded)); }} /> : null}</>;
     }
     const replyPending = pendingIds.has(id);
     const isPendingTail = replyPending && descriptor.id === lastReplyId;
@@ -54,5 +54,6 @@ export const ReadOnlyTranscript = memo(function ReadOnlyTranscript({ items, runn
       replyText={replyPending ? undefined : replyTails.get(descriptor.id)} readOnly
       operationSummary={replySummaries.get(descriptor.id)} operationsLive={operationsLive} onInteract={stopFollowing}
       completedAt={replyPending || status.type === 'running' ? undefined : replyTimestamps.get(descriptor.id)} regenerate={undefined} fork={undefined} />;
-  }} />;
+  }, [byId, plans, running, turnId, planChoices, pendingIds, lastReplyId, active, replyTails, replySummaries, replyTimestamps]);
+  return <ReadOnlyTranscriptView messages={messages} truncated={truncated} renderMessage={renderMessage} />;
 });

From 7c176ba648be9c8d16b821031a8516216b6700f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 09:37:31 +0800
Subject: [PATCH 22/32] feat(btw): move reply progress into composer and style
 question as bubble

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/DESIGN.md                              |  8 ++++----
 docs/STATUS.md                              |  2 +-
 packages/chat-ui/src/chat/SideChatSheet.tsx | 21 ++++++++++++++++-----
 packages/chat-ui/src/chat/SideReply.tsx     | 12 ++----------
 packages/chat-ui/src/styles/btw.css         | 17 +++++++++++------
 src/webview-v2/chat/SideChatSheet.test.tsx  |  1 +
 6 files changed, 35 insertions(+), 26 deletions(-)

diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index 50620da6..83053f3e 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -215,15 +215,15 @@
   当前选区猜来源。来源缺失、过期或不匹配时照常粘贴文本；异步识别不得覆盖后续输入。
 - 多段引用以紧凑摘要块展示，点击查看可滚动的完整原文；删除独立于展开。追加引用
   不覆盖已有输入，超限明确反馈。选区动作执行前重读当前选区，不引用控件或输入框文字。
-- BTW 使用代码批注布局：问题以简短身份文字与引用展示，不加大灰框或左侧竖线；
-  回答保留轻量助手标识，正文和代码复用共享组件。页头只显示 BTW、权限说明图标和关闭，
+- BTW 问题使用右对齐自适应宽度聊天气泡（`14px 14px 3px 14px` 右下尖角圆角、中性灰／主题自适应 `--soft-surface` 底色与 `--chat-edge` 细描边，不加 `You` 文字前缀或左侧竖线）；
+  回答保留轻量 Droid 图标与助手标识，正文和代码复用共享组件。页头只显示 BTW、权限说明图标和关闭，
   Composer 与页头固定，问题在自己的回合内吸顶；保留现有面板宽度和输入区高度。
-- 回答按真实到达顺序展示：相邻的思考段与工具调用合并为主聊天同款「已探索」折叠组（统计含思考次数，复用 `ActivityGroupView`／`ActivityItem`／`ThinkingView`），正文片段留在各自位置；展开后单行省略展示真实调用目标（完整内容保留悬停提示）及失败或结果未确认状态。运行中的工具或思考在组内以闪动单行显示当前动作与目标；等待模型、准备及工具调用尚未投影时，在回答末尾独立显示状态行。
+- 回答按真实到达顺序展示：相邻的思考段与工具调用合并为主聊天同款「已探索」折叠组（统计含思考次数，复用 `ActivityGroupView`／`ActivityItem`／`ThinkingView`），正文片段留在各自位置；展开后单行省略展示真实调用目标（完整内容保留悬停提示）及失败或结果未确认状态。运行中的工具或思考在组内以闪动单行显示当前动作与目标。
   隔离示例单独折叠展示实际代码与输出，仅结构化执行结果 `ok: true` 显示运行完成；
   停止、断线或缺少结果不能补作成功，独立示例完成不代表项目测试通过。详细文本按预算保留，
   省略时提示。流式回答期间发送与停止在同一位置按是否有可发送内容切换；已有一条排队内容时保留继续编辑能力。
 - 等待、思考、工具和正文状态来自真实事件，不编造耗时；缺少思考文本不显示空折叠。
-  空对话首次准备（`Preparing`）显示在底部 `Ask a side question…` 输入框占位位置（输入草稿时自动隐藏，上方保持空状态引导），已有提问时准备与运行提示显示在对应回答内。
+  准备与运行状态（`Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…`）统一显示在底部 Composer 输入框占位位置（输入草稿时自动隐藏），不在回答正文下方重复挂等待状态行。
 - BTW 与 Diff 代码问答复用同一纯图标停止按钮：提交后切换为禁用的进度图标，禁止重复提交；
   当前流结束后保留部分回答并显示“已停止”。停止请求失败时提示并允许重试，连接错误
   不标为已停止；状态经共享 Bridge 传递，不以点击或固定延时假定后台结束。
diff --git a/docs/STATUS.md b/docs/STATUS.md
index 512f2048..9f1aa871 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，运行与等待状态独立成行展示在折叠组下方，空会话 `Preparing` 状态移入底部 `Ask a side question…` 输入占位位置并防止 `.droid-activity` 被拉伸；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/SideChatSheet.tsx b/packages/chat-ui/src/chat/SideChatSheet.tsx
index f9cfa4ff..00f47d3f 100644
--- a/packages/chat-ui/src/chat/SideChatSheet.tsx
+++ b/packages/chat-ui/src/chat/SideChatSheet.tsx
@@ -11,7 +11,7 @@ import { DroidActivity } from '../ui/droid-motion';
 import type { InlineInputHandle } from '../ui/inline-input';
 import { PinwheelIcon } from '../ui/pinwheel-icon';
 import { QuoteChips } from './QuoteChips';
-import { SideReply } from './SideReply';
+import { PROGRESS_LABELS, SideReply } from './SideReply';
 import { ReferencedText } from './CodeReferenceChips';
 import { CodeReferenceInput } from './CodeReferenceInput';
 import { useCodeReferenceDraft } from './useCodeReferenceDraft';
@@ -30,6 +30,17 @@ export function SideChatSheet({ state, draft, quote, quotes, notice, width, onDr
   const unavailable = state.status === 'unsupported' || state.status === 'error';
   const canAsk = !unavailable && state.pendingQuestion === null;
   const preparing = state.status === 'preparing';
+  const activeProgress = activeEntry ? (activeEntry.progress ?? (activeEntry.answer ? 'answering' : 'waiting')) : undefined;
+  const runningStatus = state.stopping && streaming
+    ? { label: t('Stopping…'), phase: 'loading' as const }
+    : preparing
+      ? { label: t('Preparing'), phase: 'loading' as const }
+      : activeProgress
+        ? {
+            label: t(PROGRESS_LABELS[activeProgress]),
+            phase: activeProgress === 'waiting' ? ('loading' as const) : activeProgress === 'thinking' ? ('thinking' as const) : ('working' as const),
+          }
+        : undefined;
   const composeHint = state.pendingQuestion !== null ? t('Continue drafting') : null;
   const quotedContext = quotes ?? (quote ? [quote] : []);
   const removeQuote = onQuoteRemove ?? (quotes === undefined ? onQuoteClear : undefined);
@@ -103,12 +114,12 @@ export function SideChatSheet({ state, draft, quote, quotes, notice, width, onDr
                 <div role="region" aria-label={t("Your question")} tabIndex={0} className="v2-btw-question-content">
                   {parsed ? <QuoteChips quotes={parsed.quotes} className="mb-2" /> : null}
                   {entry.images?.length ? renderImages?.(entry.images) : null}
-                  <div className="select-text"><span data-ui-notice="" className="v2-btw-speaker">{t('You')}</span><ReferencedText text={parsed?.body ?? entry.question} /></div>
+                  <div className="select-text"><ReferencedText text={parsed?.body ?? entry.question} /></div>
                 </div>
             </div>
             <div aria-label={t("{p0} answer", { p0: assistantName })} className="v2-btw-answer">
               <div data-ui-notice="" className="v2-btw-author"><PinwheelIcon aria-hidden="true" />{assistantName}</div>
-              <SideReply entry={entry} preparing={preparing} />
+              <SideReply entry={entry} />
             </div>
             {entry.message ? <p role="alert" className="v2-btw-error">{entry.message}</p> : null}
           </article>;
@@ -131,10 +142,10 @@ export function SideChatSheet({ state, draft, quote, quotes, notice, width, onDr
         <QuoteChips quotes={quotedContext} previewAnchor={composer} onRemove={removeQuote ? (index) => { removeQuote(index); input.current?.focus({ preventScroll: true }); } : undefined} className="mb-2" />
         <div className="v2-btw-editor">
           <CodeReferenceInput ref={input} draft={references} className="dvx-btw-input v2-btw-input" disabled={unavailable}
-            aria-label={t("By the Way question")} placeholder={preparing && !state.entries.length ? undefined : state.entries.length ? t("Ask a follow-up…") : t("Ask a side question…")}
+            aria-label={t("By the Way question")} placeholder={runningStatus ? undefined : state.entries.length ? t("Ask a follow-up…") : t("Ask a side question…")}
             onPaste={onPaste}
             onKeyDown={(event) => { if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing && event.keyCode !== 229) { event.preventDefault(); send(); } }} />
-          {preparing && !state.entries.length ? <p role="status" data-ui-notice="" className="v2-btw-input-placeholder"><DroidActivity phase="loading" /><span className="truncate">{t('Preparing')}</span></p> : null}
+          {runningStatus ? <p role="status" aria-live="polite" data-ui-notice="" className="v2-btw-input-placeholder"><DroidActivity phase={runningStatus.phase} /><span className="truncate" title={runningStatus.label}>{runningStatus.label}</span></p> : null}
         </div>
         </div>
         {notice ? <p role="status" className="mt-1 text-[11px] leading-4 text-muted-foreground">{notice}</p> : null}
diff --git a/packages/chat-ui/src/chat/SideReply.tsx b/packages/chat-ui/src/chat/SideReply.tsx
index 6956f80f..16602c55 100644
--- a/packages/chat-ui/src/chat/SideReply.tsx
+++ b/packages/chat-ui/src/chat/SideReply.tsx
@@ -1,6 +1,5 @@
 import { useI18n } from '../i18n';
 import type { SideConversation, SideReplyPart, SideToolActivity } from './sideChat';
-import { DroidActivity } from '../ui/droid-motion';
 import { ActivityGroupView } from './ActivityGroupView';
 import { AssistantMessage } from './AssistantMessage';
 import { ReplyView } from './ReplyView';
@@ -16,7 +15,7 @@ type Segment =
   | { readonly kind: 'text'; readonly id: string; readonly text: string }
   | { readonly kind: 'analysis'; readonly tool: SideToolActivity };
 
-const PROGRESS_LABELS = {
+export const PROGRESS_LABELS = {
   waiting: 'Waiting for reply…', thinking: 'Thinking…', tool: 'Using tools…', answering: 'Receiving reply…',
 } as const;
 
@@ -78,16 +77,13 @@ function ProcessSegment({ entry, items, groupId, live, progress }: {
   </ActivityGroupView>;
 }
 
-export function SideReply({ entry, preparing }: { readonly entry: Entry; readonly preparing: boolean }) {
+export function SideReply({ entry }: { readonly entry: Entry }) {
   const { t } = useI18n();
   const running = entry.state === 'streaming';
   const progress = entry.progress ?? (entry.answer ? 'answering' : 'waiting');
   const segments = segmentsOf(entry);
   const tail = segments.at(-1);
   const liveProcess = running && tail?.kind === 'process' && progress !== 'answering';
-  const waiting = running && !liveProcess && (preparing || progress !== 'answering' || !entry.answer)
-    ? { label: t(preparing ? 'Preparing' : PROGRESS_LABELS[progress]), loading: preparing || progress === 'waiting' }
-    : undefined;
   return <ReplyView replyText={entry.answer || undefined} running={running} readOnly showTimestamp={false}>
     {segments.map((segment, index) => segment.kind === 'process'
       ? <ProcessSegment key={segment.id} entry={entry} items={segment.items} groupId={segment.id}
@@ -95,10 +91,6 @@ export function SideReply({ entry, preparing }: { readonly entry: Entry; readonl
       : segment.kind === 'analysis' ? <SideAnalysisResult key={segment.tool.id} tool={segment.tool} />
       : segment.text.trim() ? <AssistantMessage key={segment.id} text={segment.text} streaming={running && index === segments.length - 1} />
       : null)}
-    {waiting ? <p role="status" aria-live="polite" data-ui-notice="" className="v2-btw-progress">
-      <DroidActivity phase={waiting.loading ? 'loading' : 'working'} />
-      <span title={waiting.label}>{waiting.label}</span>
-    </p> : null}
     {entry.stopped ? <p role="status" data-ui-notice="" className="text-[11px] text-muted-foreground">{t('Stopped')}</p> : null}
   </ReplyView>;
 }
diff --git a/packages/chat-ui/src/styles/btw.css b/packages/chat-ui/src/styles/btw.css
index fddc2550..9d82425f 100644
--- a/packages/chat-ui/src/styles/btw.css
+++ b/packages/chat-ui/src/styles/btw.css
@@ -78,24 +78,31 @@
     position: sticky;
     top: 0;
     z-index: 2;
+    display: flex;
+    justify-content: flex-end;
     min-width: 0;
-    padding-block: 8px;
+    padding-block: 6px 8px;
     background: var(--surface);
   }
   .v2-btw-question-content {
+    width: fit-content;
+    max-width: 88%;
     max-height: min(160px, 30vh);
+    padding: 7px 12px;
     overflow-x: hidden;
     overflow-y: auto;
     overscroll-behavior-x: contain;
-    border-radius: 2px;
+    border: 1px solid var(--chat-edge, var(--panel-edge));
+    border-radius: 14px 14px 3px 14px;
+    background: var(--soft-surface);
+    color: var(--ink);
     outline: none;
     font-size: 13px;
-    line-height: 21px;
+    line-height: 20px;
     overflow-wrap: anywhere;
   }
   .v2-btw-question-content:focus-visible { outline: 1px solid var(--focus); outline-offset: -1px; }
   .v2-btw-answer { min-width: 0; padding: 4px 2px 0; }
-  .v2-btw-speaker { margin-right: 8px; color: var(--muted-ink); font-size: 12px; }
   .v2-btw-author { display: flex; align-items: center; gap: 6px; margin: 4px 0 6px; color: var(--muted-ink); font-size: 12px; }
   .v2-btw-author > svg { width: 16px; height: 16px; flex: none; }
   .v2-btw-tool-record { min-width: 0; }
@@ -114,8 +121,6 @@
   .v2-btw-tool-detail { min-width: 0; padding: 2px 0 6px 16px; }
   .v2-btw-tool-output { max-height: 180px; padding: 8px; margin-top: 6px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--soft-surface); border-radius: var(--control-radius); font: 12px/1.6 var(--vscode-editor-font-family, monospace); }
   .v2-btw-tool-note { margin-top: 6px; color: var(--muted-ink); font-size: 11px; line-height: 17px; }
-  .v2-btw-progress { display: flex; min-width: 0; align-items: center; gap: 6px; margin-top: 4px; color: var(--muted-ink); font-size: 12px; line-height: 18px; user-select: none; }
-  .v2-btw-progress > span:not(.droid-activity) { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .v2-btw-error { margin-top: 6px; color: var(--error-ink); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
   .v2-btw-footer {
     min-width: 0;
diff --git a/src/webview-v2/chat/SideChatSheet.test.tsx b/src/webview-v2/chat/SideChatSheet.test.tsx
index fe65a3cf..0c75a5ac 100644
--- a/src/webview-v2/chat/SideChatSheet.test.tsx
+++ b/src/webview-v2/chat/SideChatSheet.test.tsx
@@ -47,6 +47,7 @@ it('keeps drafting available while a follow-up is queued and preserves stop and
   }
   const view = render(<Harness state={state} />);
   expect(screen.getByText('Queued follow-up')).toBeDefined();
+  expect(screen.getByText('Waiting for reply…')).toBeDefined();
   const input = screen.getByRole('textbox') as HTMLTextAreaElement;
   expect(input.getAttribute('contenteditable')).toBe('true');
   await user.type(input, 'Keep this next question{Enter}');

From 10acda811a1c4b7a597633beacc269743b200830 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 10:03:00 +0800
Subject: [PATCH 23/32] fix(management): use Follow main chat for subtask
 defaults and singular Model label

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                        |  2 +-
 packages/chat-ui/src/ui/model-picker.tsx              | 10 +++++-----
 src/extension/management/ManagementDefaultsService.ts |  7 +++++++
 src/shared/protocol/managementDefaultsProtocol.ts     |  6 +++---
 src/webview-v2/management/DefaultsFields.tsx          |  6 +++---
 src/webview-v2/management/DefaultsSettings.tsx        |  4 ++--
 src/webview-v2/management/useDefaultSettings.ts       |  3 ++-
 7 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index 9f1aa871..56af1161 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`）、单行标签修正为单数 `Model`，并在无推理强度项时直接展开模型列表。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/ui/model-picker.tsx b/packages/chat-ui/src/ui/model-picker.tsx
index e8eac9e1..271be7e1 100644
--- a/packages/chat-ui/src/ui/model-picker.tsx
+++ b/packages/chat-ui/src/ui/model-picker.tsx
@@ -69,17 +69,17 @@ export function ModelPicker({ label, models, modelId, reasoningEffort, placehold
         onValueChange={value => {
           const nextId = value === inheritanceValue ? null : value;
           if (nextId !== (modelId ?? null)) onModelChange(nextId);
-          if (onEffortChange) { changeModelsOpen(false); modelTriggerRef.current?.focus(); }
+          if (showEffort) { changeModelsOpen(false); modelTriggerRef.current?.focus(); }
         }}>
         {inherit && showInheritance && <DropdownMenuRadioItem value={inheritanceValue} className="dvx-picker-option" disabled={disabled || modelDisabled}
-          onSelect={event => { if (onEffortChange) event.preventDefault(); }}>
+          onSelect={event => { if (showEffort) event.preventDefault(); }}>
           <span>{inherit.label}</span>{inherited && <Check aria-hidden="true" />}
         </DropdownMenuRadioItem>}
         {groups.map(group => <div key={group} className="dvx-picker-group">
           {group && <div className="dvx-picker-group-label">{group}</div>}
           {filtered.filter(item => (item.source ?? '') === group).map(item => <DropdownMenuRadioItem key={item.id} value={item.id}
             className="dvx-picker-option" disabled={disabled || modelDisabled || Boolean(item.disabledReason)} title={item.disabledReason ?? item.id}
-            onSelect={event => { if (onEffortChange) event.preventDefault(); }}>
+            onSelect={event => { if (showEffort) event.preventDefault(); }}>
             <span>{item.label}{item.disabledReason && <small>{t('Unavailable')}</small>}</span>{item.id === modelId && <Check aria-hidden="true" />}
           </DropdownMenuRadioItem>)}
         </div>)}
@@ -91,14 +91,14 @@ export function ModelPicker({ label, models, modelId, reasoningEffort, placehold
     <DropdownMenuTrigger asChild><Button variant="outline" size="sm" className="dvx-model-picker-trigger" aria-label={label} disabled={disabled}>
       <span>{title}</span>{showEffort && effort && effort !== title && <small>· {effort}</small>}<ChevronDown aria-hidden="true" />
     </Button></DropdownMenuTrigger>
-    {onEffortChange ? <DropdownMenuContent className="dvx-model-controls" align="end" aria-label={label}>
+    {showEffort ? <DropdownMenuContent className="dvx-model-controls" align="end" aria-label={label}>
       {showEffort && <DropdownMenuSub>
         <DropdownMenuSubTrigger className="dvx-picker-setting" disabled={effortDisabled || Boolean(model?.disabledReason)}>
           <span>{effortLabel ?? t('推理强度')}</span><small>{effort}</small><ChevronRight aria-hidden="true" />
         </DropdownMenuSubTrigger>
         <DropdownMenuSubContent className="dvx-picker-levels" aria-label={effortLabel ?? t('推理强度')}>
           <DropdownMenuRadioGroup value={reasoningEffort ?? (defaultEffortLabel ? defaultValue : model?.defaultReasoning ?? '')}
-            onValueChange={value => onEffortChange(value === defaultValue ? null : value)}>
+            onValueChange={value => onEffortChange?.(value === defaultValue ? null : value)}>
             {defaultEffortLabel && <DropdownMenuRadioItem className="dvx-picker-option" value={defaultValue}>
               <span>{t(defaultEffortLabel)}</span>{reasoningEffort == null && <Check aria-hidden="true" />}
             </DropdownMenuRadioItem>}
diff --git a/src/extension/management/ManagementDefaultsService.ts b/src/extension/management/ManagementDefaultsService.ts
index 3a3be800..221551a8 100644
--- a/src/extension/management/ManagementDefaultsService.ts
+++ b/src/extension/management/ManagementDefaultsService.ts
@@ -31,12 +31,19 @@ export class ManagementDefaultsService {
     const api = await this.api();
     const fresh = await this.project(await api.settings.getDefaults());
     const patch: Record<string, unknown> = {};
+    const inheritTiers = new Set<'light' | 'medium' | 'heavy'>();
     for (const field of Object.keys(values) as DefaultField[]) {
       if (fresh.locked[field]) throw new Error(fresh.locked[field]);
+      const subagentTier = /^subagentModelSettings\.(light|medium|heavy)(?:Model|ReasoningEffort)$/.exec(field)?.[1] as 'light' | 'medium' | 'heavy' | undefined;
+      if (subagentTier && values[field] === null) {
+        inheritTiers.add(subagentTier);
+        continue;
+      }
       const [parent, child] = field.split('.');
       if (child) { const nested = (patch[parent] ??= {}) as Record<string, unknown>; nested[child] = values[field]; }
       else patch[parent] = values[field];
     }
+    if (inheritTiers.size > 0) patch.subagentInheritTiers = [...inheritTiers];
     const previousLimits = fresh.values.compactionTokenLimitPerModel;
     const changedLimits = isStrictRecord(values.compactionTokenLimitPerModel)
       ? Object.entries(values.compactionTokenLimitPerModel).filter(([id, count]) => !isStrictRecord(previousLimits) || previousLimits[id] !== count).map(([id]) => id) : [];
diff --git a/src/shared/protocol/managementDefaultsProtocol.ts b/src/shared/protocol/managementDefaultsProtocol.ts
index 0d3cb0f1..30338cf7 100644
--- a/src/shared/protocol/managementDefaultsProtocol.ts
+++ b/src/shared/protocol/managementDefaultsProtocol.ts
@@ -16,9 +16,9 @@ const validators = {
   compactionTokenLimitPerModel: (v: unknown) => isStrictRecord(v) && Object.entries(v).every(([key, count]) => text(key) && tokens(count)),
   compactionModel: text, compactionThresholdCheckEnabled: boolean,
   subagentAutonomyLevel: nullable(oneOf([...SESSION_AUTONOMY_LEVELS, 'inherit'])),
-  'subagentModelSettings.lightModel': text, 'subagentModelSettings.lightReasoningEffort': reasoning,
-  'subagentModelSettings.mediumModel': text, 'subagentModelSettings.mediumReasoningEffort': reasoning,
-  'subagentModelSettings.heavyModel': text, 'subagentModelSettings.heavyReasoningEffort': reasoning,
+  'subagentModelSettings.lightModel': nullable(text), 'subagentModelSettings.lightReasoningEffort': nullable(reasoning),
+  'subagentModelSettings.mediumModel': nullable(text), 'subagentModelSettings.mediumReasoningEffort': nullable(reasoning),
+  'subagentModelSettings.heavyModel': nullable(text), 'subagentModelSettings.heavyReasoningEffort': nullable(reasoning),
   missionOrchestratorModel: nullable(text), missionOrchestratorReasoningEffort: nullable(reasoning),
   'missionModelSettings.workerModel': text, 'missionModelSettings.workerReasoningEffort': reasoning,
   'missionModelSettings.validationWorkerModel': text, 'missionModelSettings.validationWorkerReasoningEffort': reasoning,
diff --git a/src/webview-v2/management/DefaultsFields.tsx b/src/webview-v2/management/DefaultsFields.tsx
index c995f491..ce55126c 100644
--- a/src/webview-v2/management/DefaultsFields.tsx
+++ b/src/webview-v2/management/DefaultsFields.tsx
@@ -47,12 +47,12 @@ export function useDefaultsFields(props: DefaultsFieldsProps) {
       onChange={e => update({ [key]: e.target.value === '' ? NaN : Number(e.target.value) })} />);
   const modelOptions = snapshot.models.map(m => ({ value: m.id, label: m.label, disabled: Boolean(m.disabledReason) }));
   const pickerModels = snapshot.models;
-  const modelPair = (modelKey: DefaultField, effortKey: DefaultField, modelLabel = '模型', effortLabel = '推理强度', nullable = false) => {
+  const modelPair = (modelKey: DefaultField, effortKey: DefaultField, modelLabel = 'Model', effortLabel = '推理强度', nullable = false, inheritLabel = 'Droid 默认') => {
     const model = snapshot.models.find(m => m.id === text(modelKey));
-    return row(modelKey, modelLabel, <SettingsModelPicker label={t(modelLabel)} placeholder={t('Droid 默认')} models={pickerModels} modelId={text(modelKey)}
+    return row(modelKey, modelLabel, <SettingsModelPicker label={t(modelLabel)} placeholder={t(inheritLabel)} models={pickerModels} modelId={text(modelKey)}
         reasoningEffort={text(effortKey)} effortLabel={t(effortLabel)}
         disabled={busy || !pickerModels.length} modelDisabled={disabled(modelKey)} effortDisabled={disabled(effortKey)}
-        inherit={nullable ? { label: t('Droid 默认') } : undefined} defaultEffortLabel={nullable ? 'Droid 默认' : undefined}
+        inherit={nullable ? { label: t(inheritLabel) } : undefined} defaultEffortLabel={nullable ? inheritLabel : undefined}
         nonce={document.querySelector<HTMLScriptElement>('script[nonce]')?.nonce} onModelChange={id => {
           const next = snapshot.models.find(m => m.id === id);
           const changes: Partial<Record<DefaultField, DefaultValue>> = { [modelKey]: id };
diff --git a/src/webview-v2/management/DefaultsSettings.tsx b/src/webview-v2/management/DefaultsSettings.tsx
index 6efdff7b..bc8bf2c4 100644
--- a/src/webview-v2/management/DefaultsSettings.tsx
+++ b/src/webview-v2/management/DefaultsSettings.tsx
@@ -45,7 +45,7 @@ function SessionDefaults(props: DefaultsFieldsProps) {
       {f.choice('autonomyLevel', '默认自主等级', levels.map(value => ({ value, label: levelNames[value] ?? value })))}
     </SettingsSection>
     <SettingsSection title={t("Spec 模式")}>
-      {f.modelPair('specModeModelId', 'specModeReasoningEffort', 'Spec 模型', 'Spec 推理强度', true)}
+      {f.modelPair('specModeModelId', 'specModeReasoningEffort', 'Spec 模型', 'Spec 推理强度', true, '跟随主聊天')}
       {f.row('specSaveDir', '计划保存目录', <SpecDirectoryField value={f.text('specSaveDir')} options={props.snapshot.specDirectories}
         disabled={f.disabled('specSaveDir')} onChange={value => props.update({ specSaveDir: value })} />)}
     </SettingsSection>
@@ -55,7 +55,7 @@ function SessionDefaults(props: DefaultsFieldsProps) {
       <Tabs value={tier} onValueChange={setTier} className="management-default-tier">
         <TabsList animatedIndicator aria-label={t("子任务复杂度")}><TabsTrigger value="light">{t("轻量")}</TabsTrigger><TabsTrigger value="medium">{t("中等")}</TabsTrigger><TabsTrigger value="heavy">{t("复杂")}</TabsTrigger></TabsList>
         {(['light', 'medium', 'heavy'] as const).map(t => <TabsContent key={t} value={t}>
-          {f.modelPair(`subagentModelSettings.${t}Model`, `subagentModelSettings.${t}ReasoningEffort`)}
+          {f.modelPair(`subagentModelSettings.${t}Model`, `subagentModelSettings.${t}ReasoningEffort`, 'Model', '推理强度', true, '跟随主聊天')}
         </TabsContent>)}
       </Tabs>
     </SettingsSection>
diff --git a/src/webview-v2/management/useDefaultSettings.ts b/src/webview-v2/management/useDefaultSettings.ts
index 910180b1..ba155cb0 100644
--- a/src/webview-v2/management/useDefaultSettings.ts
+++ b/src/webview-v2/management/useDefaultSettings.ts
@@ -23,7 +23,8 @@ export function useDefaultSettings(state: ManagementState, scope: DefaultsScope,
   const update = (changes: DefaultValues) => setPatch(previous => {
     const next = { ...previous, ...changes };
     for (const key of Object.keys(changes) as (keyof DefaultValues)[]) {
-      if (JSON.stringify(changes[key]) === JSON.stringify(snapshot?.values[key])) delete next[key];
+      const current = snapshot?.values[key];
+      if (JSON.stringify(changes[key]) === JSON.stringify(current) || (changes[key] === null && current === undefined)) delete next[key];
     }
     return next;
   });

From 18e8702f395ba9311f83914554635d8cbfffa1f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 10:50:43 +0800
Subject: [PATCH 24/32] feat(management): split subtask tier defaults into
 model and reasoning rows

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/DESIGN.md                                |  2 +-
 docs/STATUS.md                                |  2 +-
 packages/chat-ui/src/i18n/management.ts       |  5 ++++
 packages/chat-ui/src/ui/model-picker.tsx      |  7 +++--
 src/webview-v2/management/DefaultsFields.tsx  | 29 +++++++++++++++++--
 .../management/DefaultsSettings.tsx           |  6 ++--
 .../management/useDefaultSettings.ts          |  4 ++-
 src/webview-v2/styles/management.css          |  2 +-
 8 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/docs/DESIGN.md b/docs/DESIGN.md
index 83053f3e..12b4434d 100644
--- a/docs/DESIGN.md
+++ b/docs/DESIGN.md
@@ -103,7 +103,7 @@
 - 切换模型、强度或模式时通过控件回显结果，不在聊天输入框上方弹出“正在更新会话设置”；
   保存期间的操作限制和失败反馈照常保留。
 - 等级与默认值来自 SDK 当前目录，保留“跟随主聊天”和“模型默认值”；无能力数据时
-  不显示强度入口。重选当前模型不重置等级，换模型只保留兼容值。
+  不显示强度入口。子任务模型的三个复杂度档位（轻量／中等／复杂）拆分为独立的“模型”与“推理强度”两行直选，子任务自主等级与模型默认继承项统一为“跟随主聊天”（未指定模型时推理强度显示并锁定为对应档位的 `跟随（低／中／高）`）。重选当前模型不重置等级，换模型只保留兼容值。
 - 官方／BYOK／全部使用同一个 Host 来源偏好，按目录 `isCustom` 过滤所有相关选择器，
   不清除范围外的已选值。继承项存在时不重复堆空列表说明；加载失败不能伪装成无结果。
 - 搜索保留空格编辑、IME、方向键、Tab 与 Escape。菜单开合和焦点返回交给 Radix。
diff --git a/docs/STATUS.md b/docs/STATUS.md
index 56af1161..fd3021a5 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`）、单行标签修正为单数 `Model`，并在无推理强度项时直接展开模型列表。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务自主等级／三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`），并将子任务三档拆分为独立的 `Model` 与 `Reasoning effort` 两行直选（继承状态下推理强度锁定显示对应档位的 `Inherit (Low / Medium / High)`）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/i18n/management.ts b/packages/chat-ui/src/i18n/management.ts
index 4646b851..5d2cede5 100644
--- a/packages/chat-ui/src/i18n/management.ts
+++ b/packages/chat-ui/src/i18n/management.ts
@@ -144,6 +144,11 @@ export const managementMessages: readonly MessageTranslations[] = [
   ["Items per page","每页条数","每頁條數"],
   ["More sessions are available","还有会话尚未读取","還有會話尚未讀取"],
   ["Follow main chat","跟随主聊天","跟隨主聊天"],
+  ["Inherit (Low)","跟随（低）","跟隨（低）"],
+  ["Inherit (Medium)","跟随（中）","跟隨（中）"],
+  ["Inherit (High)","跟随（高）","跟隨（高）"],
+  ["Minimal","极低","極低"],
+  ["Dynamic","动态","動態"],
   ["Loading settings…","正在读取设置…","正在讀取設置…"],
   ["Settings not loaded","设置尚未读取","設置尚未讀取"],
   ["Please wait for the current operation to finish.","请等待当前操作完成。","請等待當前操作完成。"],
diff --git a/packages/chat-ui/src/ui/model-picker.tsx b/packages/chat-ui/src/ui/model-picker.tsx
index 271be7e1..651b72c4 100644
--- a/packages/chat-ui/src/ui/model-picker.tsx
+++ b/packages/chat-ui/src/ui/model-picker.tsx
@@ -68,18 +68,19 @@ export function ModelPicker({ label, models, modelId, reasoningEffort, placehold
       {(filtered.length > 0 || showInheritance) && <DropdownMenuRadioGroup aria-label={label} value={inherited ? inheritanceValue : modelId ?? ''}
         onValueChange={value => {
           const nextId = value === inheritanceValue ? null : value;
+          const nextModel = models.find(item => item.id === (nextId ?? inherit?.modelId));
           if (nextId !== (modelId ?? null)) onModelChange(nextId);
-          if (showEffort) { changeModelsOpen(false); modelTriggerRef.current?.focus(); }
+          if (onEffortChange && nextModel?.reasoning?.length) { changeModelsOpen(false); modelTriggerRef.current?.focus(); }
         }}>
         {inherit && showInheritance && <DropdownMenuRadioItem value={inheritanceValue} className="dvx-picker-option" disabled={disabled || modelDisabled}
-          onSelect={event => { if (showEffort) event.preventDefault(); }}>
+          onSelect={event => { if (onEffortChange && models.find(item => item.id === inherit.modelId)?.reasoning?.length) event.preventDefault(); }}>
           <span>{inherit.label}</span>{inherited && <Check aria-hidden="true" />}
         </DropdownMenuRadioItem>}
         {groups.map(group => <div key={group} className="dvx-picker-group">
           {group && <div className="dvx-picker-group-label">{group}</div>}
           {filtered.filter(item => (item.source ?? '') === group).map(item => <DropdownMenuRadioItem key={item.id} value={item.id}
             className="dvx-picker-option" disabled={disabled || modelDisabled || Boolean(item.disabledReason)} title={item.disabledReason ?? item.id}
-            onSelect={event => { if (showEffort) event.preventDefault(); }}>
+            onSelect={event => { if (onEffortChange && item.reasoning?.length) event.preventDefault(); }}>
             <span>{item.label}{item.disabledReason && <small>{t('Unavailable')}</small>}</span>{item.id === modelId && <Check aria-hidden="true" />}
           </DropdownMenuRadioItem>)}
         </div>)}
diff --git a/src/webview-v2/management/DefaultsFields.tsx b/src/webview-v2/management/DefaultsFields.tsx
index ce55126c..648d64ae 100644
--- a/src/webview-v2/management/DefaultsFields.tsx
+++ b/src/webview-v2/management/DefaultsFields.tsx
@@ -32,8 +32,8 @@ export function useDefaultsFields(props: DefaultsFieldsProps) {
   const disabled = (key: DefaultField) => busy || Boolean(snapshot.locked[key]);
   const row = (key: DefaultField, label: string, control: ReactNode, detail?: string) =>
     <ManagementRow key={key} label={label} detail={snapshot.locked[key] || detail}>{control}</ManagementRow>;
-  const choice = (key: DefaultField, label: string, options: readonly Option[], nullable = false) => row(key, label,
-    <DefaultsSelect label={label} wide={key === 'compactionModel'} value={text(key) ?? (nullable ? DEFAULT : undefined)} disabled={disabled(key) || options.length === 0}
+  const choice = (key: DefaultField, label: string, options: readonly Option[], nullable = false, fallback?: string) => row(key, label,
+    <DefaultsSelect label={label} wide={key === 'compactionModel'} value={text(key) ?? fallback ?? (nullable ? DEFAULT : undefined)} disabled={disabled(key) || options.length === 0}
       options={[...(nullable ? [{ value: DEFAULT, label: t('Droid 默认') }] : []),
         ...options.map(o => ({ ...o, label: key === 'compactionModel' ? o.label : t(o.label) }))]}
       onChange={value => update({ [key]: value === DEFAULT ? null : value })} />);
@@ -47,6 +47,7 @@ export function useDefaultsFields(props: DefaultsFieldsProps) {
       onChange={e => update({ [key]: e.target.value === '' ? NaN : Number(e.target.value) })} />);
   const modelOptions = snapshot.models.map(m => ({ value: m.id, label: m.label, disabled: Boolean(m.disabledReason) }));
   const pickerModels = snapshot.models;
+  const effortText = (effort: string) => t(effort === 'xhigh' ? 'Extra High' : effort === 'max' ? 'Maximum' : effort.charAt(0).toUpperCase() + effort.slice(1));
   const modelPair = (modelKey: DefaultField, effortKey: DefaultField, modelLabel = 'Model', effortLabel = '推理强度', nullable = false, inheritLabel = 'Droid 默认') => {
     const model = snapshot.models.find(m => m.id === text(modelKey));
     return row(modelKey, modelLabel, <SettingsModelPicker label={t(modelLabel)} placeholder={t(inheritLabel)} models={pickerModels} modelId={text(modelKey)}
@@ -63,5 +64,27 @@ export function useDefaultsFields(props: DefaultsFieldsProps) {
           update(changes);
         }} onEffortChange={value => update({ [effortKey]: value })} />, model?.disabledReason || snapshot.locked[effortKey]);
   };
-  return { text, disabled, row, choice, toggle, number, modelPair, modelOptions, pickerModels };
+  const subagentTier = (tier: 'light' | 'medium' | 'heavy') => {
+    const modelKey = `subagentModelSettings.${tier}Model` as const;
+    const effortKey = `subagentModelSettings.${tier}ReasoningEffort` as const;
+    const modelId = text(modelKey);
+    const model = snapshot.models.find(m => m.id === modelId);
+    const inheritedEffort = { light: '跟随（低）', medium: '跟随（中）', heavy: '跟随（高）' }[tier];
+    const efforts = model?.reasoning.length ? model.reasoning : model?.defaultReasoning ? [model.defaultReasoning] : ['medium'];
+    const effortOptions = modelId ? efforts.map(e => ({ value: e, label: effortText(e) })) : [{ value: DEFAULT, label: t(inheritedEffort) }];
+    return <>
+      {row(modelKey, 'Model', <SettingsModelPicker label={t('Model')} placeholder={t('跟随主聊天')} models={pickerModels} modelId={modelId}
+        disabled={busy || !pickerModels.length} modelDisabled={disabled(modelKey)} inherit={{ label: t('跟随主聊天') }}
+        nonce={document.querySelector<HTMLScriptElement>('script[nonce]')?.nonce} onModelChange={id => {
+          const next = snapshot.models.find(m => m.id === id);
+          const changes: Partial<Record<DefaultField, DefaultValue>> = { [modelKey]: id };
+          if (!snapshot.locked[effortKey]) changes[effortKey] = id === null ? null : (next?.defaultReasoning ?? 'medium');
+          update(changes);
+        }} />, model?.disabledReason || snapshot.locked[modelKey])}
+      {row(effortKey, '推理强度', <DefaultsSelect label="推理强度" value={modelId ? (text(effortKey) ?? model?.defaultReasoning ?? efforts[0]) : DEFAULT}
+        disabled={!modelId || disabled(effortKey) || Boolean(model?.disabledReason)} options={effortOptions}
+        onChange={value => update({ [effortKey]: value })} />, snapshot.locked[effortKey])}
+    </>;
+  };
+  return { text, disabled, row, choice, toggle, number, modelPair, subagentTier, modelOptions, pickerModels };
 }
diff --git a/src/webview-v2/management/DefaultsSettings.tsx b/src/webview-v2/management/DefaultsSettings.tsx
index bc8bf2c4..2cf1be23 100644
--- a/src/webview-v2/management/DefaultsSettings.tsx
+++ b/src/webview-v2/management/DefaultsSettings.tsx
@@ -37,7 +37,7 @@ function SessionDefaults(props: DefaultsFieldsProps) {
   const f = useDefaultsFields(props);
   const [tier, setTier] = useState('light');
   const levels = props.snapshot.autonomyLevels ?? [];
-  const levelNames: Record<string, string> = { off: '关闭', low: '低', medium: '中', high: '高', inherit: '跟随主会话' };
+  const levelNames: Record<string, string> = { off: '关闭', low: '低', medium: '中', high: '高', inherit: '跟随主聊天' };
   return <>
     <SettingsSection>
       {f.modelPair('modelId', 'reasoningEffort', '默认模型', '默认推理强度')}
@@ -51,11 +51,11 @@ function SessionDefaults(props: DefaultsFieldsProps) {
     </SettingsSection>
     <CompactionDefaults {...props} />
     <SettingsSection title={t("子任务模型")}>
-      {f.choice('subagentAutonomyLevel', '子任务自主等级', [...levels, 'inherit'].map(value => ({ value, label: levelNames[value] ?? value })), true)}
+      {f.choice('subagentAutonomyLevel', '子任务自主等级', ['inherit', ...levels].map(value => ({ value, label: levelNames[value] ?? value })), false, 'inherit')}
       <Tabs value={tier} onValueChange={setTier} className="management-default-tier">
         <TabsList animatedIndicator aria-label={t("子任务复杂度")}><TabsTrigger value="light">{t("轻量")}</TabsTrigger><TabsTrigger value="medium">{t("中等")}</TabsTrigger><TabsTrigger value="heavy">{t("复杂")}</TabsTrigger></TabsList>
         {(['light', 'medium', 'heavy'] as const).map(t => <TabsContent key={t} value={t}>
-          {f.modelPair(`subagentModelSettings.${t}Model`, `subagentModelSettings.${t}ReasoningEffort`, 'Model', '推理强度', true, '跟随主聊天')}
+          {f.subagentTier(t)}
         </TabsContent>)}
       </Tabs>
     </SettingsSection>
diff --git a/src/webview-v2/management/useDefaultSettings.ts b/src/webview-v2/management/useDefaultSettings.ts
index ba155cb0..911f6d5e 100644
--- a/src/webview-v2/management/useDefaultSettings.ts
+++ b/src/webview-v2/management/useDefaultSettings.ts
@@ -24,7 +24,9 @@ export function useDefaultSettings(state: ManagementState, scope: DefaultsScope,
     const next = { ...previous, ...changes };
     for (const key of Object.keys(changes) as (keyof DefaultValues)[]) {
       const current = snapshot?.values[key];
-      if (JSON.stringify(changes[key]) === JSON.stringify(current) || (changes[key] === null && current === undefined)) delete next[key];
+      if (JSON.stringify(changes[key]) === JSON.stringify(current)
+        || (changes[key] === null && current === undefined)
+        || (key === 'subagentAutonomyLevel' && changes[key] === 'inherit' && current === undefined)) delete next[key];
     }
     return next;
   });
diff --git a/src/webview-v2/styles/management.css b/src/webview-v2/styles/management.css
index 1e47d1a4..01e5a363 100644
--- a/src/webview-v2/styles/management.css
+++ b/src/webview-v2/styles/management.css
@@ -39,7 +39,7 @@
   .management-page .management-default-choice-wide[role='combobox'] { width: auto; min-width: 220px; }
   .management-default-toggle { display: flex; align-items: center; gap: 8px; }
   .management-default-toggle small { margin: 0; }
-  .management-default-tier { padding-top: 14px; }
+  .management-default-tier { padding-top: 14px; border-top: 1px solid var(--settings-divider, var(--panel-edge)); }
   .management-default-directory { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; max-width: 100%; }
   .management-default-directory input { width: 220px; max-width: 100%; }
   .management-default-override { display: flex; justify-content: flex-end; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }

From 4cfca67b50deedc9d26d64adc72903547f8c2006 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 11:44:48 +0800
Subject: [PATCH 25/32] fix(management): ignore synthetic empty Select change
 when switching subtask model

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                |  2 +-
 packages/chat-ui/src/ui/selection.tsx         |  5 +++-
 src/webview-v2/management/DefaultsFields.tsx  |  4 +--
 .../management/MissionManagement.test.tsx     | 30 +++++++++++++++++++
 4 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index fd3021a5..afc85f0a 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务自主等级／三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`），并将子任务三档拆分为独立的 `Model` 与 `Reasoning effort` 两行直选（继承状态下推理强度锁定显示对应档位的 `Inherit (Low / Medium / High)`）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务自主等级／三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`），并将子任务三档拆分为独立的 `Model` 与 `Reasoning effort` 两行直选（继承状态下推理强度锁定显示对应档位的 `Inherit (Low / Medium / High)`，`selection.tsx` 与 `DefaultsFields.tsx` 过滤表单内受控 `Select` 切换选项时 `SelectBubbleInput` 冒泡的空值事件）。`typecheck` 与 `lint:budgets` 全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/ui/selection.tsx b/packages/chat-ui/src/ui/selection.tsx
index f8df0397..a395d43b 100644
--- a/packages/chat-ui/src/ui/selection.tsx
+++ b/packages/chat-ui/src/ui/selection.tsx
@@ -16,7 +16,10 @@ export function Checkbox({ className, ...props }: ComponentProps<typeof Checkbox
   );
 }
 
-export const Select = SelectPrimitive.Root;
+export function Select({ onValueChange, value, ...props }: ComponentProps<typeof SelectPrimitive.Root>) {
+  // Radix SelectBubbleInput dispatches a synthetic change on controlled updates before new <option>s mount, producing "".
+  return <SelectPrimitive.Root value={value} onValueChange={next => { if (next && next !== value) onValueChange?.(next); }} {...props} />;
+}
 export const SelectValue = SelectPrimitive.Value;
 
 export function SelectTrigger({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Trigger>) {
diff --git a/src/webview-v2/management/DefaultsFields.tsx b/src/webview-v2/management/DefaultsFields.tsx
index 648d64ae..4220f1f8 100644
--- a/src/webview-v2/management/DefaultsFields.tsx
+++ b/src/webview-v2/management/DefaultsFields.tsx
@@ -20,7 +20,7 @@ export function DefaultsSelect({ label, value, options, disabled, onChange, plac
 }) {
   const { t } = useI18n();
   const items = value && !options.some(o => o.value === value) ? [{ value, label: value, disabled: true }, ...options] : options;
-  return <Select value={value ?? ''} disabled={disabled} onValueChange={onChange}>
+  return <Select value={value ?? ''} disabled={disabled} onValueChange={next => { if (next && next !== value && options.some(o => o.value === next)) onChange(next); }}>
     <SelectTrigger aria-label={t(label)} className={`management-default-choice${wide ? ' management-default-choice-wide' : ''}`}><SelectValue placeholder={t(placeholder)} /></SelectTrigger>
     <SelectContent className="management-menu" align="end">{items.map(o => <SelectItem key={o.value} value={o.value} disabled={o.disabled}>{o.label}</SelectItem>)}</SelectContent>
   </Select>;
@@ -83,7 +83,7 @@ export function useDefaultsFields(props: DefaultsFieldsProps) {
         }} />, model?.disabledReason || snapshot.locked[modelKey])}
       {row(effortKey, '推理强度', <DefaultsSelect label="推理强度" value={modelId ? (text(effortKey) ?? model?.defaultReasoning ?? efforts[0]) : DEFAULT}
         disabled={!modelId || disabled(effortKey) || Boolean(model?.disabledReason)} options={effortOptions}
-        onChange={value => update({ [effortKey]: value })} />, snapshot.locked[effortKey])}
+        onChange={value => update({ [effortKey]: value === DEFAULT ? null : value })} />, snapshot.locked[effortKey])}
     </>;
   };
   return { text, disabled, row, choice, toggle, number, modelPair, subagentTier, modelOptions, pickerModels };
diff --git a/src/webview-v2/management/MissionManagement.test.tsx b/src/webview-v2/management/MissionManagement.test.tsx
index a2f95074..8d48c6f4 100644
--- a/src/webview-v2/management/MissionManagement.test.tsx
+++ b/src/webview-v2/management/MissionManagement.test.tsx
@@ -4,6 +4,7 @@ import userEvent from '@testing-library/user-event';
 import { afterEach, expect, it, vi } from 'vitest';
 import type { MissionControlCatalogRow } from '../../shared/protocol/missionControlPanelProtocol';
 import type { ManagementState } from './useManagement';
+import { DefaultsSettings } from './DefaultsSettings';
 import { MissionManagement } from './MissionManagement';
 
 afterEach(cleanup);
@@ -28,3 +29,32 @@ it('searches the whole mission list and returns to page one when the query chang
   expect(screen.getByRole('button', { name: /第 1 页|Page 1/ }).getAttribute('aria-current')).toBe('page');
   expect(run).toHaveBeenCalledTimes(1);
 });
+
+it('keeps subtask model defaults valid when switching a configured tier back to Follow main chat', async () => {
+  Element.prototype.scrollIntoView = () => {};
+  const user = userEvent.setup();
+  const defaults = {
+    values: {
+      modelId: 'auto', reasoningEffort: 'none', interactionMode: 'auto', autonomyLevel: 'high',
+      compactionTokenLimit: 300000, compactionTokenLimitPerModel: {}, compactionModel: 'current-model',
+      compactionThresholdCheckEnabled: true, subagentAutonomyLevel: 'high',
+      'subagentModelSettings.lightModel': 'auto', 'subagentModelSettings.lightReasoningEffort': 'none',
+    },
+    locked: {}, autonomyLevels: ['off', 'low', 'medium', 'high'], specDirectories: [],
+    models: [{ id: 'auto', label: 'Auto Model', reasoning: ['none'], defaultReasoning: 'none', isCustom: false }],
+  };
+  const run = vi.fn().mockResolvedValue({ ok: true, defaults });
+  render(<DefaultsSettings active scope="sessions" state={{ settings: {}, busy: false, run, setNotice: vi.fn() } as unknown as ManagementState} />);
+  const trigger = await screen.findByRole('button', { name: 'Model', exact: true });
+  await user.click(trigger);
+  await user.click(await screen.findByRole('menuitemradio', { name: /跟随主聊天|Follow main chat/ }));
+  expect(screen.queryByRole('alert')).toBeNull();
+  const save = screen.getByRole('button', { name: /保存|Save/ });
+  expect((save as HTMLButtonElement).disabled).toBe(false);
+  await user.click(save);
+  expect(run).toHaveBeenLastCalledWith({
+    kind: 'defaults.save', scope: 'sessions',
+    patch: { 'subagentModelSettings.lightModel': null, 'subagentModelSettings.lightReasoningEffort': null },
+  });
+});
+

From cf54dc1a2a63e1da9f0922b199b5678a4c5968ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 12:55:24 +0800
Subject: [PATCH 26/32] perf(chat-ui): adopt incremental Markdown stream and
 stateful code highlighting

- Add block-level Markdown streaming with settled block LRU caching, cross-block reference definition fallback, O(1) unclosed code fence projection, and live inline syntax completion.
- Fast-path reference-identical HAST nodes in worker tree delta calculation to skip redundant JSON serialization on settled blocks.
- Maintain incremental per-stream Shiki GrammarState sessions in syntaxWorker, coalesce pending jobs by streamKey, and render memoized per-line spans in CodeSyntax so text selection persists while code streams.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                |   2 +-
 packages/chat-ui/src/content/CodeSyntax.tsx   | 121 ++++--
 .../chat-ui/src/markdown/markdownStream.ts    | 401 ++++++++++++++++++
 .../chat-ui/src/markdown/markdownWorker.ts    |   2 +-
 .../src/markdown/markdownWorkerProtocol.ts    |  13 +-
 .../chat-ui/src/markdown/parseMarkdown.ts     |  82 +++-
 .../chat-ui/src/markdown/streamingTree.ts     |   9 +-
 .../chat-ui/src/markdown/useParsedMarkdown.ts |   8 +-
 packages/chat-ui/src/syntax/syntaxProtocol.ts |   2 +
 packages/chat-ui/src/syntax/syntaxQueue.ts    |   9 +
 packages/chat-ui/src/syntax/syntaxWorker.ts   |  65 +++
 .../chat-ui/test/content/Markdown.test.tsx    |  79 ++++
 12 files changed, 755 insertions(+), 38 deletions(-)
 create mode 100644 packages/chat-ui/src/markdown/markdownStream.ts

diff --git a/docs/STATUS.md b/docs/STATUS.md
index afc85f0a..6cc3b56a 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务自主等级／三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`），并将子任务三档拆分为独立的 `Model` 与 `Reasoning effort` 两行直选（继承状态下推理强度锁定显示对应档位的 `Inherit (Low / Medium / High)`，`selection.tsx` 与 `DefaultsFields.tsx` 过滤表单内受控 `Select` 切换选项时 `SelectBubbleInput` 冒泡的空值事件）。`typecheck` 与 `lint:budgets` 全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务自主等级／三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`），并将子任务三档拆分为独立的 `Model` 与 `Reasoning effort` 两行直选（继承状态下推理强度锁定显示对应档位的 `Inherit (Low / Medium / High)`，`selection.tsx` 与 `DefaultsFields.tsx` 过滤表单内受控 `Select` 切换选项时 `SelectBubbleInput` 冒泡的空值事件）；`markdownStream.ts`、`parseMarkdown.ts`、`streamingTree.ts`、`markdownWorkerProtocol.ts`、`syntaxWorker.ts`、`syntaxQueue.ts` 与 `CodeSyntax.tsx` 完成 Markdown 混合增量流式渲染与代码高亮改造（未闭合代码围栏 $O(1)$ 直通投影、顶层稳定块 LRU 缓存与 `[id]: url` 引用定义整篇回退、尾部 `live` 块未闭合行内语法补齐、Worker 树比对引用相等零序列化快路径、Shiki `GrammarState` 按行增量染色与同 `streamKey` 队列合并、移除 150ms 轮询并改为 `CodeLine` 按行 memo 化保选区渲染）。`typecheck`、`lint:budgets` 与 63 项 Markdown／Diff 定向测试全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/content/CodeSyntax.tsx b/packages/chat-ui/src/content/CodeSyntax.tsx
index 9f7890d8..e0a9738f 100644
--- a/packages/chat-ui/src/content/CodeSyntax.tsx
+++ b/packages/chat-ui/src/content/CodeSyntax.tsx
@@ -1,34 +1,107 @@
-import { memo, useEffect, useMemo, useRef, useState } from 'react';
+import { Fragment, memo, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { useUiEnvironment } from '../environment';
 import type { CodeHighlightHints } from '../markdown/highlightCode';
-import { useSyntaxHighlight } from '../syntax/useSyntaxHighlight';
+import { requestSyntax } from '../syntax/syntaxQueue';
 
 interface Source { readonly text: string; readonly language?: string | null; readonly path?: string }
-const escape = (text: string) => text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+interface HighlightedSource extends Source {
+  readonly lines: readonly string[];
+  readonly lineHtml: Readonly<Record<number, string>>;
+  readonly error?: string;
+}
+
+const CodeLine = memo(function CodeLine({
+  html,
+  plain,
+}: {
+  readonly html?: string;
+  readonly plain: string;
+}) {
+  return html !== undefined ? <span dangerouslySetInnerHTML={{ __html: html }} /> : <>{plain}</>;
+});
 
 /** Shared worker-backed tokens; surfaces retain their own layout and actions. */
-export const CodeSyntax = memo(function CodeSyntax({ text, language, path, streaming = false }: CodeHighlightHints & {
+export const CodeSyntax = memo(function CodeSyntax({ text, language, path }: CodeHighlightHints & {
   readonly text: string; readonly streaming?: boolean;
 }) {
-  const latest = useRef<Source>({ text, language, path });
-  latest.current = { text: streaming && text.endsWith('\n') ? text.slice(0, -1) : text, language, path };
-  const [sample, setSample] = useState(latest.current);
+  const streamKey = useId();
+  const { createSyntaxWorker } = useUiEnvironment();
+  const cleanText = text.endsWith('\n') ? text.slice(0, -1) : text;
+  const target = useMemo<Source>(() => ({ text: cleanText, language, path }), [cleanText, language, path]);
+  const latest = useRef<Source>(target);
+  latest.current = target;
+  const [highlighted, setHighlighted] = useState<HighlightedSource>();
+  const [error, setError] = useState<string>();
+  const sendRef = useRef<(() => void) | null>(null);
+
+  useEffect(() => {
+    if (!createSyntaxWorker) return;
+    let cancelActive: (() => void) | null = null;
+    let inFlight = false;
+    let completed: Source | null = null;
+
+    const send = () => {
+      if (inFlight) return;
+      const next = latest.current;
+      if (!next.text.trim()) return;
+      if (completed && completed.text === next.text && completed.language === next.language && completed.path === next.path) {
+        return;
+      }
+      inFlight = true;
+      cancelActive = requestSyntax(
+        createSyntaxWorker,
+        { documents: [{ text: next.text, streamKey }], language: next.language, path: next.path },
+        (result) => {
+          inFlight = false;
+          cancelActive = null;
+          completed = next;
+          if (result.error) console.warn('Source highlighting:', result.error);
+          setError(result.error);
+          const doc = result.documents[0];
+          if (doc) {
+            setHighlighted({
+              text: next.text,
+              language: next.language,
+              path: next.path,
+              lines: next.text.split('\n'),
+              lineHtml: doc,
+              error: result.error,
+            });
+          }
+          const current = latest.current;
+          if (current.text !== next.text || current.language !== next.language || current.path !== next.path) {
+            send();
+          }
+        },
+      );
+    };
+
+    sendRef.current = send;
+    send();
+    return () => {
+      sendRef.current = null;
+      cancelActive?.();
+    };
+  }, [createSyntaxWorker, streamKey]);
+
   useEffect(() => {
-    if (!streaming) return;
-    const timer = setInterval(() => setSample(latest.current), 150);
-    return () => clearInterval(timer);
-  }, [streaming]);
-  const source = streaming ? sample : latest.current;
-  const request = useMemo(() => ({ documents: [{ text: source.text }], language: source.language, path: source.path }),
-    [source.text, source.language, source.path]);
-  const result = useSyntaxHighlight(request);
-  const parsed = useMemo(() => result?.documents[0] ? { ...source,
-    html: source.text.split('\n').map((line, index) => result.documents[0]![index] ?? escape(line)).join('\n'),
-  } : undefined, [source.text, source.language, source.path, result]);
-  const [previous, setPrevious] = useState<typeof parsed>();
-  useEffect(() => { if (parsed) setPrevious(parsed); }, [parsed]);
-  const candidate = parsed ?? (streaming ? previous : undefined);
-  const current = candidate && candidate.language === language && candidate.path === path && text.startsWith(candidate.text) ? candidate : undefined;
-  return <code className="bg-transparent text-foreground" title={result?.error}>{current ? <>
-    <span dangerouslySetInnerHTML={{ __html: current.html }} />{text.slice(current.text.length)}
+    sendRef.current?.();
+  }, [target]);
+
+  const current = highlighted
+    && highlighted.language === language
+    && highlighted.path === path
+    && text.startsWith(highlighted.text)
+    ? highlighted
+    : undefined;
+
+  return <code className="bg-transparent text-foreground" title={current?.error ?? error}>{current ? <>
+    {current.lines.map((line, index) => (
+      <Fragment key={index}>
+        {index > 0 ? '\n' : null}
+        <CodeLine html={current.lineHtml[index]} plain={line} />
+      </Fragment>
+    ))}
+    {text.slice(current.text.length)}
   </> : text}</code>;
 });
diff --git a/packages/chat-ui/src/markdown/markdownStream.ts b/packages/chat-ui/src/markdown/markdownStream.ts
new file mode 100644
index 00000000..d53baa8e
--- /dev/null
+++ b/packages/chat-ui/src/markdown/markdownStream.ts
@@ -0,0 +1,401 @@
+import type { Element, RootContent } from 'hast';
+
+export interface OpenFenceState {
+  readonly marker: '`' | '~';
+  readonly length: number;
+  readonly language: string | null;
+  readonly blockOffset: number;
+  readonly contentOffset: number;
+}
+
+export interface MarkdownBlock {
+  readonly raw: string;
+  readonly offset: number;
+  readonly mode: 'full' | 'live';
+}
+
+export interface StreamParseState {
+  readonly text: string;
+  readonly thinking: boolean;
+  readonly streaming: boolean;
+  readonly hasRefs: boolean;
+  readonly openFence: OpenFenceState | null;
+  readonly nodes: readonly RootContent[];
+}
+
+const REFERENCE_DEFINITION = /^ {0,3}\[[^\r\n\]]+\]:[ \t\r\n]*\S/mu;
+const FENCE_OPEN = /^ {0,3}(`{3,}|~{3,})([^\r\n]*)$/u;
+const ANY_FENCE_LINE = /^ {0,3}(`{3,}|~{3,})/mu;
+const LIST_ITEM = /^ {0,3}(?:[-*+]|\d{1,9}[.)])[ \t]/u;
+const INDENTED_CONTINUATION = /^(?: {2,}|\t)/u;
+const INDENTED_CODE = /^(?: {4,}|\t)/u;
+const LINE_BLOCK_PREFIX = /^(?: {0,3}>[ \t]?)*(?: {0,3}(?:[-*+]|\d{1,9}[.)])[ \t]+| {0,3}#{1,6}[ \t]+)?/u;
+const LATEX_BEGIN = /\\begin\{(?:array|aligned|gathered|matrix|pmatrix|bmatrix|cases)\}/gu;
+const LATEX_END = /\\end\{(?:array|aligned|gathered|matrix|pmatrix|bmatrix|cases)\}/gu;
+
+export function hasReferenceDefinitions(text: string): boolean {
+  return text.includes(']:') && REFERENCE_DEFINITION.test(text);
+}
+
+function matchOpeningFence(line: string): { marker: '`' | '~'; length: number; language: string | null } | null {
+  const match = FENCE_OPEN.exec(line);
+  if (!match) return null;
+  const fence = match[1]!;
+  const marker = fence[0] as '`' | '~';
+  const info = match[2]!;
+  if (marker === '`' && info.includes('`')) return null;
+  const language = /^[\t ]*([\w#+-]+)/u.exec(info)?.[1] ?? null;
+  return { marker, length: fence.length, language };
+}
+
+function isClosingFence(line: string, marker: '`' | '~', minLength: number): boolean {
+  const trimmed = line.replace(/\r$/u, '');
+  let spaces = 0;
+  while (spaces < 3 && trimmed[spaces] === ' ') spaces++;
+  let count = 0;
+  while (trimmed[spaces + count] === marker) count++;
+  if (count < minLength) return false;
+  for (let i = spaces + count; i < trimmed.length; i++) {
+    const ch = trimmed[i];
+    if (ch !== ' ' && ch !== '\t') return false;
+  }
+  return true;
+}
+
+function countDoubleDollars(line: string): number {
+  let count = 0;
+  for (let i = 0; i < line.length - 1; i++) {
+    if (line[i] === '\\') { i++; continue; }
+    if (line[i] === '$' && line[i + 1] === '$') { count++; i++; }
+  }
+  return count;
+}
+
+export function splitMarkdownBlocks(text: string): {
+  readonly blocks: readonly MarkdownBlock[];
+  readonly openFence: OpenFenceState | null;
+} {
+  if (!text) return { blocks: [], openFence: null };
+  const blocks: MarkdownBlock[] = [];
+  let blockStart = 0;
+  let sawBlankLine = false;
+  let blockHasContent = false;
+  let blockIsList = false;
+  let blockIsIndentedCode = false;
+  let openFence: (OpenFenceState & { readonly standalone: boolean }) | null = null;
+  let inDollarMath = false;
+  let inBracketMath = false;
+  let latexEnvDepth = 0;
+
+  let cursor = 0;
+  while (cursor < text.length) {
+    const newlineIndex = text.indexOf('\n', cursor);
+    const lineEnd = newlineIndex === -1 ? text.length : newlineIndex + 1;
+    const rawLine = text.slice(cursor, newlineIndex === -1 ? text.length : newlineIndex).replace(/\r$/u, '');
+    const isBlank = rawLine.trim().length === 0;
+
+    if (openFence !== null) {
+      if (isClosingFence(rawLine, openFence.marker, openFence.length)) openFence = null;
+      cursor = lineEnd;
+      continue;
+    }
+
+    if (isBlank) {
+      if (blockHasContent) sawBlankLine = true;
+      cursor = lineEnd;
+      continue;
+    }
+
+    if (sawBlankLine && !inDollarMath && !inBracketMath && latexEnvDepth === 0) {
+      const keepInList = blockIsList && (INDENTED_CONTINUATION.test(rawLine) || LIST_ITEM.test(rawLine));
+      const keepInIndentedCode = blockIsIndentedCode && INDENTED_CODE.test(rawLine);
+      if (!keepInList && !keepInIndentedCode) {
+        blocks.push({ raw: text.slice(blockStart, cursor), offset: blockStart, mode: 'full' });
+        blockStart = cursor;
+        blockHasContent = false;
+        blockIsList = false;
+        blockIsIndentedCode = false;
+      }
+      sawBlankLine = false;
+    }
+
+    const isFirstLineOfBlock = !blockHasContent;
+    if (isFirstLineOfBlock) {
+      blockHasContent = true;
+      blockIsList = LIST_ITEM.test(rawLine);
+      blockIsIndentedCode = !blockIsList && INDENTED_CODE.test(rawLine);
+    } else if (LIST_ITEM.test(rawLine)) {
+      blockIsList = true;
+    }
+
+    if (!blockIsIndentedCode && !inDollarMath && !inBracketMath && latexEnvDepth === 0) {
+      const fence = matchOpeningFence(rawLine);
+      if (fence && newlineIndex !== -1) {
+        openFence = {
+          ...fence,
+          blockOffset: blockStart,
+          contentOffset: lineEnd,
+          standalone: isFirstLineOfBlock,
+        };
+        cursor = lineEnd;
+        continue;
+      }
+    }
+
+    if (countDoubleDollars(rawLine) % 2 === 1) inDollarMath = !inDollarMath;
+    if (rawLine.includes('\\[') && !rawLine.includes('\\]')) inBracketMath = true;
+    else if (inBracketMath && rawLine.includes('\\]')) inBracketMath = false;
+    const begins = rawLine.match(LATEX_BEGIN)?.length ?? 0;
+    const ends = rawLine.match(LATEX_END)?.length ?? 0;
+    latexEnvDepth = Math.max(0, latexEnvDepth + begins - ends);
+
+    cursor = lineEnd;
+  }
+
+  if (blockStart < text.length) {
+    blocks.push({ raw: text.slice(blockStart), offset: blockStart, mode: 'live' });
+  }
+
+  return {
+    blocks,
+    openFence: openFence?.standalone ? {
+      marker: openFence.marker,
+      length: openFence.length,
+      language: openFence.language,
+      blockOffset: openFence.blockOffset,
+      contentOffset: openFence.contentOffset,
+    } : null,
+  };
+}
+
+function updateCodePreElement(node: RootContent, nextCodeText: string, language: string | null): Element {
+  const codeProperties = language ? { className: [`language-${language}`] } : {};
+  const existingPre = node.type === 'element' && node.tagName === 'pre' ? node : null;
+  const existingCode = existingPre?.children[0]?.type === 'element' && existingPre.children[0].tagName === 'code'
+    ? existingPre.children[0]
+    : null;
+  return {
+    type: 'element',
+    tagName: 'pre',
+    properties: existingPre?.properties ?? {},
+    children: [{
+      type: 'element',
+      tagName: 'code',
+      properties: existingCode?.properties ?? codeProperties,
+      children: nextCodeText.length > 0 ? [{ type: 'text', value: nextCodeText }] : [],
+    }],
+  };
+}
+
+export function projectUnclosedCodeFence(
+  previous: StreamParseState,
+  text: string,
+  thinking: boolean,
+  streaming: boolean,
+): StreamParseState | null {
+  const fence = previous.openFence;
+  if (!fence || previous.thinking !== thinking || previous.hasRefs || !text.startsWith(previous.text)) return null;
+  if (text === previous.text && previous.streaming === streaming) return previous;
+  if (hasReferenceDefinitions(text.slice(previous.text.length))) return null;
+
+  const prevLastNewline = previous.text.lastIndexOf('\n', Math.max(0, previous.text.length - 1));
+  const checkStart = Math.max(fence.contentOffset, prevLastNewline + 1);
+  let cursor = checkStart;
+  while (cursor < text.length) {
+    const nl = text.indexOf('\n', cursor);
+    const line = text.slice(cursor, nl === -1 ? text.length : nl);
+    if (isClosingFence(line, fence.marker, fence.length)) return null;
+    if (nl === -1) break;
+    cursor = nl + 1;
+  }
+
+  const rawBody = text.slice(fence.contentOffset).replace(/\r\n?/gu, '\n');
+  const codeValue = rawBody.length === 0 ? '' : rawBody.endsWith('\n') ? rawBody : `${rawBody}\n`;
+  const lastNode = previous.nodes.at(-1);
+  if (!lastNode || lastNode.type !== 'element' || lastNode.tagName !== 'pre') return null;
+
+  const updatedPre = updateCodePreElement(lastNode, codeValue, fence.language);
+  const nextNodes = previous.nodes.length === 1
+    ? [updatedPre]
+    : [...previous.nodes.slice(0, -1), updatedPre];
+
+  return {
+    text,
+    thinking,
+    streaming,
+    hasRefs: false,
+    openFence: fence,
+    nodes: nextNodes,
+  };
+}
+
+function isBalancedLatexFragment(fragment: string): boolean {
+  const trimmed = fragment.trim();
+  if (!trimmed || trimmed.endsWith('\\')) return false;
+  if (/\\(?:frac|sqrt|text|textbf|mathrm|operatorname|boxed|begin|end|left|right)$/u.test(trimmed)) return false;
+  let braces = 0;
+  for (let i = 0; i < trimmed.length; i++) {
+    if (trimmed[i] === '\\') { i++; continue; }
+    if (trimmed[i] === '{') braces++;
+    else if (trimmed[i] === '}') {
+      braces--;
+      if (braces < 0) return false;
+    }
+  }
+  return braces === 0;
+}
+
+/**
+ * Completes unclosed inline Markdown tokens on the trailing line of a live block
+ * while streaming so raw syntax markers (**bold, *italic, ~~strike, `code, [text](url, $math)
+ * do not flash before their closing delimiter arrives.
+ */
+export function completeStreamingInlineMarkdown(blockText: string): string {
+  if (!blockText || ANY_FENCE_LINE.test(blockText)) return blockText;
+  const lastLineBreak = blockText.lastIndexOf('\n');
+  const rawLastLine = blockText.slice(lastLineBreak + 1);
+  if (!rawLastLine || rawLastLine.endsWith('\r') || INDENTED_CODE.test(rawLastLine)) return blockText;
+  if (/^\s*\|/u.test(rawLastLine)) return blockText;
+
+  const prefixMatch = LINE_BLOCK_PREFIX.exec(rawLastLine);
+  const prefixLen = prefixMatch?.[0].length ?? 0;
+  const inlineLine = rawLastLine.slice(prefixLen);
+  if (!inlineLine) return blockText;
+
+  let i = 0;
+  const len = inlineLine.length;
+  let openLinkParen = false;
+  let inBracketLabel = 0;
+  const emphasisStack: ('**' | '~~' | '*')[] = [];
+  let openMath: { delimiter: '$' | '$$'; contentStart: number } | null = null;
+
+  while (i < len) {
+    const ch = inlineLine[i]!;
+    if (ch === '\\') {
+      i += 2;
+      continue;
+    }
+
+    if (ch === '`' && !openMath) {
+      let ticks = 1;
+      while (i + ticks < len && inlineLine[i + ticks] === '`') ticks++;
+      const fence = '`'.repeat(ticks);
+      const closeIdx = inlineLine.indexOf(fence, i + ticks);
+      if (closeIdx !== -1 && (inlineLine[closeIdx + ticks] !== '`' || ticks > 2)) {
+        i = closeIdx + ticks;
+        continue;
+      }
+      const rest = inlineLine.slice(i + ticks);
+      if (rest.length > 0) {
+        return `${blockText}${fence}`;
+      }
+      return blockText;
+    }
+
+    if (ch === '$') {
+      const isDouble = inlineLine[i + 1] === '$';
+      const delimiter = isDouble ? '$$' : '$';
+      const step = isDouble ? 2 : 1;
+      if (openMath) {
+        if (openMath.delimiter === delimiter) openMath = null;
+        i += step;
+        continue;
+      }
+      if (isDouble) {
+        openMath = { delimiter: '$$', contentStart: i + 2 };
+        i += 2;
+        continue;
+      }
+      const after = inlineLine.slice(i + 1);
+      const isCurrency = /^\d+(?:[.,]\d+)*(?:\b|\s|$)/u.test(after);
+      const prevChar = i > 0 ? inlineLine[i - 1]! : '';
+      if (!isCurrency && after.length > 0 && !/^\s/u.test(after) && !/\d/u.test(prevChar)) {
+        openMath = { delimiter: '$', contentStart: i + 1 };
+      }
+      i += 1;
+      continue;
+    }
+
+    if (openMath) {
+      i++;
+      continue;
+    }
+
+    if (ch === '[') {
+      inBracketLabel++;
+      i++;
+      continue;
+    }
+    if (ch === ']' && inBracketLabel > 0) {
+      inBracketLabel--;
+      if (inBracketLabel === 0 && inlineLine[i + 1] === '(') {
+        openLinkParen = true;
+        i += 2;
+        continue;
+      }
+      i++;
+      continue;
+    }
+    if (openLinkParen) {
+      if (ch === ')' || ch === ' ' || ch === '\t') openLinkParen = false;
+      i++;
+      continue;
+    }
+
+    if (ch === '*' && inlineLine[i + 1] === '*') {
+      const top = emphasisStack.at(-1);
+      if (top === '**') {
+        emphasisStack.pop();
+      } else if (i + 2 < len && !/\s/u.test(inlineLine[i + 2]!)) {
+        emphasisStack.push('**');
+      }
+      i += 2;
+      continue;
+    }
+
+    if (ch === '~' && inlineLine[i + 1] === '~') {
+      const top = emphasisStack.at(-1);
+      if (top === '~~') {
+        emphasisStack.pop();
+      } else if (i + 2 < len && !/\s/u.test(inlineLine[i + 2]!)) {
+        emphasisStack.push('~~');
+      }
+      i += 2;
+      continue;
+    }
+
+    if (ch === '*') {
+      const prev = i > 0 ? inlineLine[i - 1]! : ' ';
+      const next = i + 1 < len ? inlineLine[i + 1]! : '';
+      const top = emphasisStack.at(-1);
+      if (top === '*' && !/\s/u.test(prev)) {
+        emphasisStack.pop();
+      } else if (next && !/[\s*]/u.test(next) && /[\s([\{"'“‘—–-]/u.test(prev)) {
+        emphasisStack.push('*');
+      }
+      i++;
+      continue;
+    }
+
+    i++;
+  }
+
+  if (openMath) {
+    const fragment = inlineLine.slice(openMath.contentStart);
+    if (isBalancedLatexFragment(fragment)) {
+      return `${blockText}${openMath.delimiter}`;
+    }
+    return blockText;
+  }
+
+  let suffix = '';
+  if (openLinkParen) {
+    suffix += ')';
+  }
+  if (emphasisStack.length > 0 && !/[\s*~]$/u.test(inlineLine)) {
+    for (let j = emphasisStack.length - 1; j >= 0; j--) {
+      suffix += emphasisStack[j]!;
+    }
+  }
+  return suffix ? `${blockText}${suffix}` : blockText;
+}
diff --git a/packages/chat-ui/src/markdown/markdownWorker.ts b/packages/chat-ui/src/markdown/markdownWorker.ts
index db716531..dc4041d2 100644
--- a/packages/chat-ui/src/markdown/markdownWorker.ts
+++ b/packages/chat-ui/src/markdown/markdownWorker.ts
@@ -9,7 +9,7 @@ const worker = globalThis as unknown as {
 worker.onmessage = ({ data }) => {
   try {
     if (data.reset) delta = createMarkdownTreeDelta();
-    worker.postMessage({ id: data.id, nodes: delta(parseMarkdown(data.text, data.thinking)) });
+    worker.postMessage({ id: data.id, nodes: delta(parseMarkdown(data.text, data.thinking, data.streaming)) });
   } catch (error) {
     worker.postMessage({ id: data.id, error: error instanceof Error ? error.message : String(error) });
   }
diff --git a/packages/chat-ui/src/markdown/markdownWorkerProtocol.ts b/packages/chat-ui/src/markdown/markdownWorkerProtocol.ts
index f52a1288..c2a4cf98 100644
--- a/packages/chat-ui/src/markdown/markdownWorkerProtocol.ts
+++ b/packages/chat-ui/src/markdown/markdownWorkerProtocol.ts
@@ -4,6 +4,7 @@ export interface MarkdownParseRequest {
   readonly id: number;
   readonly text: string;
   readonly thinking: boolean;
+  readonly streaming?: boolean;
   readonly reset?: boolean;
 }
 export type MarkdownParseResponse = {
@@ -11,16 +12,18 @@ export type MarkdownParseResponse = {
   readonly nodes: readonly { readonly version: number; readonly node?: RootContent }[];
 } | { readonly id: number; readonly error: string };
 
-// Exact equality, without hash collisions. Unchanged nodes need neither cloning
-// back to the main thread nor conversion/reconciliation into React elements.
+// Reference equality first (settled cached blocks and O(1) fence projections),
+// falling back to exact serialized equality without hash collisions.
 export function createMarkdownTreeDelta() {
-  let previous: readonly { serialized: string; version: number }[] = [];
+  let previous: readonly { node: RootContent; serialized?: string; version: number }[] = [];
   let version = 0;
   return (nodes: readonly RootContent[]): Extract<MarkdownParseResponse, { nodes: unknown }>['nodes'] => {
     const next = nodes.map((node, index) => {
-      const serialized = JSON.stringify(node);
       const old = previous[index];
-      return { serialized, version: old?.serialized === serialized ? old.version : ++version };
+      if (old?.node === node) return { node, serialized: old.serialized, version: old.version };
+      const serialized = JSON.stringify(node);
+      const oldSerialized = old ? (old.serialized ?? JSON.stringify(old.node)) : undefined;
+      return { node, serialized, version: oldSerialized === serialized ? old!.version : ++version };
     });
     const delta = next.map((entry, index) => entry.version === previous[index]?.version
       ? { version: entry.version } : { version: entry.version, node: nodes[index]! });
diff --git a/packages/chat-ui/src/markdown/parseMarkdown.ts b/packages/chat-ui/src/markdown/parseMarkdown.ts
index a151627d..f93d471b 100644
--- a/packages/chat-ui/src/markdown/parseMarkdown.ts
+++ b/packages/chat-ui/src/markdown/parseMarkdown.ts
@@ -9,6 +9,13 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
 import { markdownUrlTransform, safeMarkdownUrlTransform } from './markdownPolicy';
+import {
+  completeStreamingInlineMarkdown,
+  hasReferenceDefinitions,
+  projectUnclosedCodeFence,
+  splitMarkdownBlocks,
+  type StreamParseState,
+} from './markdownStream';
 import { rehypeStreamingText } from './streamingTree';
 import { normalizeMathDelimiters } from './mathNormalization';
 
@@ -51,8 +58,14 @@ const processor = unified().use(remarkParse).use(remarkGfm)
   .use(remarkRehype, { allowDangerousHtml: true })
   .use(rehypeKatex).use(rehypeStreamingText);
 
-export function parseMarkdown(text: string, thinking: boolean): readonly RootContent[] {
+const MAX_BLOCK_CACHE = 512;
+const MAX_STREAM_STATES = 8;
+const blockCache = new Map<string, readonly RootContent[]>();
+const streamStates: StreamParseState[] = [];
+
+function parseSingleBlock(text: string, thinking: boolean, baseOffset = 0): readonly RootContent[] {
   const file = new VFile(normalizeMathDelimiters(text));
+  file.data.baseOffset = baseOffset;
   const tree = processor.runSync(processor.parse(file), file) as Root;
   visit(tree, (node, index, parent) => {
     if (node.type === 'raw' && parent && index !== undefined) {
@@ -70,3 +83,70 @@ export function parseMarkdown(text: string, thinking: boolean): readonly RootCon
   });
   return tree.children;
 }
+
+function getCachedBlock(raw: string, thinking: boolean, offset: number): readonly RootContent[] {
+  const key = `${thinking ? 1 : 0}:${offset}:${raw}`;
+  const cached = blockCache.get(key);
+  if (cached) {
+    blockCache.delete(key);
+    blockCache.set(key, cached);
+    return cached;
+  }
+  const parsed = parseSingleBlock(raw, thinking, offset);
+  blockCache.set(key, parsed);
+  if (blockCache.size > MAX_BLOCK_CACHE) {
+    const oldest = blockCache.keys().next().value;
+    if (oldest !== undefined) blockCache.delete(oldest);
+  }
+  return parsed;
+}
+
+function findPrefixState(text: string, thinking: boolean): StreamParseState | null {
+  let best: StreamParseState | null = null;
+  for (const entry of streamStates) {
+    if (entry.thinking === thinking && text.startsWith(entry.text) && (!best || entry.text.length > best.text.length)) {
+      best = entry;
+    }
+  }
+  return best;
+}
+
+function saveStreamState(next: StreamParseState): readonly RootContent[] {
+  for (let i = streamStates.length - 1; i >= 0; i--) {
+    const entry = streamStates[i]!;
+    if (entry.thinking === next.thinking && (next.text.startsWith(entry.text) || entry.text.startsWith(next.text))) {
+      streamStates.splice(i, 1);
+    }
+  }
+  streamStates.push(next);
+  if (streamStates.length > MAX_STREAM_STATES) streamStates.shift();
+  return next.nodes;
+}
+
+export function parseMarkdown(text: string, thinking: boolean, streaming = false): readonly RootContent[] {
+  if (!text) return [];
+  const previous = findPrefixState(text, thinking);
+  if (previous && previous.text === text && previous.streaming === streaming) {
+    return previous.nodes;
+  }
+  if (previous?.openFence) {
+    const projected = projectUnclosedCodeFence(previous, text, thinking, streaming);
+    if (projected) return saveStreamState(projected);
+  }
+  if (hasReferenceDefinitions(text)) {
+    const source = streaming ? completeStreamingInlineMarkdown(text) : text;
+    const nodes = parseSingleBlock(source, thinking, 0);
+    return saveStreamState({ text, thinking, streaming, hasRefs: true, openFence: null, nodes });
+  }
+  const { blocks, openFence } = splitMarkdownBlocks(text);
+  const nodes: RootContent[] = [];
+  for (const block of blocks) {
+    if (block.mode === 'full') {
+      nodes.push(...getCachedBlock(block.raw, thinking, block.offset));
+    } else {
+      const source = streaming && openFence === null ? completeStreamingInlineMarkdown(block.raw) : block.raw;
+      nodes.push(...parseSingleBlock(source, thinking, block.offset));
+    }
+  }
+  return saveStreamState({ text, thinking, streaming, hasRefs: false, openFence, nodes });
+}
diff --git a/packages/chat-ui/src/markdown/streamingTree.ts b/packages/chat-ui/src/markdown/streamingTree.ts
index 007a83c8..1e48614c 100644
--- a/packages/chat-ui/src/markdown/streamingTree.ts
+++ b/packages/chat-ui/src/markdown/streamingTree.ts
@@ -11,17 +11,20 @@ interface TextTree {
 const SKIP = new Set(['pre', 'code', 'table', 'svg', 'math', 'span']);
 
 export function rehypeStreamingText() {
-  return (tree: TextTree): void => {
+  return (tree: TextTree, file?: { readonly data?: Record<string, unknown> }): void => {
+    const baseOffset = typeof file?.data?.baseOffset === 'number' ? file.data.baseOffset : 0;
     const visit = (node: TextTree, prose: boolean): void => {
       if (SKIP.has(node.tagName ?? '') || node.children === undefined) return;
       const eligible = prose || node.tagName === 'p' || node.tagName === 'li';
       node.children = node.children.map((child) => {
         if (eligible && child.type === 'text' && child.value?.trim()) {
+          const start = child.position?.start.offset;
+          const end = child.position?.end.offset;
           return {
             type: 'element', tagName: 'span',
             properties: {
-              'data-stream-start': child.position?.start.offset ?? -1,
-              'data-stream-end': child.position?.end.offset ?? -1,
+              'data-stream-start': start !== undefined ? start + baseOffset : -1,
+              'data-stream-end': end !== undefined ? end + baseOffset : -1,
             },
             children: [child],
           };
diff --git a/packages/chat-ui/src/markdown/useParsedMarkdown.ts b/packages/chat-ui/src/markdown/useParsedMarkdown.ts
index 4010e994..9d214c3b 100644
--- a/packages/chat-ui/src/markdown/useParsedMarkdown.ts
+++ b/packages/chat-ui/src/markdown/useParsedMarkdown.ts
@@ -28,8 +28,8 @@ export function useParsedMarkdown(text: string, thinking: boolean, streaming: bo
     const cached = recallMarkdown(text, thinking);
     // Prefixes are useful while a worker parses a stream, but a synchronous
     // render must use the entire current document, including closing fences.
-    if (cached?.text === text) return cached.nodes;
-    const nodes = parseMarkdown(text, thinking);
+    if (cached?.text === text && !streaming) return cached.nodes;
+    const nodes = parseMarkdown(text, thinking, streaming);
     if (!streaming) retainMarkdown({ text, thinking, nodes });
     return nodes;
   }, [offload, text, thinking, streaming]);
@@ -63,7 +63,9 @@ export function useParsedMarkdown(text: string, thinking: boolean, streaming: bo
         });
       }
       worker.retain(value.streaming);
-      active = { id: ++id, text: value.text, thinking: value.thinking };
+      active = value.streaming
+        ? { id: ++id, text: value.text, thinking: value.thinking, streaming: true }
+        : { id: ++id, text: value.text, thinking: value.thinking };
       worker.postMessage(active);
     };
     const receive = (data: MarkdownParseResponse) => {
diff --git a/packages/chat-ui/src/syntax/syntaxProtocol.ts b/packages/chat-ui/src/syntax/syntaxProtocol.ts
index 80bb6c3e..3df541a6 100644
--- a/packages/chat-ui/src/syntax/syntaxProtocol.ts
+++ b/packages/chat-ui/src/syntax/syntaxProtocol.ts
@@ -2,6 +2,8 @@ export interface SyntaxDocument {
   readonly text: string;
   /** Zero-based source lines to return; omitted for a complete code block. */
   readonly lines?: readonly number[];
+  /** Optional stable key for incremental streaming tokenization. */
+  readonly streamKey?: string;
 }
 export interface SyntaxRequest {
   readonly id: number;
diff --git a/packages/chat-ui/src/syntax/syntaxQueue.ts b/packages/chat-ui/src/syntax/syntaxQueue.ts
index fafa332f..c7945041 100644
--- a/packages/chat-ui/src/syntax/syntaxQueue.ts
+++ b/packages/chat-ui/src/syntax/syntaxQueue.ts
@@ -38,6 +38,15 @@ function createQueue(factory: SyntaxWorkerFactory) {
     })().catch(error => { if (active === job) fail(error instanceof Error ? error.message : 'Syntax worker could not start.'); });
   }
   return (request: Omit<SyntaxRequest, 'id'>, receive: Job['receive']) => {
+    const streamKey = request.documents.length === 1 ? request.documents[0]?.streamKey : undefined;
+    if (streamKey) {
+      for (let i = queued.length - 1; i >= 0; i--) {
+        if (queued[i]!.request.documents.length === 1 && queued[i]!.request.documents[0]?.streamKey === streamKey) {
+          queued[i]!.cancelled = true;
+          queued.splice(i, 1);
+        }
+      }
+    }
     const job: Job = { request: { ...request, id: ++sequence }, receive, cancelled: false };
     queued.push(job);
     pump();
diff --git a/packages/chat-ui/src/syntax/syntaxWorker.ts b/packages/chat-ui/src/syntax/syntaxWorker.ts
index c2cc204b..d4bed756 100644
--- a/packages/chat-ui/src/syntax/syntaxWorker.ts
+++ b/packages/chat-ui/src/syntax/syntaxWorker.ts
@@ -9,6 +9,42 @@ import type { SyntaxRequest, SyntaxResponse } from './syntaxProtocol';
 // One lazily loaded highlighter per worker. The JavaScript engine uses the
 // same TextMate grammars without relaxing the host's WebAssembly CSP.
 const highlighter = createHighlighterCore({ themes: [syntaxTheme], langs: [], engine: createJavaScriptRegexEngine() });
+
+interface StreamSession {
+  language: string;
+  completedLines: string[];
+  completedHtml: string[];
+  state: GrammarState | undefined;
+}
+const MAX_STREAM_SESSIONS = 32;
+const streamSessions = new Map<string, StreamSession>();
+
+function getStreamSession(streamKey: string, language: string, lines: readonly string[], completedEnd: number): StreamSession {
+  const existing = streamSessions.get(streamKey);
+  if (existing && existing.language === language && existing.completedLines.length <= completedEnd) {
+    let matchesPrefix = true;
+    for (let i = 0; i < existing.completedLines.length; i++) {
+      if (existing.completedLines[i] !== lines[i]) {
+        matchesPrefix = false;
+        break;
+      }
+    }
+    if (matchesPrefix) {
+      streamSessions.delete(streamKey);
+      streamSessions.set(streamKey, existing);
+      return existing;
+    }
+  }
+  const fresh: StreamSession = { language, completedLines: [], completedHtml: [], state: undefined };
+  streamSessions.delete(streamKey);
+  streamSessions.set(streamKey, fresh);
+  if (streamSessions.size > MAX_STREAM_SESSIONS) {
+    const oldest = streamSessions.keys().next().value;
+    if (oldest !== undefined) streamSessions.delete(oldest);
+  }
+  return fresh;
+}
+
 async function highlight(request: SyntaxRequest): Promise<SyntaxResponse> {
   const language = syntaxLanguage(request.language, request.path, request.documents.find(document => document.text)?.text);
   if (!language) return { id: request.id, documents: [] };
@@ -18,6 +54,35 @@ async function highlight(request: SyntaxRequest): Promise<SyntaxResponse> {
   for (const document of request.documents) {
     if (document.text.length > 2 * 1024 * 1024) throw new Error('This source exceeds the syntax highlighting limit.');
     const lines = document.text.split('\n');
+    if (document.streamKey && !document.lines) {
+      const completedEnd = Math.max(0, lines.length - 1);
+      const session = getStreamSession(document.streamKey, language, lines, completedEnd);
+      for (let start = session.completedLines.length; start < completedEnd; start += 128) {
+        const batch = lines.slice(start, Math.min(completedEnd, start + 128));
+        const tokens = parser.codeToTokensBase(batch.join('\n'), {
+          lang: language, theme: syntaxTheme.name!, grammarState: session.state,
+          tokenizeMaxLineLength: 10_000, tokenizeTimeLimit: 50,
+        });
+        session.state = parser.getLastGrammarState(tokens);
+        for (let index = 0; index < batch.length; index++) {
+          session.completedLines.push(batch[index]!);
+          session.completedHtml.push(syntaxHtml(tokens[index] ?? []));
+        }
+      }
+      const html: Record<number, string> = {};
+      for (let i = 0; i < session.completedHtml.length; i++) {
+        html[i] = session.completedHtml[i]!;
+      }
+      if (lines.length > 0) {
+        const tailTokens = parser.codeToTokensBase(lines[completedEnd]!, {
+          lang: language, theme: syntaxTheme.name!, grammarState: session.state,
+          tokenizeMaxLineLength: 10_000, tokenizeTimeLimit: 50,
+        });
+        html[completedEnd] = syntaxHtml(tailTokens[0] ?? []);
+      }
+      documents.push(html);
+      continue;
+    }
     const requested = document.lines ? new Set(document.lines) : undefined;
     const end = requested ? Math.min(lines.length, [...requested].reduce((max, line) => Math.max(max, line + 1), 0)) : lines.length;
     const html: Record<number, string> = {};
diff --git a/packages/chat-ui/test/content/Markdown.test.tsx b/packages/chat-ui/test/content/Markdown.test.tsx
index 87c2fe2a..7a2e0b6a 100644
--- a/packages/chat-ui/test/content/Markdown.test.tsx
+++ b/packages/chat-ui/test/content/Markdown.test.tsx
@@ -5,6 +5,8 @@ import { UiEnvironmentProvider } from '../../src/environment';
 import { ReplyView } from '../../src/chat/ReplyView';
 import { ContentProvider } from '../../src/content/context';
 import { Markdown } from '../../src/content/Markdown';
+import { parseMarkdown } from '../../src/markdown/parseMarkdown';
+import type { SyntaxRequest, SyntaxResponse } from '../../src/syntax/syntaxProtocol';
 
 afterEach(cleanup);
 
@@ -104,4 +106,81 @@ describe('V2 Markdown actions', () => {
     fireEvent.click(screen.getByRole('button', { name: 'Copy reply' }));
     await waitFor(() => expect(copyText).toHaveBeenCalledWith(text));
   });
+
+  it('reuses settled block node references and projects unclosed code fences in place', () => {
+    const first = 'Settled intro paragraph.\n\n```typescript\nconst a = 1;\n';
+    const second = `${first}const b = 2;\n`;
+    const nodes1 = parseMarkdown(first, false, true);
+    const nodes2 = parseMarkdown(second, false, true);
+    expect(nodes2).toHaveLength(2);
+    expect(nodes2[0]).toBe(nodes1[0]);
+    expect(JSON.stringify(nodes2[1])).toContain('const a = 1;\\nconst b = 2;\\n');
+  });
+
+  it('completes unclosed inline tokens on the live tail block while streaming without touching currency', () => {
+    const { container, rerender } = render(
+      <Markdown text="Price is $100 and **bold text" streaming />,
+    );
+    expect(container.querySelector('strong')?.textContent).toBe('bold text');
+    expect(container.textContent).toContain('Price is $100 and bold text');
+
+    rerender(<Markdown text="Check `src/index.ts" streaming />);
+    expect(container.querySelector('code')?.textContent).toBe('src/index.ts');
+
+    rerender(<Markdown text="Visit [Docs](https://example.com/guide" streaming />);
+    expect(screen.getByRole('link', { name: 'Docs' }).getAttribute('href')).toBe('https://example.com/guide');
+
+    rerender(<Markdown text="Math $x^2 + y^2" streaming />);
+    expect(container.querySelector('.katex')).not.toBeNull();
+  });
+
+  it('preserves earlier highlighted code line DOM nodes and selection while streaming new lines', async () => {
+    const streamKeys: (string | undefined)[] = [];
+    const createSyntaxWorker = vi.fn(async () => {
+      const worker = {
+        onmessage: null as ((event: MessageEvent<SyntaxResponse>) => void) | null,
+        onerror: null as ((event: ErrorEvent) => void) | null,
+        onmessageerror: null as (() => void) | null,
+        terminate: vi.fn(),
+        postMessage(request: SyntaxRequest) {
+          const doc = request.documents[0]!;
+          streamKeys.push(doc.streamKey);
+          const lines = doc.text.split('\n');
+          const html: Record<number, string> = {};
+          lines.forEach((line, index) => {
+            html[index] = `<span class="hljs-line-${index}">${line}</span>`;
+          });
+          worker.onmessage?.({ data: { id: request.id, documents: [html] } } as MessageEvent<SyntaxResponse>);
+        },
+      };
+      return worker as unknown as Worker;
+    });
+
+    const view = (code: string) => (
+      <UiEnvironmentProvider value={{ assistantName: 'Droid', copyText: vi.fn(async () => {}), createSyntaxWorker }}>
+        <Markdown text={`\`\`\`typescript\n${code}`} streaming />
+      </UiEnvironmentProvider>
+    );
+
+    const { container, rerender } = render(view('const first = 1;\n'));
+    await waitFor(() => expect(container.querySelector('.hljs-line-0')).not.toBeNull());
+    const firstLineSpan = container.querySelector('.hljs-line-0')!;
+
+    const selection = window.getSelection()!;
+    const range = document.createRange();
+    range.selectNodeContents(firstLineSpan);
+    selection.removeAllRanges();
+    selection.addRange(range);
+    expect(selection.toString()).toBe('const first = 1;');
+
+    rerender(view('const first = 1;\nconst second = 2;\n'));
+    await waitFor(() => expect(container.querySelector('.hljs-line-1')).not.toBeNull());
+
+    expect(container.querySelector('.hljs-line-0')).toBe(firstLineSpan);
+    expect(selection.toString()).toBe('const first = 1;');
+    expect(streamKeys.length).toBeGreaterThanOrEqual(2);
+    expect(streamKeys[0]).toBeTruthy();
+    expect(streamKeys[1]).toBe(streamKeys[0]);
+    selection.removeAllRanges();
+  });
 });

From e3a5208ea4b63afdd18a2c817ebb4e0e295d1dd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 14:14:23 +0800
Subject: [PATCH 27/32] fix(chat-ui): refine streaming Markdown fence
 boundaries and settled reparse

- Re-parse in worker when streaming ends on text that had synthesized inline closures, and avoid caching synthesized streaming nodes as settled.
- Restrict O(1) fence projection to unindented top-level fences and skip inline completion inside blockquote or nested open fences.
- Cancel in-flight syntax worker jobs when CodeSyntax switches to a non-prefix source.

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 packages/chat-ui/src/content/CodeSyntax.tsx   | 11 ++++++++++-
 .../chat-ui/src/markdown/markdownStream.ts    | 19 ++++++++++++++-----
 .../chat-ui/src/markdown/parseMarkdown.ts     |  4 ++--
 .../chat-ui/src/markdown/useParsedMarkdown.ts | 15 ++++++++++-----
 .../chat-ui/test/content/Markdown.test.tsx    |  8 ++++++++
 .../test/content/Markdown.worker.test.tsx     |  2 +-
 6 files changed, 45 insertions(+), 14 deletions(-)

diff --git a/packages/chat-ui/src/content/CodeSyntax.tsx b/packages/chat-ui/src/content/CodeSyntax.tsx
index e0a9738f..c95ab9b8 100644
--- a/packages/chat-ui/src/content/CodeSyntax.tsx
+++ b/packages/chat-ui/src/content/CodeSyntax.tsx
@@ -38,21 +38,30 @@ export const CodeSyntax = memo(function CodeSyntax({ text, language, path }: Cod
     if (!createSyntaxWorker) return;
     let cancelActive: (() => void) | null = null;
     let inFlight = false;
+    let activeSource: Source | null = null;
     let completed: Source | null = null;
 
     const send = () => {
-      if (inFlight) return;
       const next = latest.current;
+      if (inFlight && activeSource && (!next.text.startsWith(activeSource.text) || next.language !== activeSource.language || next.path !== activeSource.path)) {
+        cancelActive?.();
+        cancelActive = null;
+        inFlight = false;
+        activeSource = null;
+      }
+      if (inFlight) return;
       if (!next.text.trim()) return;
       if (completed && completed.text === next.text && completed.language === next.language && completed.path === next.path) {
         return;
       }
       inFlight = true;
+      activeSource = next;
       cancelActive = requestSyntax(
         createSyntaxWorker,
         { documents: [{ text: next.text, streamKey }], language: next.language, path: next.path },
         (result) => {
           inFlight = false;
+          activeSource = null;
           cancelActive = null;
           completed = next;
           if (result.error) console.warn('Source highlighting:', result.error);
diff --git a/packages/chat-ui/src/markdown/markdownStream.ts b/packages/chat-ui/src/markdown/markdownStream.ts
index d53baa8e..d7222019 100644
--- a/packages/chat-ui/src/markdown/markdownStream.ts
+++ b/packages/chat-ui/src/markdown/markdownStream.ts
@@ -1,6 +1,6 @@
 import type { Element, RootContent } from 'hast';
 
-export interface OpenFenceState {
+interface OpenFenceState {
   readonly marker: '`' | '~';
   readonly length: number;
   readonly language: string | null;
@@ -8,7 +8,7 @@ export interface OpenFenceState {
   readonly contentOffset: number;
 }
 
-export interface MarkdownBlock {
+interface MarkdownBlock {
   readonly raw: string;
   readonly offset: number;
   readonly mode: 'full' | 'live';
@@ -25,7 +25,7 @@ export interface StreamParseState {
 
 const REFERENCE_DEFINITION = /^ {0,3}\[[^\r\n\]]+\]:[ \t\r\n]*\S/mu;
 const FENCE_OPEN = /^ {0,3}(`{3,}|~{3,})([^\r\n]*)$/u;
-const ANY_FENCE_LINE = /^ {0,3}(`{3,}|~{3,})/mu;
+const ANY_FENCE_LINE = /^(?: {0,3}>[ \t]?)* {0,3}(`{3,}|~{3,})/mu;
 const LIST_ITEM = /^ {0,3}(?:[-*+]|\d{1,9}[.)])[ \t]/u;
 const INDENTED_CONTINUATION = /^(?: {2,}|\t)/u;
 const INDENTED_CODE = /^(?: {4,}|\t)/u;
@@ -74,8 +74,9 @@ function countDoubleDollars(line: string): number {
 export function splitMarkdownBlocks(text: string): {
   readonly blocks: readonly MarkdownBlock[];
   readonly openFence: OpenFenceState | null;
+  readonly hasOpenFence: boolean;
 } {
-  if (!text) return { blocks: [], openFence: null };
+  if (!text) return { blocks: [], openFence: null, hasOpenFence: false };
   const blocks: MarkdownBlock[] = [];
   let blockStart = 0;
   let sawBlankLine = false;
@@ -135,7 +136,7 @@ export function splitMarkdownBlocks(text: string): {
           ...fence,
           blockOffset: blockStart,
           contentOffset: lineEnd,
-          standalone: isFirstLineOfBlock,
+          standalone: isFirstLineOfBlock && !rawLine.startsWith(' ') && !rawLine.startsWith('\t'),
         };
         cursor = lineEnd;
         continue;
@@ -165,6 +166,7 @@ export function splitMarkdownBlocks(text: string): {
       blockOffset: openFence.blockOffset,
       contentOffset: openFence.contentOffset,
     } : null,
+    hasOpenFence: openFence !== null,
   };
 }
 
@@ -399,3 +401,10 @@ export function completeStreamingInlineMarkdown(blockText: string): string {
   }
   return suffix ? `${blockText}${suffix}` : blockText;
 }
+
+export function hasUnclosedInlineMarkdown(text: string): boolean {
+  if (!text) return false;
+  const lastBlank = text.lastIndexOf('\n\n');
+  const tail = lastBlank === -1 ? text : text.slice(lastBlank + 2);
+  return completeStreamingInlineMarkdown(tail) !== tail;
+}
diff --git a/packages/chat-ui/src/markdown/parseMarkdown.ts b/packages/chat-ui/src/markdown/parseMarkdown.ts
index f93d471b..16aafc88 100644
--- a/packages/chat-ui/src/markdown/parseMarkdown.ts
+++ b/packages/chat-ui/src/markdown/parseMarkdown.ts
@@ -138,13 +138,13 @@ export function parseMarkdown(text: string, thinking: boolean, streaming = false
     const nodes = parseSingleBlock(source, thinking, 0);
     return saveStreamState({ text, thinking, streaming, hasRefs: true, openFence: null, nodes });
   }
-  const { blocks, openFence } = splitMarkdownBlocks(text);
+  const { blocks, openFence, hasOpenFence } = splitMarkdownBlocks(text);
   const nodes: RootContent[] = [];
   for (const block of blocks) {
     if (block.mode === 'full') {
       nodes.push(...getCachedBlock(block.raw, thinking, block.offset));
     } else {
-      const source = streaming && openFence === null ? completeStreamingInlineMarkdown(block.raw) : block.raw;
+      const source = streaming && !hasOpenFence ? completeStreamingInlineMarkdown(block.raw) : block.raw;
       nodes.push(...parseSingleBlock(source, thinking, block.offset));
     }
   }
diff --git a/packages/chat-ui/src/markdown/useParsedMarkdown.ts b/packages/chat-ui/src/markdown/useParsedMarkdown.ts
index 9d214c3b..0c843cc3 100644
--- a/packages/chat-ui/src/markdown/useParsedMarkdown.ts
+++ b/packages/chat-ui/src/markdown/useParsedMarkdown.ts
@@ -1,6 +1,7 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import type { RootContent } from 'hast';
 import { parseMarkdown } from './parseMarkdown';
+import { hasUnclosedInlineMarkdown } from './markdownStream';
 import { markdownWorkerSource } from './markdownWorkerSource';
 import type { MarkdownParseRequest, MarkdownParseResponse } from './markdownWorkerProtocol';
 import { createMarkdownParser } from './markdownParserQueue';
@@ -39,17 +40,18 @@ export function useParsedMarkdown(text: string, thinking: boolean, streaming: bo
     let worker: ReturnType<typeof createMarkdownParser> | null = null;
     let id = 0;
     let active: MarkdownParseRequest | null = null;
-    let completed: { text: string; thinking: boolean } | null = parsed;
+    let activeSynthesized = false;
+    let completed: { text: string; thinking: boolean; synthesized?: boolean } | null = parsed;
     let nodes: readonly { version: number; node: RootContent }[] = [];
     const release = () => {
       worker?.terminate();
-      worker = null; nodes = []; active = null;
+      worker = null; nodes = []; active = null; activeSynthesized = false;
     };
     const send = () => {
       const value = latest.current;
       if (active && (!value.text.startsWith(active.text) || value.thinking !== active.thinking)) release();
       if (active) return;
-      if (completed?.text === value.text && completed.thinking === value.thinking) {
+      if (completed?.text === value.text && completed.thinking === value.thinking && (!completed.synthesized || value.streaming)) {
         if (!value.streaming) release();
         return;
       }
@@ -63,6 +65,7 @@ export function useParsedMarkdown(text: string, thinking: boolean, streaming: bo
         });
       }
       worker.retain(value.streaming);
+      activeSynthesized = Boolean(value.streaming && hasUnclosedInlineMarkdown(value.text));
       active = value.streaming
         ? { id: ++id, text: value.text, thinking: value.thinking, streaming: true }
         : { id: ++id, text: value.text, thinking: value.thinking };
@@ -72,18 +75,20 @@ export function useParsedMarkdown(text: string, thinking: boolean, streaming: bo
       if (!active || data.id !== active.id) return;
       if ('error' in data) { release(); setError(new Error(data.error)); return; }
       const result = active;
+      const synthesized = activeSynthesized;
       nodes = data.nodes.map((entry, index) => {
         const node = entry.node ?? (nodes[index]?.version === entry.version ? nodes[index]!.node : undefined);
         if (!node) throw new Error('Background Markdown returned an invalid node revision.');
         return { version: entry.version, node };
       });
-      completed = result;
+      completed = { text: result.text, thinking: result.thinking, synthesized };
       active = null;
+      activeSynthesized = false;
       // Replacements (for example a different reply) never flash an obsolete
       // result; append-only streams can show the completed prefix immediately.
       if (latest.current.thinking === result.thinking && latest.current.text.startsWith(result.text)) {
         const rendered = { text: result.text, thinking: result.thinking, nodes: nodes.map((entry) => entry.node) };
-        retainMarkdown(rendered);
+        if (!synthesized) retainMarkdown(rendered);
         setParsed(rendered);
       }
       send();
diff --git a/packages/chat-ui/test/content/Markdown.test.tsx b/packages/chat-ui/test/content/Markdown.test.tsx
index 7a2e0b6a..a5cf2a6e 100644
--- a/packages/chat-ui/test/content/Markdown.test.tsx
+++ b/packages/chat-ui/test/content/Markdown.test.tsx
@@ -132,6 +132,14 @@ describe('V2 Markdown actions', () => {
 
     rerender(<Markdown text="Math $x^2 + y^2" streaming />);
     expect(container.querySelector('.katex')).not.toBeNull();
+
+    rerender(<Markdown text="Price is $100 and **bold text" streaming={false} />);
+    expect(container.querySelector('strong')).toBeNull();
+    expect(container.textContent).toContain('**bold text');
+
+    rerender(<Markdown text={'> ```ts\n> const raw = "**unclosed'} streaming />);
+    expect(container.querySelector('strong')).toBeNull();
+    expect(container.textContent).toContain('const raw = "**unclosed');
   });
 
   it('preserves earlier highlighted code line DOM nodes and selection while streaming new lines', async () => {
diff --git a/packages/chat-ui/test/content/Markdown.worker.test.tsx b/packages/chat-ui/test/content/Markdown.worker.test.tsx
index a9da79f3..ba2c3fcb 100644
--- a/packages/chat-ui/test/content/Markdown.worker.test.tsx
+++ b/packages/chat-ui/test/content/Markdown.worker.test.tsx
@@ -24,7 +24,7 @@ class ControlledWorker {
   complete() {
     const request = this.requests.at(-1)!;
     if (request.reset) this.delta = createMarkdownTreeDelta();
-    this.onmessage?.({ data: { id: request.id, nodes: this.delta(parseMarkdown(request.text, request.thinking)) } } as MessageEvent<MarkdownParseResponse>);
+    this.onmessage?.({ data: { id: request.id, nodes: this.delta(parseMarkdown(request.text, request.thinking, request.streaming)) } } as MessageEvent<MarkdownParseResponse>);
   }
 }
 const padding = Array.from({ length: 120 }, (_, index) => `Paragraph ${index}: ${'a complete local sentence. '.repeat(5)}`).join('\n\n');

From d3d56063872d455690d7a0fb441642cb5d0f29af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 14:48:38 +0800
Subject: [PATCH 28/32] fix(chat-ui): restore scroll-to-bottom button on pinned
 replies and polish reply typography

- Measure away-from-bottom directly against the active viewport bottom when following is paused instead of subtracting runway height, and avoid snapping scrollTop back to pinTop on streaming height updates once following stops
- Increase webview-host code/blockquote reset specificity so VS Code body.vscode-dark preformat styles do not tint inline code green
- Refine markdown-prose line height, paragraph/list spacing, muted list markers and blockquotes, subtle inline-code borders, and dotted file-link underlines after Kilo
- Keep the active FadingText span key stable until onAnimationEnd so fast token streams complete their fade smoothly

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 docs/STATUS.md                                |  2 +-
 packages/chat-ui/src/chat/TranscriptView.tsx  |  4 +-
 packages/chat-ui/src/chat/streamingText.tsx   | 12 +---
 .../chat-ui/src/chat/useTranscriptScroll.ts   |  6 +-
 packages/chat-ui/src/content/Markdown.tsx     |  2 +-
 packages/chat-ui/src/styles/chat-region.css   | 63 +++++++++++++------
 packages/chat-ui/src/theme.css                |  6 +-
 .../chat/Transcript.scrollMotion.test.tsx     | 22 ++++++-
 src/webview-v2/styles/webview-host.css        |  6 +-
 9 files changed, 79 insertions(+), 44 deletions(-)

diff --git a/docs/STATUS.md b/docs/STATUS.md
index 6cc3b56a..2e1ed912 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -40,7 +40,7 @@
 
 ## 最近验证
 
-- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式，`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务自主等级／三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`），并将子任务三档拆分为独立的 `Model` 与 `Reasoning effort` 两行直选（继承状态下推理强度锁定显示对应档位的 `Inherit (Low / Medium / High)`，`selection.tsx` 与 `DefaultsFields.tsx` 过滤表单内受控 `Select` 切换选项时 `SelectBubbleInput` 冒泡的空值事件）；`markdownStream.ts`、`parseMarkdown.ts`、`streamingTree.ts`、`markdownWorkerProtocol.ts`、`syntaxWorker.ts`、`syntaxQueue.ts` 与 `CodeSyntax.tsx` 完成 Markdown 混合增量流式渲染与代码高亮改造（未闭合代码围栏 $O(1)$ 直通投影、顶层稳定块 LRU 缓存与 `[id]: url` 引用定义整篇回退、尾部 `live` 块未闭合行内语法补齐、Worker 树比对引用相等零序列化快路径、Shiki `GrammarState` 按行增量染色与同 `streamKey` 队列合并、移除 150ms 轮询并改为 `CodeLine` 按行 memo 化保选区渲染）。`typecheck`、`lint:budgets` 与 63 项 Markdown／Diff 定向测试全部通过。
+- `codex/ui-style-fixes`（新提问直接置顶、动态留白跑道防抖、吸顶提问卡回滚与中文标点加粗修复、BTW 工具折叠与准备占位重构、智能补全自动保存与平滑折叠、`/limits` 悬停态修正、Skill 补全光标归位、Worker 多步运行态防闪烁、深色模式星空背景与遥测噪音治理）：`TranscriptView.tsx` 与 `useTranscriptScroll.ts` 在新用户提问进入消息列表时直接将其切换置顶（`PINNED_QUESTION_GAP = 12`），通过列表容器 `min-height`（仅在值变化时写入，排除 `data-pin-runway` 观察）与动态留白跑道使首屏回复静止向下生长、过程卡片展开／收起零抖动、短回复结束保持留白不回弹；`TranscriptView.tsx` 将吸顶选区锁定范围收窄至 `pin.current`（仅置顶卡片自身存在文字选区时保留旧候选，新提问越界或跑道重贴合时直接切换）、在 `resolvePinOffset` 中结合留白跑道阈值与真实 DOM 行顶对齐最新提问 `start`，并配合 `useTranscriptScroll.ts` 仅在列表高度收缩或滚到底部时重置 `userScrolling`，修复向上查看历史再滚回底部时错锁上一条提问卡遮挡最新回复、需点击屏幕才恢复的问题；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 抽出 `replyOperationsLive`，只在停止仍在进行（`stopping`）时隐藏改动摘要，中断（`interrupted`）回合结束后恢复显示「N 个文件已修改／Review」卡片，修复回复中途暂停后已修改文件不出现改动摘要的问题；`turnFlow.ts` 在停止期间（`stopping`）继续接收已执行工具的 `tool-result`，其余事件照旧丢弃，避免暂停前已完成的 Edit 回执被丢弃而漏计改动；`parseMarkdown.ts` 在 `remarkGfm`／`remarkMath` 之后对非代码／非公式文本节点中被 CommonMark 标点侧翼规则漏解析的成对 `**…**`（如中文引号 `“…”`、方头括号 `【…】` 紧邻加粗）补齐 `strong` AST 节点；`webviewHtml.ts` 与 `projectFrontendEvent.ts` 过滤 Chromium 良性 `ResizeObserver loop` 提示，消除 `frontend_error` 误报；`routedDaemon.ts`、`createDaemonDroidSession.ts` 与 `extension.ts` 新增按会话直连归属 Daemon 的 `listOpenedForSession` 探针，避免回合看门狗与会话查看器每 5s／2.5s 触发跨池全量发现，且 `ga4Config.ts` 仅上报异常／重连类 `daemon_health` 事件；`statusMessage.ts` 消除中断轮次重复 `Stopped` 提示；`SideToolRecords.tsx`、`SideReply.tsx`、`SideChatSheet.tsx` 与 `btw.css` 将 BTW 工具折叠标题固定为「已探索」分类统计摘要并与思考折叠左箭头对齐，展开列表改为单行省略且移除已完成勾选列，用户提问改为右对齐自适应中性灰聊天气泡（`14px 14px 3px 14px` 圆角、`--soft-surface` 底色与 `--chat-edge` 细描边，移除 `You` 前缀），并将 `Preparing`、`Waiting for reply…`、`Thinking…`、`Using tools…`、`Receiving reply…`、`Stopping…` 等运行状态统一收进底部 Composer 输入占位位置；`btwThinking.ts`、`btwProtocol.ts` 与 `btwCardState.ts` 将 BTW 回答改为按到达顺序的 `parts`（思考段／工具／正文偏移，思考最多 64 段），`SideReply.tsx` 复用主聊天 `ActivityGroupView`／`ActivityItem`／`ThinkingView`，把相邻思考与工具合并为「已探索」折叠组并让正文穿插在原位置，修复多轮思考被拼成一段、工具与正文先后顺序丢失的问题；`CompletionSettings.tsx` 与 `ManagementBinding.ts` 改为开关／下拉即时保存、输入框失焦／回车保存、API Key 独立按钮设置，移除底部 Save／Saved 栏，并为 Next Edit 与 Advanced 接入 `AnimatedCollapsibleContent` 平滑高度与透明度过渡；`composer-panels.css` 移除 `/limits` 与 Context 面板关闭／刷新按钮的边框与灰色悬停底色，并保持激活分段页签悬停对比度；`inline-input.tsx`、`useCodeReferenceDraft.ts` 与 `ComposerSuggestions.tsx` 在通过回车／Tab／点击选择 `/skill`、`/command` 或 `@mention` 替换草稿后，将光标精准定位到插入前缀末尾（如 `Use the "…" skill: ` 之后），修复光标停留在原 `/query` 字符长度处的错位；`transcriptStatus.ts`、`Transcript.tsx` 与 `ReadOnlyTranscript.tsx` 按分组内全部条目匹配当前运行 `turnId` 并保持尾部在途回复的 `replyPending`，消除子代理／Worker 在多轮工具间隙暂停时提前闪现 `just now` 与复制按钮；`AgentNavigation.tsx` 与 `composer-changes.css` 在 Agent 列表行存在 `Stop`／`Stopping…` 操作时省略重复的 `Running` 状态文案并将操作按钮贴齐最右侧；`TranscriptView.tsx` 的置顶跑道改按「读者离开的旧 `pinTop`」判定释放，不再依赖会随每条流式文本变化的 `nextHeight`／`layoutShifted`，释放只停止吸附、不写 `scrollTop`，并对 `domTurnStart` 取整及为 `< pinTop` 预留 1px 亚像素量化容差，`useTranscriptScroll.ts` 记录滚轮脱离底部的手势并让其在随后那次 `scroll` 事件中优先于布局启发式、直接按脱离跟随且距当前 `bottom` 超过 `FOLLOW_REJOIN_PX` 判定 `away`（不再扣除 `runway` 导致置顶流式回复向上滑动时不显示「回到底部」向下箭头），`ActivityGroupView.tsx` 将运行态 `.v2-running-latest` 纳入反向同步的 `AnimatedCollapsibleContent` 200ms 过渡且 `processPresentation.tsx` 在展开／收起时同步调用 `stopFollowing` 清理滚动动画，修复发送提问后向上滚被拉回底部以及流式过程组展开／收起的高度跳变与亚像素抖动；`StarfieldBackdrop.tsx`、`ChatLayout.tsx` 与管理页常规设置新增深色模式专属透明层呼吸繁星背景（`droidvisx.chat.starfield` 开关控制，以右下角为天极、主聊天长为半径在左上 1/4 象限内顺时针缓慢旋转，离屏精灵缓存 + 空闲帧率节流 + 隐藏自动休眠，不改变原有 `--surface` 底色）；`projectSessionHistory.ts` 将工具结果预算裁剪移至全量消息投影尾部执行一次（消除大历史文件逐个 `tool_result` 的 $O(N^2)$ 扫描），`FactorySessionCatalog.ts` 与 `worktreeSessions.ts` 收敛目录侧车读取与并发 Worktree 目录查询，`persistentIdeRelay.ts` 在等待 IDE 握手期间加密轮询至 50ms 且 `windowDaemonPool.ts` 按每次状态切换重置 `ide.native.relay-state` 计时；`SessionViewerPanelController.ts`、`ReadOnlyTranscript.tsx`、`ReadOnlyTranscriptView.tsx`、`ActivityGroup.tsx` 与 `planAnchor.ts` 为子代理只读详情页接入 80ms 实时刷新合并与未变更快照去重、稳定虚拟行 `renderMessage` 引用、60 条消息／过程项窗口分页与增量 Plan 锚点缓存；`DefaultsSettings.tsx`、`DefaultsFields.tsx`、`ManagementDefaultsService.ts` 与 `model-picker.tsx` 将默认设置中 Spec 与子任务自主等级／三档模型的默认继承项统一为「跟随主聊天」（`Follow main chat`，子任务重置映射为 `subagentInheritTiers`），并将子任务三档拆分为独立的 `Model` 与 `Reasoning effort` 两行直选（继承状态下推理强度锁定显示对应档位的 `Inherit (Low / Medium / High)`，`selection.tsx` 与 `DefaultsFields.tsx` 过滤表单内受控 `Select` 切换选项时 `SelectBubbleInput` 冒泡的空值事件）；`markdownStream.ts`、`parseMarkdown.ts`、`streamingTree.ts`、`markdownWorkerProtocol.ts`、`syntaxWorker.ts`、`syntaxQueue.ts` 与 `CodeSyntax.tsx` 完成 Markdown 混合增量流式渲染与代码高亮改造（未闭合代码围栏 $O(1)$ 直通投影、顶层稳定块 LRU 缓存与 `[id]: url` 引用定义整篇回退、尾部 `live` 块未闭合行内语法补齐、Worker 树比对引用相等零序列化快路径、Shiki `GrammarState` 按行增量染色与同 `streamKey` 队列合并、移除 150ms 轮询并改为 `CodeLine` 按行 memo 化保选区渲染），并参照 Kilo 打磨 `chat-region.css`、`theme.css`、`webview-host.css`、`Markdown.tsx` 与 `streamingText.tsx` 的 AI 回复排版与流式渐显（修正宿主 `body.vscode-dark code` 预格式化绿字渗透，统一 `21px` 行高、段落／列表间距、弱化列表序号与引用块、行内代码微描边及文件引用虚线下划线，且 `FadingText` 保持在途渐显跨度直至 `onAnimationEnd` 消除高频 token 跳闪）。`typecheck`、`lint:budgets` 与定向测试全部通过。
 - `codex/telemetry-and-daemon-fixes`：GA4 媒体资源 `properties/560369275` 已注册全部 21 个 EVENT 级自定义维度与 17 个自定义指标；`daemonLifecycle.ts` 的 Windows `Win32_Process` 查询限定 `-Property ProcessId,CommandLine`；`windowDaemonPool.ts` 复用在途 `verifyRecords` 批次避免并发重复拉起 `powershell.exe`，并在发现阶段与 `retireEmpty` 中自动回收旧窗口退出后遗留的无会话孤儿 `window-daemon`；`webviewStateDelivery.ts` 在侧栏隐藏期间仅标记待重放快照，不再每 30 秒刷写 `host.view.state-delivery` 警告；`webviewHtml.ts` 忽略内联无 `src`/`href` 的 `<style>` 捕获期错误事件，消除 Mermaid 离屏测量触发的 `resource failed: STYLE` 误报；`ga4Config.ts` 补齐初始化失败、历史读取失败、前端资源错误与 `daemon_health` 细分维度。
 - `codex/ui-style-fixes` 与 `codex/runtime-fixes`：完成设置侧栏宽度补全、Review 代码问答引用芯片防跳动、Quote 芯片图标实心旋转、`Ask for input` 移出「已探索」分组，以及跨会话／孤儿工作区快照租约自动结清、`window-daemon` 受保护复用 PID `kill EPERM` 处理（#16）和 `AskUser` 多选兜底识别／无前缀编号历史解析（#9）。`lint:budgets`、类型检查与受影响单元测试（63 项）全部通过。
 - Factory 账户与 `/limits`：本机真实凭据读取 `GET https://api.factory.ai/api/billing/limits` 返回 200，字段与 Factory 应用截图一致（`Standard`／`Droid Core` 分段切换与三窗口独立进度条 + `extraUsageBalanceCents`）；token 载荷确认含 email、first/last name 与 org；设置页 `account.read` 走独立非阻塞请求通道，不占用 `busy` 或阻塞其他设置。类型检查、文件预算通过；`factoryAccount` 9 项定向测试覆盖身份解析、窗口投影、epoch 毫秒、EU 主机与未登录路径。
diff --git a/packages/chat-ui/src/chat/TranscriptView.tsx b/packages/chat-ui/src/chat/TranscriptView.tsx
index 24ab97c7..2003d5c8 100644
--- a/packages/chat-ui/src/chat/TranscriptView.tsx
+++ b/packages/chat-ui/src/chat/TranscriptView.tsx
@@ -181,7 +181,6 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
       if (spacer && spacer.style.height !== '0px') spacer.style.height = '0px';
       return 0;
     }
-    const previousRunway = runwayHeight.current;
     const previousPinTop = lastPinTop.current;
     const columnRect = column.getBoundingClientRect();
     const rowEl = column.querySelector<HTMLElement>(`[data-index="${pinnedTurnIndex}"]`);
@@ -197,7 +196,6 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
       : scrollMargin + virtualizer.getTotalSize() + paddingBottom;
     const minColumnHeight = Math.ceil(pinTop + element.clientHeight);
     const nextHeight = Math.ceil(Math.max(0, minColumnHeight - naturalHeight));
-    const layoutShifted = nextHeight !== previousRunway || pinTop !== previousPinTop;
     runwayHeight.current = nextHeight;
     lastPinTop.current = pinTop;
     const nextMinHeight = `${minColumnHeight}px`;
@@ -211,7 +209,7 @@ export function TranscriptView({ messages, conversationId, sessionKey, sendSigna
       const pinReference = previousPinTop > 0 ? Math.min(previousPinTop, pinTop) : pinTop;
       if (!scrolling.follow.current.following && element.scrollTop < pinReference - 2) {
         pinnedAtTop.current = false;
-      } else if ((layoutShifted || scrolling.follow.current.following) && nextHeight > 0 && (element.scrollTop < pinTop - 1 || (pinTop !== previousPinTop && Math.abs(element.scrollTop - previousPinTop) <= 2))) {
+      } else if (nextHeight > 0 && ((scrolling.follow.current.following && element.scrollTop < pinTop - 1) || (pinTop !== previousPinTop && Math.abs(element.scrollTop - previousPinTop) <= 2))) {
         element.scrollTop = pinTop;
         scrolling.follow.current.pendingProgrammaticTop = element.scrollTop;
       }
diff --git a/packages/chat-ui/src/chat/streamingText.tsx b/packages/chat-ui/src/chat/streamingText.tsx
index e39771c3..371dc214 100644
--- a/packages/chat-ui/src/chat/streamingText.tsx
+++ b/packages/chat-ui/src/chat/streamingText.tsx
@@ -88,12 +88,8 @@ export const FadingText = memo(function FadingText({
   if (rendered.text !== text) {
     setRendered({
       text,
-      prefix: text.startsWith(rendered.text)
-        ? selected
-          ? rendered.prefix
-          : running
-            ? rendered.text.length
-            : text.length
+      prefix: text.startsWith(rendered.text) && (running || selected)
+        ? rendered.prefix
         : text.length,
     });
   } else if (!running && !selected && rendered.prefix !== text.length) {
@@ -111,9 +107,7 @@ export const FadingText = memo(function FadingText({
         className={selected ? undefined : 'dvx-stream-in'}
         onAnimationEnd={() => {
           if (window.getSelection()?.isCollapsed === false) return;
-          setRendered((current) =>
-            current.text === text ? { text, prefix: text.length } : current,
-          );
+          setRendered((current) => ({ text: current.text, prefix: current.text.length }));
         }}
       >
         {text.slice(prefix)}
diff --git a/packages/chat-ui/src/chat/useTranscriptScroll.ts b/packages/chat-ui/src/chat/useTranscriptScroll.ts
index 1b4ab1cd..6974d110 100644
--- a/packages/chat-ui/src/chat/useTranscriptScroll.ts
+++ b/packages/chat-ui/src/chat/useTranscriptScroll.ts
@@ -136,9 +136,8 @@ export function useTranscriptScroll(
     const update = (time: number) => {
       frame.current = null;
       if (element.clientHeight === 0) { lastFrame.current = 0; return; }
-      const runway = syncRunway?.() ?? 0;
+      syncRunway?.();
       const bottom = Math.max(0, element.scrollHeight - element.clientHeight);
-      const contentBottom = Math.max(0, element.scrollHeight - runway - element.clientHeight);
       if (selecting()) stopFollowing();
       const readTarget = navigation.current;
       const waitingForMarkdown = () => (readTarget !== null || settlingSend.current) && column.querySelector('[data-markdown-pending]') !== null;
@@ -182,7 +181,7 @@ export function useTranscriptScroll(
       }
       lastFrame.current = frame.current === null ? 0 : time;
       setFollowingBottom(follow.current.following && navigation.current === null && !bottomNavigation.current);
-      setAway(contentBottom - element.scrollTop > 48);
+      setAway(!follow.current.following && bottom - element.scrollTop > FOLLOW_REJOIN_PX);
       if (navigation.current === null && bottom - element.scrollTop <= FOLLOW_REJOIN_PX)
         onReachedBottom?.();
     };
@@ -240,6 +239,7 @@ export function useTranscriptScroll(
         // onScroll; otherwise one grown line re-arms the follow latch and the
         // next frame drags the reader back to the bottom.
         wheelReleased.current = true;
+        schedule();
         reportLayout?.(JSON.stringify({ source: 'transcript.follow', input: 'wheel',
           deltaY: event.deltaY, following: false, ...sample() }));
       }
diff --git a/packages/chat-ui/src/content/Markdown.tsx b/packages/chat-ui/src/content/Markdown.tsx
index 76365009..4bae09f7 100644
--- a/packages/chat-ui/src/content/Markdown.tsx
+++ b/packages/chat-ui/src/content/Markdown.tsx
@@ -45,7 +45,7 @@ function InlineCode({ children }: ComponentProps<'code'>) {
   const { thinking } = useContext(MarkdownState);
   const path = actions?.openPath && !thinking ? detectPathLink(nodeText(children)) : null;
   return <code className="v2-inline-code rounded bg-muted px-1 py-0.5 text-[0.92em]">
-    {path && actions ? <Button asChild textSelectable variant="plain" size="none" className="text-link hover:underline">
+    {path && actions ? <Button asChild textSelectable variant="plain" size="none" className="hover:underline">
       <a href={`#file:${encodeURIComponent(path.path)}`} draggable={false} className="select-text" title={t("Open {p0}", { p0: path.path })}
         onClick={(event) => { event.preventDefault(); if (!isTextSelectionClick(event)) actions.openPath?.(path); }}>
         {nodeText(children).split(/(?<=[\\/])/u).map((segment, index, segments) => <Fragment key={index}>{segment}{index < segments.length - 1 ? <wbr /> : null}</Fragment>)}
diff --git a/packages/chat-ui/src/styles/chat-region.css b/packages/chat-ui/src/styles/chat-region.css
index ed3e372b..6b5eb666 100644
--- a/packages/chat-ui/src/styles/chat-region.css
+++ b/packages/chat-ui/src/styles/chat-region.css
@@ -140,30 +140,40 @@
   .v2-chat-surface .markdown-prose {
     color: var(--ink);
     font-size: 13px;
-    line-height: 19.5px;
+    line-height: 21px;
     overflow-wrap: anywhere;
   }
   .v2-chat-surface .markdown-prose :is(h1, h2) {
-    margin: 16px 0 8px;
-    font-size: 16px;
+    margin: 18px 0 8px;
+    color: var(--strong-ink);
+    font-size: 15px;
     font-weight: 600;
-    line-height: 24px;
+    line-height: 22px;
   }
   .v2-chat-surface .markdown-prose :is(h3, h4, h5, h6) {
-    margin: 16px 0 8px;
-    font-size: 13px;
+    margin: 14px 0 6px;
+    color: var(--strong-ink);
+    font-size: 13.5px;
     font-weight: 600;
-    line-height: 18px;
+    line-height: 20px;
   }
-  .v2-chat-surface .markdown-prose p { margin: 0 0 8px; }
-  .v2-chat-surface .markdown-prose :is(ul, ol) { margin: 4px 0; padding-left: 26px; }
-  .v2-chat-surface .markdown-prose li { padding-block: 4px; }
+  .v2-chat-surface .markdown-prose p { margin: 0 0 10px; }
+  .v2-chat-surface .markdown-prose :is(ul, ol) { margin: 6px 0 10px; padding-left: 24px; }
+  .v2-chat-surface .markdown-prose li { margin-bottom: 6px; padding-block: 0; }
+  .v2-chat-surface .markdown-prose li:last-child { margin-bottom: 0; }
   .v2-chat-surface .markdown-prose li + li { margin-top: 0; }
+  .v2-chat-surface .markdown-prose li::marker { color: var(--muted-ink); }
   .v2-chat-surface .markdown-prose li > p { margin: 0; }
-  .v2-chat-surface .markdown-prose li > p + p { margin-top: 8px; }
-  .v2-chat-surface .markdown-prose li > :is(ul, ol) { margin: 0; }
+  .v2-chat-surface .markdown-prose li > p + p { margin-top: 6px; }
+  .v2-chat-surface .markdown-prose li > :is(ul, ol) { margin: 4px 0; padding-left: 18px; }
   .v2-chat-surface .markdown-prose ul ul { list-style-type: circle; }
-  .v2-chat-surface .markdown-prose strong { font-weight: 600; }
+  .v2-chat-surface .markdown-prose strong { color: var(--strong-ink); font-weight: 600; }
+  .v2-chat-surface .markdown-prose blockquote {
+    margin: 12px 0;
+    padding: 0 0 0 10px;
+    border-left: 2px solid var(--chat-edge);
+    color: var(--muted-ink);
+  }
   .v2-chat-surface .markdown-prose blockquote > :first-child { margin-top: 0; }
   .v2-chat-surface .markdown-prose blockquote > :last-child { margin-bottom: 0; }
   .v2-chat-surface .markdown-prose hr { margin: 16px 0; border-color: var(--chat-edge); }
@@ -176,15 +186,32 @@
     vertical-align: middle;
   }
   .v2-chat-surface .markdown-prose .v2-inline-code {
-    padding: 2px 4px;
+    padding: 1px 5px;
+    border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);
     border-radius: 4px;
-    background: var(--chat-code-surface);
-    font-size: 13px;
-    font-weight: 500;
+    background: color-mix(in srgb, var(--ink) 6%, var(--surface));
+    color: var(--strong-ink);
+    font-family: var(--font-mono);
+    font-size: 12px;
+    font-weight: 400;
     white-space: pre-wrap;
     overflow-wrap: anywhere;
   }
-  .v2-chat-surface .v2-inline-code a { display: inline; font: inherit; text-align: left; white-space: inherit; overflow-wrap: inherit; }
+  .v2-chat-surface .v2-inline-code a {
+    display: inline;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    text-decoration: underline dotted color-mix(in srgb, currentColor 50%, transparent);
+    text-underline-offset: 2px;
+    white-space: inherit;
+    overflow-wrap: inherit;
+  }
+  .v2-chat-surface .v2-inline-code a:hover {
+    color: var(--link-ink);
+    text-decoration-color: currentColor;
+    text-decoration-style: solid;
+  }
   .v2-chat-surface .v2-code-block {
     margin-block: 12px;
     border-color: var(--chat-edge);
diff --git a/packages/chat-ui/src/theme.css b/packages/chat-ui/src/theme.css
index 42074160..56c31748 100644
--- a/packages/chat-ui/src/theme.css
+++ b/packages/chat-ui/src/theme.css
@@ -44,12 +44,12 @@
   .markdown-prose strong { font-weight: 700; }
   .markdown-content blockquote {
     margin: 12px 0;
-    padding: 6px 12px;
+    padding: 0 0 0 10px;
     border: 0;
-    border-left: 2px solid color-mix(in srgb, var(--muted-ink) 45%, var(--surface));
+    border-left: 2px solid color-mix(in srgb, var(--muted-ink) 38%, var(--surface));
     border-radius: 0;
     background: transparent;
-    color: var(--ink);
+    color: var(--muted-ink);
     overflow-wrap: anywhere;
   }
   .markdown-content blockquote > :first-child { margin-top: 0; }
diff --git a/packages/chat-ui/test/chat/Transcript.scrollMotion.test.tsx b/packages/chat-ui/test/chat/Transcript.scrollMotion.test.tsx
index ae1c6a5f..bdc227f9 100644
--- a/packages/chat-ui/test/chat/Transcript.scrollMotion.test.tsx
+++ b/packages/chat-ui/test/chat/Transcript.scrollMotion.test.tsx
@@ -5,7 +5,7 @@ import { useTranscriptScroll } from '../../src/chat/useTranscriptScroll';
 
 afterEach(() => { cleanup(); vi.unstubAllGlobals(); document.body.replaceChildren(); });
 
-function transcript(reducedMotion = false) {
+function transcript(reducedMotion = false, runway = 0) {
   const frames = new Map<number, FrameRequestCallback>();
   const resizeCallbacks = new Set<() => void>();
   let id = 0, time = 0, height = 400, scrollHeight = 2000;
@@ -22,9 +22,9 @@ function transcript(reducedMotion = false) {
     clientHeight: { get: () => height }, scrollHeight: { get: () => scrollHeight },
   });
   viewport.scrollTo = ({ top }: ScrollToOptions) => { viewport.scrollTop = Number(top); };
-  const viewportRef = { current: viewport }, columnRef = { current: column };
+  const viewportRef = { current: viewport }, columnRef = { current: column }, syncRunway = () => runway;
   const { result, rerender } = renderHook(({ editing }) =>
-    useTranscriptScroll(viewportRef, columnRef, 'history', 0, undefined, undefined, editing),
+    useTranscriptScroll(viewportRef, columnRef, 'history', 0, undefined, undefined, editing, syncRunway),
   { initialProps: { editing: false } });
   act(() => { result.current.stopFollowing(); viewport.scrollTop = 100; fireEvent.scroll(viewport); });
   return {
@@ -80,6 +80,22 @@ it('honors reduced motion when returning to the latest reply', () => {
   expect(chat.viewport.scrollTop).toBe(1600);
 });
 
+it('marks the transcript as scrolled away when wheeling up during an active pin runway', () => {
+  const chat = transcript(true, 360);
+  act(() => chat.result.current.scrollToBottom('auto'));
+  chat.frame();
+  expect(chat.result.current.away).toBe(false);
+
+  fireEvent.wheel(chat.viewport, { deltaY: -80 });
+  act(() => { chat.viewport.scrollTop = 1520; fireEvent.scroll(chat.viewport); });
+  chat.frame();
+  expect(chat.result.current.away).toBe(true);
+
+  act(() => chat.result.current.scrollToBottom('auto'));
+  chat.frame();
+  expect(chat.result.current.away).toBe(false);
+});
+
 it.each(['wheel', 'keyboard', 'touch'] as const)('keeps the chat under user control during message editing after a %s reaches bottom', (gesture) => {
   const chat = transcript(true);
   act(() => chat.result.current.scrollToBottom('auto'));
diff --git a/src/webview-v2/styles/webview-host.css b/src/webview-v2/styles/webview-host.css
index 465bcc7a..6dd3c71a 100644
--- a/src/webview-v2/styles/webview-host.css
+++ b/src/webview-v2/styles/webview-host.css
@@ -14,7 +14,7 @@ html[data-theme] body {
   font-weight: 400;
 }
 
-html[data-theme] :is(a, code, blockquote) {
+html[data-theme] body :is(a, code, blockquote) {
   color: revert-layer;
   background: revert-layer;
   border-color: revert-layer;
@@ -23,12 +23,12 @@ html[data-theme] :is(a, code, blockquote) {
   font-family: revert-layer;
 }
 
-html[data-theme] :is(a, input, select, textarea):focus {
+html[data-theme] body :is(a, input, select, textarea):focus {
   outline: revert-layer;
   outline-offset: revert-layer;
 }
 
-html[data-theme] blockquote {
+html[data-theme] body blockquote {
   margin: revert-layer;
   border: revert-layer;
 }

From 914d4d10932120957aac32258ae34fb27128ec50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 15:07:19 +0800
Subject: [PATCH 29/32] fix(chat-ui): remove decorative quote icon from quote
 chips

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 packages/chat-ui/src/chat/QuoteChips.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/chat-ui/src/chat/QuoteChips.tsx b/packages/chat-ui/src/chat/QuoteChips.tsx
index c0a8b62f..e7cba358 100644
--- a/packages/chat-ui/src/chat/QuoteChips.tsx
+++ b/packages/chat-ui/src/chat/QuoteChips.tsx
@@ -1,5 +1,5 @@
 import { useI18n } from '../i18n';
-import { Quote, X } from 'lucide-react';
+import { X } from 'lucide-react';
 import { useContext, type RefObject } from 'react';
 import { Button } from '../ui/button';
 import { cn } from '../ui/cn';
@@ -26,8 +26,8 @@ export function QuoteChips({ quotes, onRemove, className, previewAnchor }: Quote
         {anchor ? <PopoverAnchor virtualRef={anchor} /> : null}
         <div className="inline-flex h-6 min-w-0 max-w-full items-center rounded-md border border-[var(--panel-edge)] text-muted-foreground">
           <PopoverTrigger asChild><Button variant="plain" size="none" aria-label={t("View {p0}: {p1}", { p0: label.toLowerCase(), p1: preview })}
-            className="flex h-full min-w-0 max-w-[200px] items-center gap-1.5 rounded-md px-2 text-left text-[11px] hover:bg-[var(--control-surface-hover)] hover:text-foreground focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring">
-            <Quote aria-hidden="true" className="size-2.5 shrink-0 rotate-180 fill-current stroke-none opacity-75" /><span className="truncate">{preview}</span>
+            className="flex h-full min-w-0 max-w-[200px] items-center rounded-md px-2 text-left text-[11px] hover:bg-[var(--control-surface-hover)] hover:text-foreground focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring">
+            <span className="truncate">{preview}</span>
           </Button></PopoverTrigger>
           {onRemove ? <Button variant="plain" size="none" aria-label={t("Remove {p0}", { p0: label.toLowerCase() })}
             className="grid size-[22px] shrink-0 place-items-center rounded-md hover:bg-[var(--control-surface-hover)] hover:text-foreground focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring"

From 350bbbafedb14b1a6283ebc8691d8e078117a717 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 15:13:32 +0800
Subject: [PATCH 30/32] chore(release): prepare 0.8.19 release

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 CHANGELOG.md   | 19 +++++++++++++++++++
 docs/STATUS.md |  5 +++--
 package.json   |  2 +-
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1ba66cb2..6ea6e6b5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,25 @@
 
 按版本记录功能、体验改进与修复。安装方式与使用范围见 [README](README.md)。
 
+## 0.8.19
+
+### Highlights
+
+- 混合增量流式 Markdown 渲染与 Shiki 状态化高亮：未闭合代码围栏直接走 $O(1)$ HAST 增量投影，已完成顶层块走 LRU 缓存复用，尾部块自动补齐未闭合行内语法，代码块按行 `GrammarState` 增量染色与按行 memo 渲染，大幅降低长回复流式重绘开销。
+- AI 回复排版与流式渐显打磨：对齐 Kilo 的段落行高、列表与弱化引用样式、带微描边的行内代码与文件链接虚线下划线；保持流式文字渐显跨度直至动画完成，消除高频 token 下的透明度跳闪。
+- 新提问吸顶与动态留白跑道：发送新提问后自动置顶阅读位并生成底部动态留白跑道，首屏回复静止向下生长，展开／收起「已探索」过程组平滑过渡零抖动，向上滚动即刻显示「回到底部」按钮。
+- BTW 侧边问答重构：思考与工具按真实到达顺序归入「已探索」折叠组并穿插正文，用户提问改为右对齐聊天气泡，回答标题带 Droid 图标，运行与准备状态统一收进底部输入框占位。
+- 会话恢复与子代理详情页提速：历史消息工具结果预算裁剪降为单次线性扫描，子代理只读查看器接入 80ms 实时刷新合并与 60 条窗口分页，会话看门狗改为直连归属 Daemon 探针。
+- 管理页与个性化体验升级：深色模式新增可开关的透明层呼吸旋转繁星背景（`droidvisx.chat.starfield`）；默认设置中子任务三档复杂度拆分为独立的「模型」与「推理强度」两行直选，继承项统一为「跟随主聊天」；智能补全设置改为即时保存并接入平滑折叠动画；精简引用胶囊（QuoteChip）前缀图标。
+
+### Fixed
+
+- 修复置顶流式回复期间向上滚动不出现「回到底部」箭头，以及向上滚离或滚回底部时置顶提问卡回弹／错锁旧提问卡的问题。
+- 修复 VS Code／Cursor 宿主 `body.vscode-dark code` 默认样式渗透导致 AI 回复行内代码被染成绿字的问题，以及中文引号／括号紧邻 `**…**` 时加粗漏解析的问题。
+- 修复回复中途点击停止（Stop）后已完成的工具回执被丢弃、中断回合不显示「N 个文件已修改／Review」摘要卡片及重复提示 `Stopped` 的问题。
+- 修复选择 `/skill`、`/command` 或 `@mention` 补全项后输入框光标错位，以及设置页切换子任务模型时冒泡空值重置选项的问题。
+- 修复子代理／Worker 在多步工具间隙短暂闪现 `just now` 与复制按钮，以及 Chromium 良性 `ResizeObserver loop` 触发前端错误遥测误报的问题。
+
 ## 0.8.18
 
 ### Highlights
diff --git a/docs/STATUS.md b/docs/STATUS.md
index 2e1ed912..f4adbe25 100644
--- a/docs/STATUS.md
+++ b/docs/STATUS.md
@@ -1,12 +1,13 @@
 # 当前状态
 
-核对日期：2026-10-24。本文区分当前源码、实际验证与安装状态，不再追加逐次施工日志。
+核对日期：2026-11-02。本文区分当前源码、实际验证与安装状态，不再追加逐次施工日志。
 功能边界见 [CAPABILITIES](CAPABILITIES.md)，待办见 [PLAN](PLAN.md)，交互约定见 [DESIGN](DESIGN.md)。
 旧构建哈希、调查和性能数字从 Git 历史查阅，不能充当当前版本验收。
 
 ## 版本与交付
 
-- 当前发布版本为 `0.8.18`，在 `0.8.17` 基础上合并了多窗口 Daemon 并发进程验真批次合并、Windows `Win32_Process` 最小属性查询、旧窗口退出后无会话孤儿 `window-daemon` 自动回收、隐藏侧栏 `host.view.state-delivery` 警告静默、Mermaid 内联 `<style>` 资源错误误报过滤，以及 GA4 遥测初始化／历史／前端资源异常细分维度。
+- 当前发布版本为 `0.8.19`，在 `0.8.18` 基础上合并了混合增量流式 Markdown 渲染与 Shiki `GrammarState` 按行增量高亮、Kilo 风格 AI 回复排版与流式渐显防跳闪、新提问置顶与动态留白跑道（含流式上滑「回到底部」按钮恢复）、BTW 按序过程穿插与气泡重构、会话恢复与子代理详情页提速、子任务三档模型／推理强度独立直选、补全设置即时保存、深色模式呼吸星空背景及引用胶囊精简。
+- `0.8.18` 已通过 [PR #18](https://github.com/fireman-droid/droid-for-vscode/pull/18) 合入 `main`（提交 `e9dfb6f0`），并同步发布至 GitHub Release 与 Open VSX。
 - `0.8.17` 已通过 [PR #17](https://github.com/fireman-droid/droid-for-vscode/pull/17) 合入 `main`（提交 `1639c2f2`），并同步发布至 GitHub Release 与 Open VSX。
 - `0.8.16` 已通过 [PR #14](https://github.com/fireman-droid/droid-for-vscode/pull/14) 合入 `main`（提交 `c6e8c8fa`），[GitHub v0.8.16](https://github.com/fireman-droid/droid-for-vscode/releases/tag/v0.8.16) 与 [Open VSX 0.8.16](https://open-vsx.org/extension/droidvisx/droidvisx/0.8.16) 均已正式公开（同一产物 `droid-0.8.16.vsix`，14,313,474 字节，SHA256 `8fa29f8a97a5014e945919d28309ad6a921f01fc6f7a40b2186c258249b99814`，172 项内容与入口校验通过）。
 - 恢复文件等 composer 回执、附件／引用提示及临时诊断继续保留在消息列表底部状态区域；「Droid 正在工作／回答」、停止中（`Stopping…`）、压缩与等待子代理等运行状态统一移入底部 Composer 输入框的「继续提问」占位位置，未输入草稿时旋转显示、输入时隐藏、结束后恢复占位文字。
diff --git a/package.json b/package.json
index 17ba74cc..267bcc4e 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "droidvisx",
   "displayName": "Droid - AI Coding Agent",
   "description": "Unofficial Factory Droid integration for VS Code and Cursor, with coding chat, code review, BYOK models, and independent code completion.",
-  "version": "0.8.18",
+  "version": "0.8.19",
   "publisher": "droidvisx",
   "private": true,
   "type": "module",

From 30fb95996c1a41e5035f3a707118140f4d5eb5f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 15:15:43 +0800
Subject: [PATCH 31/32] style(test): remove trailing blank line at EOF in
 MissionManagement test

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 src/webview-v2/management/MissionManagement.test.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/webview-v2/management/MissionManagement.test.tsx b/src/webview-v2/management/MissionManagement.test.tsx
index 8d48c6f4..bb8c4e5a 100644
--- a/src/webview-v2/management/MissionManagement.test.tsx
+++ b/src/webview-v2/management/MissionManagement.test.tsx
@@ -57,4 +57,3 @@ it('keeps subtask model defaults valid when switching a configured tier back to
     patch: { 'subagentModelSettings.lightModel': null, 'subagentModelSettings.lightReasoningEffort': null },
   });
 });
-

From 9f6ca8668cd3b693876e134a0f8007f6fdcb4728 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=B3=BD=E6=A5=B7?= <linzekai@37.com>
Date: Mon, 2 Nov 2026 15:22:10 +0800
Subject: [PATCH 32/32] test(management): stub readChatStarfieldEnabled in
 completionSettings mock

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 src/extension/management/completionSettings.test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/extension/management/completionSettings.test.ts b/src/extension/management/completionSettings.test.ts
index ce11f6b6..a265542b 100644
--- a/src/extension/management/completionSettings.test.ts
+++ b/src/extension/management/completionSettings.test.ts
@@ -12,7 +12,7 @@ vi.mock('vscode', () => ({
     inspect: (key: string) => ({ globalValue: state.values[key] }), update: state.update,
   }) }, window: { showInputBox: state.input },
 }));
-vi.mock('../webview/webviewTheme', () => ({ readWebviewBootTheme: () => ({ resolved: 'dark' }), readWebviewThemePreference: () => 'auto' }));
+vi.mock('../webview/webviewTheme', () => ({ readChatStarfieldEnabled: () => true, readWebviewBootTheme: () => ({ resolved: 'dark' }), readWebviewThemePreference: () => 'auto' }));
 import { ManagementSettingsService } from './managementSettings';
 import { completionSecretKey, DEFAULT_ENDPOINT, MERCURY_EDIT_ENDPOINT, MERCURY_FIM_ENDPOINT } from '../autocomplete/settings';