dsh-edit-turn 0.5.0 → 0.5.3

package/lib/client.js

@@ -45,7 +45,7 @@ window.__ModuleLoader__.load({
     const RERUN_PREFIX = '/dsh-rerun-turn'
 
     /** Keep in sync with package.json and lib/index.js. */
-    const PLUGIN_VERSION = '0.5.0'
+    const PLUGIN_VERSION = '0.5.3'
 
     // --- copy -----------------------------------------------------------------
 
@@ -78,9 +78,9 @@ window.__ModuleLoader__.load({
       'config.summary.height.max': '一轮最大',
       'config.summary.height.content': '随内容',
       'config.summary.height.fill': '全部铺满',
-      'config.hint.height.max': '取这一轮所有思维链/正文里的最大高度，切换块时框不变。',
-      'config.hint.height.content': '框高跟着当前块的内容走，切换块时框会变。',
-      'config.hint.height.fill': '普通块按一轮最大；选「全部」时自动铺满对话区到输入框之间的整段高度（刚好触碰上下边界），只有一个滚动条。',
+      'config.hint.height.max': '打开时取这一轮所有思维链/正文里的最大高度；编辑中随你打字长高、删字变矮，但不会比打开时更矮。',
+      'config.hint.height.content': '打开时框高跟着当前块走；编辑中随你打字长高、删字变矮，但不会比打开时更矮。',
+      'config.hint.height.fill': '普通块打开时按一轮最大，编辑中随打字长高、删字变矮（不会比打开时更矮）；选「全部」时铺满对话区到输入框之间的整段高度，只有一个滚动条。',
       'placement.overlay': '浮层',
       'placement.inline': '页面内联',
       'placement.legacy': '整行旧版',
@@ -103,7 +103,6 @@ window.__ModuleLoader__.load({
       'editor.block.reasoning': '思维链',
       'editor.placeholder-block': '只改这一块；工具调用、其余内容和后续对话保持不变。',
       'confirm.body-block': '确认后只替换这一块，工具调用、其他内容和后续对话保持不变。原始会话日志不会改写。',
-      'editor.patch-note': '思维链已改写（模型可见）',
       'editor.review': '确认执行',
       'editor.cancel': '取消',
       'editor.pending': '正在保存…',
@@ -115,6 +114,7 @@ window.__ModuleLoader__.load({
       'error.invalid': '请求无效，请刷新后重试。',
       'error.session-not-active': '这个会话当前未激活，请先打开该会话再编辑。',
       'error.session-not-found': '找不到该会话的日志。',
+      'error.session-empty': '这个会话还没有内容，暂时没有可编辑的东西。',
       'error.busy': '该会话正在回复中，请等回复结束后再编辑。',
       'error.not-editable': '这条消息不支持编辑。',
       'error.unsupported': '当前宿主不支持就地改写回复，需要走重放路径。',
@@ -132,6 +132,7 @@ window.__ModuleLoader__.load({
       'error.already-retired': '这一轮的内容已经不在当前上下文里了。',
       'error.rerunning': '已经有一次重跑在进行中，请等它结束。',
       'error.internal': '服务器内部错误，请稍后重试。',
+      'error.projection-missing': '编辑投影未注册，请重启 DSH 后重试。',
       'error.attachment-refused': '附件没能存下来，本次修改没有执行。',
       'error.attachments-dropped': '已保存，但这条消息的图片或文件没能保留：当前部署没有可用的附件存储。',
       'error.attachment-unreadable': '这个附件读不出来，请换一个文件。',
@@ -164,9 +165,9 @@ window.__ModuleLoader__.load({
       'config.summary.height.max': 'Turn max',
       'config.summary.height.content': 'Content',
       'config.summary.height.fill': 'Fill when all',
-      'config.hint.height.max': 'Uses the tallest reasoning/text block of the turn, so the box does not resize when switching.',
-      'config.hint.height.content': 'The box follows the current block, so it resizes when switching.',
-      'config.hint.height.fill': 'Single blocks use the turn max; the all-blocks page fills the whole band between the conversation top and the composer, with one scrollbar.',
+      'config.hint.height.max': 'Opens at the tallest reasoning/text block of the turn; while editing it grows with your text and shrinks back, never below the height it opened at.',
+      'config.hint.height.content': 'Opens sized for the current block; while editing it grows with your text and shrinks back, never below the height it opened at.',
+      'config.hint.height.fill': 'Single blocks open at the turn max and follow your text while editing (never below the opening height); the all-blocks page fills the whole band between the conversation top and the composer, with one scrollbar.',
       'placement.overlay': 'Overlay',
       'placement.inline': 'In-page',
       'placement.legacy': 'Legacy row',
@@ -189,7 +190,6 @@ window.__ModuleLoader__.load({
       'editor.block.reasoning': 'Reasoning',
       'editor.placeholder-block': 'Only this block changes; tool calls, the rest of the reply and later turns stay.',
       'confirm.body-block': 'Confirming replaces only this block; tool calls, the rest of the reply and later turns stay. The original session log is never rewritten.',
-      'editor.patch-note': 'Reasoning patched (model-visible)',
       'editor.review': 'Confirm',
       'editor.cancel': 'Cancel',
       'editor.pending': 'Working...',
@@ -201,6 +201,7 @@ window.__ModuleLoader__.load({
       'error.invalid': 'Invalid request; refresh and try again.',
       'error.session-not-active': 'This session is not open in DSH; open it first.',
       'error.session-not-found': 'No session log was found for this id.',
+      'error.session-empty': 'This session has nothing in it yet; there is nothing to edit.',
       'error.busy': 'This session is still replying; wait for it to finish.',
       'error.not-editable': 'This message cannot be edited.',
       'error.unsupported': 'This harness does not expose the in-place reply path; the replay path is needed.',
@@ -218,6 +219,7 @@ window.__ModuleLoader__.load({
       'error.already-retired': 'This turn is no longer part of the current context.',
       'error.rerunning': 'A re-run is already in flight; wait for it to finish.',
       'error.internal': 'The host hit an internal error; try again shortly.',
+      'error.projection-missing': 'The edit projection is not registered; restart DSH and retry.',
       'error.attachment-refused': 'The attachment could not be stored, so nothing was changed.',
       'error.attachments-dropped': 'Saved, but the images or files on this message could not be kept: this deployment mounts no attachment store.',
       'error.attachment-unreadable': 'That attachment could not be read; try another file.',
@@ -236,7 +238,157 @@ window.__ModuleLoader__.load({
       return t(typeof code === 'string' && ERROR_KEYS.has(`error.${code}`) ? `error.${code}` : 'error.generic')
     }
 
+    // --- a rewritten prompt, rendered the way the bubble it stands in for is ---
+
+    /**
+     * Whether the markdown bubble plugin is on this page.
+     *
+     * Its own presence marker is the only honest signal: the host draws a user
+     * bubble as plain text (`white-space: pre-wrap`), so rendering markdown in
+     * the revision bubble is only correct when something else is already
+     * rendering the OTHER user bubbles that way. Without it, a rewritten prompt
+     * would look different from every untouched prompt around it.
+     */
+    function markdownBubbleInstalled() {
+      try {
+        return typeof globalThis !== 'undefined' && globalThis.__DSH_MARKDOWN_BUBBLE__ !== undefined
+      } catch {
+        return false
+      }
+    }
+
+    /** One mounted markdown occurrence per bubble, so a rebuild can unmount it. */
+    const revisionRoots = new WeakMap()
+
+    /**
+     * Draw one rewritten prompt's text into `host`.
+     *
+     * The host's own markdown renderer (`MarkdownText`) is a React component and
+     * this half builds DOM by hand, so it is mounted through `react-dom/client` -
+     * the same module the host's own bundles require. Anything missing (no
+     * react-dom, no primitives, a hostile host shape) falls back to the plain
+     * text node this bubble has always used.
+     *
+     * @param host - the bubble element that shows the text.
+     * @param text - the rewritten text.
+     * @returns whether the markdown path was used.
+     */
+    function renderRevisionText(host, text) {
+      if (!markdownBubbleInstalled()) return false
+      try {
+        const react = require('react')
+        const reactDom = require('react-dom/client')
+        const MarkdownText = primitives.MarkdownText
+        if (
+          typeof react?.createElement !== 'function' ||
+          typeof reactDom?.createRoot !== 'function' ||
+          MarkdownText === undefined ||
+          MarkdownText === null
+        ) {
+          return false
+        }
+        const previous = revisionRoots.get(host)
+        if (previous !== undefined && typeof previous.unmount === 'function') previous.unmount()
+        const node = document.createElement('span')
+        node.className = 'dshet-revision-text'
+        host.appendChild(node)
+        const root = reactDom.createRoot(node)
+        root.render(react.createElement(MarkdownText, { text }))
+        revisionRoots.set(host, root)
+        return true
+      } catch (error) {
+        console.warn('[dsh-edit-turn] the rewritten prompt could not be rendered as markdown:', error)
+        return false
+      }
+    }
+
     // --- style ----------------------------------------------------------------
+    /**
+     * Take the active skin's own surfaces when they are actually opaque.
+     *
+     * A skin may paint its surfaces translucent so artwork shows through, and it
+     * compensates with its own text halo - which a plugin element does not have.
+     * So the theme's surfaces are adopted only after resolving them to a real
+     * colour and finding them opaque; a translucent skin leaves this editor on
+     * its own opaque palette. Colours, radii and shadows need no such guard:
+     * those are hue and geometry, and they survive any skin.
+     *
+     * The result is written as inline variables on `body`, which beats both the
+     * `:root` defaults and the dark-theme rule below them.
+     *
+     * @returns nothing; the stylesheet defaults stand when no probe is possible.
+     */
+    function resolveSkinPalette() {
+      if (typeof document === 'undefined' || !document.body || typeof document.createElement !== 'function') return
+      if (typeof getComputedStyle !== 'function') return
+      const probe = document.createElement('span')
+      probe.setAttribute('aria-hidden', 'true')
+      probe.style.cssText = 'position:absolute;left:-9999px;top:0;width:0;height:0;pointer-events:none'
+      document.body.appendChild(probe)
+      const read = (name) => {
+        try {
+          probe.style.color = `var(${name})`
+          const match = /rgba?\(([^)]+)\)/.exec(getComputedStyle(probe).color)
+          if (match === null) return null
+          const parts = match[1].split(',').map((value) => Number.parseFloat(value))
+          if (parts.length < 3 || parts.some((value) => !Number.isFinite(value))) return null
+          return { r: parts[0], g: parts[1], b: parts[2], a: parts.length > 3 ? parts[3] : 1 }
+        } catch {
+          return null
+        }
+      }
+      const css = (color) => `rgba(${Math.round(color.r)},${Math.round(color.g)},${Math.round(color.b)},${color.a})`
+      const style = document.body.style
+      const setVar = (name, value) => {
+        if (style === undefined || style === null) return
+        if (typeof style.setProperty === 'function') style.setProperty(name, value)
+        else style[name] = value
+      }
+      const clearVar = (name) => {
+        if (style === undefined || style === null) return
+        if (typeof style.removeProperty === 'function') style.removeProperty(name)
+        else delete style[name]
+      }
+      try {
+        const panel = read('--dsw-alias-bg-layer-1')
+        const layer2 = read('--dsw-alias-bg-layer-2')
+        const accent = read('--dsw-alias-button-primary-fill')
+        // The skin's surface HUE is taken; its transparency is not. A skin paints
+        // its own elements translucent over artwork and gives them a text halo -
+        // a plugin element has none, so the same colour is adopted at full
+        // opacity. That keeps a dark artwork skin dark (instead of falling back
+        // to this plugin's light palette, which is what a skin that never sets
+        // `data-ds-dark-theme` used to get) without ever painting text on art.
+        const solid = (color) => (color === null ? null : { r: color.r, g: color.g, b: color.b, a: 1 })
+        const panelSolid = solid(panel)
+        if (panelSolid === null) {
+          clearVar('--dshet-panel')
+          clearVar('--dshet-chip')
+          clearVar('--dshet-field')
+        } else {
+          const fieldSolid = solid(layer2) ?? panelSolid
+          setVar('--dshet-panel', css(panelSolid))
+          setVar('--dshet-chip', css(panelSolid))
+          setVar('--dshet-field', css(fieldSolid))
+        }
+        if (accent === null) {
+          clearVar('--dshet-on-accent')
+        } else {
+          // The label that sits ON the accent fill: the platform exposes no
+          // inverse token here, so it is picked from the fill's own luminance.
+          const channel = (value) => {
+            const v = value / 255
+            return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4
+          }
+          const luminance = 0.2126 * channel(accent.r) + 0.7152 * channel(accent.g) + 0.0722 * channel(accent.b)
+          setVar('--dshet-on-accent', luminance > 0.35 ? '#0f1115' : '#fff')
+        }
+      } finally {
+        if (typeof probe.remove === 'function') probe.remove()
+      }
+    }
+
+
 
     // A skin is free to make the theme's surface colours translucent - that is
     // the point of one: the artwork shows through, and the skin compensates by
@@ -251,8 +403,21 @@ window.__ModuleLoader__.load({
     // UI packages use. Theme variables are still used for *colours* (hue,
     // semantic tones) - those survive a skin; it is alpha that does not.
     const CSS = [
-      ':root{--dshet-panel:rgba(255,255,255,.96);--dshet-field:rgba(244,247,252,.98);--dshet-chip:rgba(255,255,255,.82);--dshet-line:rgba(16,24,40,.16);--dshet-ink:#0f1524;--dshet-ink-dim:#4b5872;--dshet-hover:rgba(16,24,40,.07);--dshet-shadow:0 12px 32px rgba(9,18,40,.22);--dshet-accent:#4d6bfe;--dshet-on-accent:#fff}',
-      'body[data-ds-dark-theme]{--dshet-panel:rgba(22,28,44,.96);--dshet-field:rgba(14,19,33,.98);--dshet-chip:rgba(22,28,44,.82);--dshet-line:rgba(255,255,255,.18);--dshet-ink:#eef2f8;--dshet-ink-dim:#a6b1c6;--dshet-hover:rgba(255,255,255,.11);--dshet-shadow:0 12px 32px rgba(0,0,0,.5)}',
+      // Colours, radii and shadows come from the active theme's own tokens, so a
+      // skin restyles this editor the way it restyles the rest of the app; every
+      // one of them falls back to the value this plugin shipped with. The palette
+      // hangs off `body`, not `:root`: a custom property substitutes against the
+      // values in scope where it is DEFINED, and the theme declares its tokens on
+      // body - on `:root` every reference would silently fall back. Only the
+      // SURFACES stay namespaced: a skin is free to make its own surfaces
+      // translucent (that is the point of one), and a plugin's element has no
+      // artwork-aware halo to stay readable behind. The surfaces are taken from
+      // the theme too, but only when a runtime probe finds them opaque (see
+      // resolveSkinPalette).
+      'body{--dshet-panel:rgba(255,255,255,.96);--dshet-field:rgba(244,247,252,.98);--dshet-chip:rgba(255,255,255,.82);--dshet-line:var(--dsw-alias-border-l2,rgba(16,24,40,.16));--dshet-ink:var(--dsw-alias-label-primary,#0f1524);--dshet-ink-dim:var(--dsw-alias-label-secondary,#4b5872);--dshet-ink-soft:var(--dsw-alias-label-tertiary,#81858c);--dshet-hover:rgba(16,24,40,.07);--dshet-shadow:var(--dsw-shadow-lv3,0 12px 32px rgba(9,18,40,.22));--dshet-accent:var(--dsw-alias-button-primary-fill,#4d6bfe);--dshet-on-accent:#fff;--dshet-bubble:var(--dsw-specific-bubble,var(--dshet-field));--dshet-radius-panel:var(--dsw-radius-panel,16px);--dshet-radius-xl:var(--dsw-radius-xl,16px);--dshet-radius-lg:var(--dsw-radius-lg,16px);--dshet-radius-md:var(--dsw-radius-md,12px);--dshet-radius-sm:var(--dsw-radius-sm,8px)}',
+      'body[data-ds-dark-theme]{--dshet-panel:rgba(22,28,44,.96);--dshet-field:rgba(14,19,33,.98);--dshet-chip:rgba(22,28,44,.82);--dshet-hover:rgba(255,255,255,.11);--dshet-shadow:var(--dsw-shadow-lv3,0 12px 32px rgba(0,0,0,.5))}',
+      // A hover wash that follows the skin's ink instead of a fixed grey.
+      '@supports (color:color-mix(in srgb,red,blue)){body{--dshet-hover:color-mix(in srgb,var(--dsw-alias-label-primary) 8%,transparent)}body[data-ds-dark-theme]{--dshet-hover:color-mix(in srgb,var(--dsw-alias-label-primary) 14%,transparent)}}',
       // The pencil sits among the platform's own action icons, so it takes the
       // platform's icon colour: our own `--dshet-ink-dim` is a blue-grey and
       // read as a different, "active" icon next to the neutral grey ones. The
@@ -278,7 +443,7 @@ window.__ModuleLoader__.load({
       // inherit picks up the row's 16px, fixed ignores the reader's content
       // font setting, and either way the rewritten text changed size against
       // the bubble it replaces.
-      '.dshet-revision{box-sizing:border-box;align-self:flex-end;width:fit-content;max-width:min(72ch,86%);margin:6px 0 6px auto;padding:9px 14px;border-radius:16px;background:var(--dshet-field);color:var(--dshet-ink);font:inherit;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}',
+      '.dshet-revision{box-sizing:border-box;align-self:flex-end;width:fit-content;max-width:min(72ch,86%);margin:6px 0 6px auto;padding:9px 14px;border-radius:var(--dshet-radius-xl);background:var(--dshet-bubble);color:var(--dshet-ink);font:inherit;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}',
       '.dshet-revision:empty{display:none}',
       '.dshet-revision{position:relative}',
       // Fallback only: a row with no action bar to keep is displayed away
@@ -289,7 +454,7 @@ window.__ModuleLoader__.load({
       '.dshet-revision.dshet-revision-action{padding-inline-end:40px}',
       '.dshet-revision-text{display:block}',
       '.dshet-revision-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}',
-      '.dshet-revision-file{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 6px 2px 2px;border:1px solid var(--dshet-line);border-radius:8px;background:var(--dshet-chip);font-size:12px;line-height:18px}',
+      '.dshet-revision-file{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 6px 2px 2px;border:1px solid var(--dshet-line);border-radius:var(--dshet-radius-sm);background:var(--dshet-chip);font-size:12px;line-height:18px}',
       '.dshet-revision .dshet-action-host{position:absolute;inset-inline-end:6px;top:6px;opacity:0;transition:opacity .12s ease}',
       '.dshet-revision:hover .dshet-action-host,.dshet-revision:focus-within .dshet-action-host{opacity:1}',
       // A sibling plugin can append its own button (dsh-delete-turn's bin) into
@@ -331,15 +496,16 @@ window.__ModuleLoader__.load({
       '.dshet-layer[data-dshet-inline="1"]{position:absolute;left:0;top:0;right:auto;bottom:auto;width:100%;height:0}',
       '.dshet-layer{position:fixed;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:40}',
       '.dshet-layer .dshet-editor{position:absolute;pointer-events:auto}',
-      '.dshet-editor{display:flex;flex-direction:column;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;margin:0;border:1px solid var(--dshet-line);border-radius:16px;background:var(--dshet-panel);backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--dshet-shadow);color:var(--dshet-ink);transition:border-color .12s}',
+      '.dshet-editor{display:flex;flex-direction:column;max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;margin:0;border:1px solid var(--dshet-line);border-radius:var(--dshet-radius-panel);background:var(--dshet-panel);backdrop-filter:blur(var(--dsh-input-card-blur,18px)) saturate(1.2);box-shadow:var(--dshet-shadow);color:var(--dshet-ink);transition:border-color .12s}',
       '.dshet-editor[data-dshet-drop="1"]{outline:2px dashed #4a7dff;outline-offset:-4px}',
       '.dshet-editor:focus-within{border-color:var(--dsw-alias-button-primary-fill,var(--dshet-accent))}',
-      '.dshet-editor[data-dshet-inplace="1"]{overflow:hidden;border:1.5px solid var(--dsw-alias-button-primary-fill,#4a7dff);border-radius:12px;background:var(--dshet-panel);backdrop-filter:none;box-shadow:none}',
+      '.dshet-editor[data-dshet-inplace="1"]{overflow:hidden;border:1.5px solid var(--dsw-alias-button-primary-fill,#4a7dff);border-radius:var(--dshet-radius-md);background:var(--dshet-panel);backdrop-filter:none;box-shadow:none}',
       '.dshet-editor[data-dshet-inplace="1"] textarea{position:absolute;min-height:0;max-height:none;padding:6px 10px;border:0;border-radius:8px;background:transparent;overflow-y:auto}',
-      '.dshet-editor[data-dshet-inplace="1"] .dshet-footer{position:absolute;top:auto;left:0;right:0;bottom:0;height:46px;align-items:center;padding:6px 10px;box-sizing:border-box;background:var(--dshet-panel);border-radius:0 0 12px 12px;gap:6px}',
+      '.dshet-editor[data-dshet-inplace="1"] .dshet-footer{position:absolute;top:auto;left:0;right:0;bottom:0;height:46px;align-items:center;padding:6px 10px;box-sizing:border-box;background:var(--dshet-panel);border-radius:0 0 var(--dshet-radius-md) var(--dshet-radius-md);gap:6px}',
       '.dshet-editor[data-dshet-inplace="1"] .dshet-btn{padding:2px 8px;font-size:12px;line-height:18px;border-radius:8px}',
       '.dshet-editor[data-dshet-inplace="1"] .dshet-pick{position:static;top:auto;left:auto;padding:0;background:transparent;border-radius:0}',
-      '.dshet-editor[data-dshet-inplace="1"] .dshet-note,.dshet-editor[data-dshet-inplace="1"] .dshet-warn,.dshet-editor[data-dshet-inplace="1"] .dshet-error{position:absolute;left:8px;bottom:6px;max-width:60%;margin:0;background:var(--dshet-panel);border-radius:8px;padding:2px 6px}',
+      '.dshet-editor[data-dshet-inplace="1"] .dshet-note,.dshet-editor[data-dshet-inplace="1"] .dshet-warn{position:absolute;left:8px;bottom:6px;max-width:60%;margin:0;background:var(--dshet-panel);border-radius:8px;padding:2px 6px}',
+      '.dshet-editor[data-dshet-inplace="1"] .dshet-error{position:absolute;left:8px;right:8px;bottom:52px;max-width:none;margin:0;padding:6px 10px;border:1px solid var(--dshet-line);border-radius:8px;background:var(--dshet-panel);box-shadow:var(--dshet-shadow);font-weight:500}',
 
       '.dshet-editor textarea{display:block;width:100%;min-height:47px;max-height:min(46vh,420px);overflow-y:auto;resize:none;box-sizing:border-box;padding:11px 14px 0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--dsh-content-font-size,14px);line-height:calc(22px + var(--dsh-content-font-delta,0px));outline:none}',
       '.dshet-editor textarea::placeholder{color:var(--dshet-ink-dim)}',
@@ -368,7 +534,7 @@ window.__ModuleLoader__.load({
       '.dshet-note{color:var(--dshet-ink-dim)}',
       '.dshet-warn{color:var(--dsw-alias-state-warning-primary,#a2650a)}',
       '.dshet-error{color:var(--dsw-alias-state-error-primary,#c93a31)}',
-      '.dshet-footer{position:absolute;left:0;right:0;bottom:0;top:auto;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:6px;height:46px;padding:6px 10px;box-sizing:border-box;background:var(--dshet-panel);border-radius:0 0 16px 16px}',
+      '.dshet-footer{position:absolute;left:0;right:0;bottom:0;top:auto;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:6px;height:46px;padding:6px 10px;box-sizing:border-box;background:var(--dshet-panel);border-radius:0 0 var(--dshet-radius-panel) var(--dshet-radius-panel)}',
       '.dshet-footer-actions{display:flex;align-items:center;gap:6px}',
       '.dshet-all-nav{position:sticky;top:0;z-index:2;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-height:28px;padding:4px 0 6px;background:var(--dshet-panel);overflow-x:auto;scrollbar-width:none}',
       '.dshet-all-nav button{flex:none;border:0;border-radius:999px;background:var(--dshet-hover);color:var(--dshet-ink-dim);font:inherit;font-size:12px;line-height:18px;padding:3px 10px;cursor:pointer;white-space:nowrap}',
@@ -392,10 +558,11 @@ window.__ModuleLoader__.load({
       '.dshet-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}',
       '.dshet-btn-primary{border-color:var(--dsw-alias-button-primary-fill,var(--dshet-accent));background:var(--dsw-alias-button-primary-fill,var(--dshet-accent));color:var(--dsw-alias-label-primary-foreground,var(--dshet-on-accent))}',
       '.dshet-btn-primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-fill,var(--dshet-accent));filter:brightness(1.08)}',
-'.dshet-btn.dshet-btn-save{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#81858c;filter:none}',
+'.dshet-btn.dshet-btn-save{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--dshet-ink-soft);filter:none}',
       '.dshet-btn.dshet-btn-save:hover:not(:disabled){background:var(--dshet-hover);filter:none}',
+      '.dshet-btn.dshet-btn-save.dshet-btn-confirm{background:var(--dshet-hover);box-shadow:inset 0 0 0 1.5px var(--dshet-accent)}',
       '.dshet-editor .dshet-footer .dshet-btn.dshet-btn-icon{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#81858c;filter:none}',
-      '.dshet-editor .dshet-footer .dshet-btn.dshet-btn-icon:hover:not(:disabled){background:var(--dshet-hover);color:#81858c;filter:none}',
+      '.dshet-editor .dshet-footer .dshet-btn.dshet-btn-icon:hover:not(:disabled){background:var(--dshet-hover);color:var(--dshet-ink-soft);filter:none}',
       '.dshet-btn-icon svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}',
       '.dshet-editor[data-dshet-inplace="1"] .dshet-btn.dshet-btn-save{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#81858c;filter:none}',
       '.dshet-editor[data-dshet-inplace="1"] .dshet-btn.dshet-btn-save:hover:not(:disabled){background:var(--dshet-hover);filter:none}',
@@ -403,13 +570,10 @@ window.__ModuleLoader__.load({
       '.dshet-config{display:flex;flex-direction:column;gap:10px}',
       '.dshet-config-row{display:flex;align-items:center;justify-content:space-between;gap:12px}',
       '.dshet-config-hint{margin:0;color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:13px;line-height:20px}',
-      '.dshet-select{padding:3px 8px;border:1px solid var(--dshet-line);border-radius:8px;background:var(--dshet-field);color:var(--dshet-ink);font:inherit;font-size:12px;line-height:18px}',
+      '.dshet-select{padding:3px 8px;border:1px solid var(--dshet-line);border-radius:var(--dshet-radius-sm);background:var(--dshet-field);color:var(--dshet-ink);font:inherit;font-size:12px;line-height:18px}',
       '.dshet-pick .dshet-select{height:28px;padding:0 6px;border:0;border-radius:8px;background:transparent;line-height:1;cursor:pointer;outline:none}',
       '.dshet-pick .dshet-select:hover{background:var(--dshet-hover)}',
       '[data-dshet-patch]{white-space:pre-wrap}',
-      '.dshet-patch-note{margin:6px 0;padding:6px 10px;border:1px dashed var(--dshet-line);border-radius:10px;background:var(--dshet-panel);color:var(--dshet-ink-dim);font-size:12px;line-height:18px}',
-      '.dshet-patch-note summary{cursor:pointer}',
-      '.dshet-patch-note-body{margin:6px 0 0;white-space:pre-wrap;color:var(--dshet-ink);font-size:12px;line-height:18px}',
       '.dshet-notice{margin:4px 0;padding:6px 10px;border:1px solid var(--dshet-line);border-radius:8px;background:var(--dshet-panel);backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--dshet-shadow);color:var(--dsw-alias-state-error-primary,#c93a31);font-size:12px;line-height:19px}',
       '@media (prefers-reduced-motion:reduce){.dshet-collapsing{transition:none}.dshet-floating{transition:none}}',
     ].join('')
@@ -476,6 +640,8 @@ window.__ModuleLoader__.load({
         this.editorStyle = 'frame'
         this.editorFocus = false
         this.editorDraft = ''
+        this.editorBlockKey = ''
+        this.editorDrafts = new Map()
         // The block list being edited: what the carrier will be rebuilt from.
         // Every entry is either `{ keep: <index> }` - a block of this message the
         // user left alone - or `{ add: { data, mediaType?, name } }` for
@@ -634,6 +800,7 @@ window.__ModuleLoader__.load({
                 ? data.config.editorStyle
                 : 'frame',
               surfaceReady: true,
+              busy: data.busy === true,
               loaded: true,
               loadError: false,
               confirmStep: !(data.config && data.config.confirm === false),
@@ -648,6 +815,14 @@ window.__ModuleLoader__.load({
           })
           .finally(() => {
             this.inflight = null
+            // While the session is replying, the editor stays open but cannot
+            // save; re-check so the banner clears itself when the turn ends.
+            if (this.view.busy === true && this.editor !== null) {
+              const token = (this.busyToken = (this.busyToken ?? 0) + 1)
+              window.setTimeout(() => {
+                if (this.busyToken === token && this.editor !== null) this.load()
+              }, 3000)
+            }
           })
         this.inflight = pending
         return pending
@@ -695,8 +870,16 @@ window.__ModuleLoader__.load({
         this.editorBlockKind = chosen === undefined ? null : chosen.kind
         this.editorTargetSeq = chosen !== undefined && typeof chosen.seq === 'number' ? chosen.seq : null
         this.editorAll = false
-        this.editorAllDrafts = new Map()
+        // The height the box opens at: the floor the user cannot shrink below
+        // for as long as this edit lasts (save or cancel ends it). Null until
+        // the first layout measures it.
+        this.editorBaseHeight = null
+        // ONE draft store per open, keyed by block: the 正文/思维链 pages and the
+        // sub-pages inside 全部 all read and write it, so switching pages never
+        // drops what the user typed (only closing the editor does).
+        this.editorDrafts = new Map()
         if (!same) {
+          this.editorBlockKey = chosen === undefined ? '' : blockDraftKey(chosen)
           this.editorDraft = chosen === undefined ? target.text : chosen.text
           this.editorParts = blocksToParts(normalized, this.sessionId)
         }
@@ -763,25 +946,37 @@ window.__ModuleLoader__.load({
         if (target === null || !Array.isArray(target.blocks)) return
         const raw = String(value)
         if (raw === 'all') {
+          // The all-blocks page reads the SAME drafts: a block edited on its own
+          // page shows that edit in its sub-page, and the other way round.
           this.editorAll = true
-          this.editorAllDrafts = new Map(target.blocks.map((block) => [`${typeof block.seq === 'number' ? block.seq : ''}:${block.index}`, block.text]))
           this.editorElement = null
           this.publish({ allBlocks: true, blockIndex: null, blockKind: null, targetSeq: null, failure: null })
           return
         }
-        this.editorAll = false
         const split = raw.includes(':') ? raw.split(':') : ['', raw]
         const seq = split[0] === '' ? null : Number(split[0])
         const index = Number(split[1])
         const block = target.blocks.find((entry) =>
           entry.index === index && (seq === null || entry.seq === undefined || entry.seq === seq))
-        if (block === undefined || block.kind === undefined) return
+        // Leaving the all-blocks view has to say so: the picker change alone left
+        // `allBlocks` true, so the box was redrawn as the all view again with a
+        // picker that said "正文" - two fields over a single-block selection.
+        this.editorAll = false
+        if (block === undefined || block.kind === undefined) {
+          // Nothing matched: still leave the all view, keeping the block that was
+          // selected before it, so the picker describes the box again.
+          this.publish({ allBlocks: false, failure: null })
+          return
+        }
         this.editorBlockIndex = block.index
         this.editorBlockKind = block.kind
         this.editorTargetSeq = typeof block.seq === 'number' ? block.seq : this.editorTargetSeq
-        this.editorDraft = block.text
+        this.editorBlockKey = blockDraftKey(block)
+        // This block's own draft, which may already carry what the user typed on
+        // another page - never the recorded text, which used to wipe it.
+        this.editorDraft = this.draftOfBlock(block)
         this.editorElement = null
-        this.publish({ draft: block.text, blockIndex: block.index, blockKind: block.kind, targetSeq: this.editorTargetSeq, failure: null })
+        this.publish({ draft: this.editorDraft, blockIndex: block.index, blockKind: block.kind, targetSeq: this.editorTargetSeq, allBlocks: false, failure: null })
       }
 
       close() {
@@ -803,12 +998,40 @@ window.__ModuleLoader__.load({
         this.editorBlockKind = null
         this.editorTargetSeq = null
         this.editorAll = false
-        this.editorAllDrafts = new Map()
+        this.editorDrafts = new Map()
+        this.editorBlockKey = ''
+        this.editorBaseHeight = null
         this.publish({ editing: null, draft: '', parts: [], blocks: [], blockIndex: null, blockKind: null, confirming: false, failure: null })
       }
 
+      /** The draft of one block: what the user typed, else the recorded text. */
+      draftOfBlock(block) {
+        const drafts = this.editorDrafts
+        if (drafts instanceof Map) {
+          const key = blockDraftKey(block)
+          const typed = drafts.get(key)
+          if (typeof typed === 'string') return typed
+        }
+        return block !== null && block !== undefined && typeof block.text === 'string' ? block.text : ''
+      }
+
+      /** Remember one block's draft, wherever the user typed it. */
+      setDraftFor(block, value) {
+        if (!(this.editorDrafts instanceof Map)) this.editorDrafts = new Map()
+        this.editorDrafts.set(blockDraftKey(block), String(value ?? ''))
+      }
+
       setDraft(value) {
         this.editorDraft = value
+        // The 正文/思维链 page and the matching sub-page inside 全部 are the same
+        // block: one store, so the edit survives a page switch.
+        const blocks = Array.isArray(this.editorBlocks) ? this.editorBlocks : []
+        const current =
+          blocks.find((block) => blockDraftKey(block) === this.editorBlockKey) ??
+          (typeof this.editorBlockIndex === 'number'
+            ? blocks.find((block) => block.index === this.editorBlockIndex && (this.editorBlockKind === null || block.kind === this.editorBlockKind))
+            : undefined)
+        if (current !== undefined) this.setDraftFor(current, value)
       }
 
       setEditorStyle(style) {
@@ -886,11 +1109,9 @@ window.__ModuleLoader__.load({
       /** The all-blocks save: one request carrying every edited block. */
       async confirmAll(target) {
         const blocks = Array.isArray(target.blocks) ? target.blocks : []
-        const drafts = this.editorAllDrafts instanceof Map ? this.editorAllDrafts : new Map()
         const targets = []
         for (const block of blocks) {
-          const key = `${typeof block.seq === 'number' ? block.seq : ''}:${block.index}`
-          const text = drafts.get(key)
+          const text = this.draftOfBlock(block)
           if (typeof text !== 'string' || text.trim() === '') {
             this.publish({ failure: 'empty' })
             return
@@ -905,22 +1126,27 @@ window.__ModuleLoader__.load({
           this.publish({ editing: null })
           return
         }
-        this.publish({ pending: true, failure: null })
+        this.publish({ pending: true, failure: null, failureDetail: null })
         try {
           const res = await fetch(`${ROUTE_PREFIX}/apply`, {
             method: 'POST',
             headers: { 'content-type': 'application/json' },
+            ...(typeof AbortSignal !== 'undefined' && typeof AbortSignal.timeout === 'function'
+              ? { signal: AbortSignal.timeout(20000) }
+              : {}),
             body: JSON.stringify({ sessionId: this.sessionId, targets }),
           })
           const data = await res.json().catch(() => ({}))
           if (!res.ok || !data.ok) {
-            this.publish({ pending: false, failure: data && data.code ? String(data.code) : 'generic' })
+            const code = data && data.code ? String(data.code) : 'generic'
+            const detail = data && typeof data.error === 'string' && data.error !== '' ? data.error : null
+            this.publish({ pending: false, failure: code, failureDetail: detail })
             return
           }
           this.editor = null
           this.editorDraft = ''
           this.editorAll = false
-          this.editorAllDrafts = new Map()
+          this.editorDrafts = new Map()
           this.editorElement = null
           this.editorBox = null
           this.editorRow = null
@@ -983,11 +1209,16 @@ window.__ModuleLoader__.load({
         const parts = target.mode === 'prompt' && this.view.attachmentsOk === true
           ? this.editorParts.map((part) => (part.keep !== undefined ? { keep: part.keep } : { add: part.add }))
           : undefined
-        this.publish({ pending: true, failure: null })
+        this.publish({ pending: true, failure: null, failureDetail: null })
         try {
           const res = await fetch(`${ROUTE_PREFIX}/apply`, {
             method: 'POST',
             headers: { 'content-type': 'application/json' },
+            // A hung host must not leave the editor pending forever with a
+            // button that looks dead.
+            ...(typeof AbortSignal !== 'undefined' && typeof AbortSignal.timeout === 'function'
+              ? { signal: AbortSignal.timeout(20000) }
+              : {}),
             body: JSON.stringify({
               sessionId: this.sessionId,
               seq: target.seq,
@@ -1007,7 +1238,9 @@ window.__ModuleLoader__.load({
           })
           const data = await res.json().catch(() => ({}))
           if (!res.ok || !data.ok) {
-            this.publish({ pending: false, failure: data && data.code ? String(data.code) : 'generic' })
+            const code = data && data.code ? String(data.code) : 'generic'
+            const detail = data && typeof data.error === 'string' && data.error !== '' ? data.error : null
+            this.publish({ pending: false, failure: code, failureDetail: detail })
             return
           }
           const shadowed = Array.isArray(data.shadowed) ? data.shadowed : []
@@ -1050,8 +1283,17 @@ window.__ModuleLoader__.load({
           let patches = this.view.patches
           let patchBySeq = this.view.patchBySeq
           if (data.mode === 'patch' && data.target && typeof data.target.blockIndex === 'number') {
+            // The BLOCK's own seq, not the reply's. A turn's reasoning can live
+            // in another step's message, and the host reports that seq in the
+            // answer. Keying the optimistic patch by the reply's seq looked up
+            // the wrong block, took the wrong `original`, and the patch then
+            // matched nothing in the DOM - the edit appeared only after a reload,
+            // when /state supplied it under its own seq (reported from the field
+            // for the 思维链 page; the 正文 page looked fine because its block IS
+            // the reply's own).
+            const patchSeq = typeof data.target.seq === 'number' ? data.target.seq : target.seq
             const targetPatch = {
-              seq: target.seq,
+              seq: patchSeq,
               blockIndex: data.target.blockIndex,
               kind: data.target.kind === 'reasoning' ? 'reasoning' : 'text',
               text: String(data.target.text ?? ''),
@@ -1063,10 +1305,21 @@ window.__ModuleLoader__.load({
             const byBlock = new Map(patchBySeq.get(targetPatch.seq) ?? [])
             byBlock.set(targetPatch.blockIndex, targetPatch)
             patchBySeq.set(targetPatch.seq, byBlock)
-            const entry = replies.get(target.seq)
+            // The entry that carries this block: the reply's own, or the one
+            // whose block list holds another step's reasoning.
+            let entry = replies.get(patchSeq)
+            if (entry === undefined || !Array.isArray(entry.blocks)) {
+              for (const candidate of replies.values()) {
+                if (Array.isArray(candidate?.blocks) && candidate.blocks.some((block) => block.seq === patchSeq)) {
+                  entry = candidate
+                  break
+                }
+              }
+            }
             if (entry !== undefined && Array.isArray(entry.blocks)) {
               const blocks = entry.blocks.map((block) =>
-                block.index === targetPatch.blockIndex
+                block.index === targetPatch.blockIndex &&
+                (block.seq === undefined || block.seq === patchSeq)
                   ? { ...block, text: targetPatch.text, patched: true }
                   : block)
               const text = blocks.filter((block) => block.kind === 'text').map((block) => block.text).join('\n')
@@ -1496,15 +1749,23 @@ window.__ModuleLoader__.load({
       // like the images were deleted.
       const signature = text + '|' + extraBlocks.map((block) =>
         `${String(block.index)}:${String(block.type)}:${String(block.name ?? '')}:${String(block.bytes ?? '')}`).join(',')
-      if (bubble.dataset.dshetRevisionContent !== signature) {
+      // The signature carries whether the markdown path was used: installing or
+      // removing the markdown bubble plugin must redraw this bubble too.
+      const markdownSignature = signature + '|md:' + (markdownBubbleInstalled() ? '1' : '0')
+      if (bubble.dataset.dshetRevisionContent !== markdownSignature) {
+        const previous = revisionRoots.get(bubble)
+        if (previous !== undefined && typeof previous.unmount === 'function') previous.unmount()
+        revisionRoots.delete(bubble)
         bubble.textContent = ''
-        const textNode = document.createElement('span')
-        textNode.className = 'dshet-revision-text'
-        textNode.textContent = text
-        bubble.appendChild(textNode)
+        if (!renderRevisionText(bubble, text)) {
+          const textNode = document.createElement('span')
+          textNode.className = 'dshet-revision-text'
+          textNode.textContent = text
+          bubble.appendChild(textNode)
+        }
         const files = revisionAttachments(entry, controller)
         if (files !== null) bubble.appendChild(files)
-        bubble.dataset.dshetRevisionContent = signature
+        bubble.dataset.dshetRevisionContent = markdownSignature
       }
       // The edit entry goes where every other action of this row lives: the
       // platform's own bar, which the collapse keeps standing, at its right end
@@ -1907,9 +2168,39 @@ window.__ModuleLoader__.load({
     // `_actions` suffix is stable) and hides that strip's ancestors' other
     // children up to the row. Returns false when there is no strip to keep, and
     // false is what tells the caller to hide the whole row instead.
+    /**
+     * The host's own message markup inside a row - the stack / bubble / markdown
+     * the transcript draws the text in. That subtree is the ONLY thing the
+     * collapse walk may hide: a sibling that does not contain it belongs to
+     * somebody else (another plugin's injected button, a portal), and hiding it
+     * is issue #1 - `dsh-rewind-pro`'s button stayed in the DOM, stayed
+     * clickable, and was `display:none` on screen with no console error to
+     * notice. Null when the host shape is not one we recognise; the walk then
+     * keeps its old "everything but ours" behaviour instead of leaving a
+     * rewritten prompt on screen.
+     */
+    function messageContentRoot(row) {
+      const selectors = ['[class*="_bubble"]', '[class*="userStack"]', '[class*="_markdown"]', '[class*="_stack"]', '[class*="messageBody"]']
+      for (const selector of selectors) {
+        let found = null
+        try {
+          found = row.querySelector(selector)
+        } catch {
+          found = null
+        }
+        if (found === null || found === undefined) continue
+        if (typeof found.closest === 'function' && found.closest('.dshet-editor') !== null) continue
+        return found
+      }
+      return null
+    }
+
     function collapseRowContent(row, hide) {
       const strip = row.querySelector('[class*="_actions"]')
       if (strip === null) return false
+      // Only consulted while hiding: the restore pass goes by the marker this
+      // plugin wrote, so a node an older build had hidden is still restored.
+      const contentRoot = hide ? messageContentRoot(row) : null
       let node = strip
       while (node !== null && node !== row) {
         const parent = node.parentElement
@@ -1929,6 +2220,16 @@ window.__ModuleLoader__.load({
           ) {
             continue
           }
+          // I5 / issue #1: another plugin's node beside the message is not ours
+          // to hide. Only a sibling that holds the message content is.
+          if (
+            hide &&
+            contentRoot !== null &&
+            typeof child.contains === 'function' &&
+            child.contains(contentRoot) !== true
+          ) {
+            continue
+          }
           if (hide) {
             // Written only when the value changes: this runs on every DOM pass,
             // and an attribute write the observer can see would never settle.
@@ -2229,9 +2530,28 @@ window.__ModuleLoader__.load({
       element.style[property] = value
     }
 
+    /**
+     * The surface an in-place editor paints itself with, so the recorded text
+     * underneath cannot show through the draft.
+     *
+     * The skin's own panel colour comes first. A skin that paints the app on
+     * artwork usually leaves `body` transparent (the artwork is a layer behind
+     * it), and the white fallback then put a white box on a night sky. The
+     * palette keeps the skin's hue and drops its transparency, so what comes back
+     * here is opaque by construction.
+     *
+     * @returns a CSS colour for the editor's own background.
+     */
     function pageBackground() {
       try {
-        if (typeof getComputedStyle === 'function' && typeof document !== 'undefined') {
+        if (typeof getComputedStyle === 'function' && typeof document !== 'undefined' && document.body) {
+          const panel = String(getComputedStyle(document.body).getPropertyValue('--dshet-panel') || '').trim()
+          const match = /rgba?\(([^)]+)\)/.exec(panel)
+          if (match !== null) {
+            const parts = match[1].split(',').map((value) => Number.parseFloat(value))
+            const opaque = parts.length >= 3 && parts.every((value) => Number.isFinite(value)) && (parts.length < 4 || parts[3] >= 0.9)
+            if (opaque) return panel
+          }
           const value = getComputedStyle(document.body).backgroundColor
           if (value && value !== 'transparent' && !/rgba?\(0, 0, 0, 0\)/.test(value)) return value
         }
@@ -2398,7 +2718,7 @@ window.__ModuleLoader__.load({
       return bounds
     }
 
-    function placeEditor(row, box, mode = 'reply', style = 'frame', blockKind = null, blocks = null) {
+    function placeEditor(row, box, mode = 'reply', style = 'frame', blockKind = null, blocks = null, controller = null) {
       const layer = ensureEditorLayer()
       if (box.parentElement !== layer) layer.appendChild(box)
       const placement = readStoredEditorPlacement() ?? 'overlay'
@@ -2572,11 +2892,23 @@ window.__ModuleLoader__.load({
         try {
           const previousValue = area.value
           const previousHeight = area.style.height
+          // Assigning `value` drops a textarea's scroll position to the top -
+          // even when the assignment is only a measuring detour. Verified in
+          // Chromium: the SAME string keeps the scroll, a DIFFERENT string
+          // resets it to 0, and putting the original back does not bring it
+          // back. The "turn max" pass below writes every other block's text into
+          // this field, so every cache-miss layout (the first one, a page
+          // switch, and every pass while the turn's blocks change - i.e. while
+          // the model streams) threw the reader back to the top. That is what
+          // "the 思维链/正文 page cannot be scrolled down" was: the wheel worked,
+          // the position did not survive the next layout.
+          const previousScroll = typeof area.scrollTop === 'number' ? area.scrollTop : 0
           const measure = (text) => {
             area.value = text
-            area.style.height = 'auto'
-            const measured = area.scrollHeight
-            return typeof measured === 'number' && measured > 0 ? Math.round(measured) : 0
+            // The settled height: one pass reads a line short (see
+            // settleAreaHeight), and this number decides the whole box. The
+            // scroller is the box itself, so its position is kept too.
+            return Math.round(withScrollKept(box, () => settleAreaHeight(area)))
           }
           const own = measure(previousValue)
           if (own > 0) contentHeight = own
@@ -2602,11 +2934,26 @@ window.__ModuleLoader__.load({
           }
           area.value = previousValue
           area.style.height = previousHeight
+          if (typeof area.scrollTop === 'number' && area.scrollTop !== previousScroll) {
+            area.scrollTop = previousScroll
+          }
         } catch {}
       }
       // Every mode hugs the measured content; `coveredHeight` is only a
       // fallback for a host whose textarea cannot be measured.
-      let height = Math.max(minimumHeight, contentHeight + headerOffset + FOOTER_BAND)
+      // While the editor is open its height FOLLOWS the draft: more lines grow
+      // the box, deleting lines shrinks it - but never below the height it had
+      // when it opened, and never past the composer below or the conversation
+      // top above. The floor belongs to the whole edit (a page switch keeps it)
+      // and only a save or a cancel ends it.
+      const baseHeight =
+        controller !== null &&
+        controller !== undefined &&
+        typeof controller.editorBaseHeight === 'number' &&
+        controller.editorBaseHeight > 0
+          ? controller.editorBaseHeight
+          : null
+      let height = Math.max(minimumHeight, contentHeight + headerOffset + FOOTER_BAND, baseHeight === null ? 0 : baseHeight)
       let clampedTop = null
       if (clamped) {
         const bounds = conversationBounds(row)
@@ -2617,14 +2964,32 @@ window.__ModuleLoader__.load({
           // fills the WHOLE band (not just the message's own position), so the
           // top touches the conversation edge and the bottom the composer.
           const fillAll = allBox !== null && allBox !== undefined && heightMode !== 'content'
-          clampedTop = fillAll ? topLimit : Math.max(base.top, topLimit)
-          height = fillAll
-            ? Math.max(minimumHeight, bottomLimit - clampedTop)
-            : Math.min(height, Math.max(minimumHeight, bottomLimit - clampedTop))
+          const band = bottomLimit - topLimit
+          if (fillAll) {
+            clampedTop = topLimit
+            height = Math.max(minimumHeight, band)
+          } else if (height <= band) {
+            // It fits: grow DOWN from the row while there is room for it, and
+            // when there is not, keep the bottom at the composer edge and grow
+            // UP instead - the direction follows the space, the box never covers
+            // the composer and never leaves the conversation's top.
+            const room = bottomLimit - Math.max(base.top, topLimit)
+            clampedTop = height <= room ? Math.max(base.top, topLimit) : Math.max(topLimit, bottomLimit - height)
+            height = Math.min(height, band)
+          } else {
+            // Taller than the whole band: fill it and let the field scroll.
+            clampedTop = topLimit
+            height = Math.max(minimumHeight, band)
+          }
         }
       }
       if (!inline && !clamped && viewport.height > 0) height = Math.min(height, Math.max(minimumHeight, viewport.height - margin * 2))
       height = Math.max(minimumHeight, height)
+      if (baseHeight === null && controller !== null && controller !== undefined) {
+        // The first layout of this open fixes the floor: from here on the box
+        // may grow and shrink with the draft, but not below this.
+        controller.editorBaseHeight = height
+      }
       box.style.height = `${height}px`
       box.style.maxHeight = ''
       let top = clampedTop === null ? base.top : clampedTop
@@ -2648,18 +3013,24 @@ window.__ModuleLoader__.load({
         // is exactly as tall as its text and the ONE scrollbar appears when it
         // overflows the band.
         if (typeof allBox.querySelectorAll === 'function') {
-          for (const blockArea of allBox.querySelectorAll('.dshet-all-area')) {
-            blockArea.style.height = 'auto'
-            const measured = blockArea.scrollHeight
-            if (typeof measured === 'number' && measured > 0) blockArea.style.height = `${measured}px`
-          }
+          withScrollKept(allBox, () => {
+            for (const blockArea of allBox.querySelectorAll('.dshet-all-area')) settleAreaHeight(blockArea)
+          })
         }
       } else if (area !== null && area !== undefined) {
         const offsetLeft = Math.max(0, bubble.rect.left - base.left)
         // Reserve a header band for the controls; when the prompt carries image
         // chips they sit above the text, so the text starts below them too.
         const offsetTop = headerOffset
-        const available = Math.max(40, height - offsetTop - 8)
+        // The control band is painted over the box's bottom edge, so the field
+        // has to stop above it: the old `height - offsetTop - 8` let the field
+        // run 40px under the footer, and the last lines of a long block were
+        // covered for good (the field scrolled, the footer never moved).
+        const footerHeight =
+          footerEl !== null && footerEl !== undefined && typeof footerEl.offsetHeight === 'number' && footerEl.offsetHeight > 0
+            ? footerEl.offsetHeight
+            : FOOTER_BAND
+        const available = Math.max(40, height - offsetTop - footerHeight)
         area.style.position = 'absolute'
         area.style.boxSizing = 'border-box'
         area.style.left = `${Math.round(offsetLeft)}px`
@@ -2682,6 +3053,73 @@ window.__ModuleLoader__.load({
       }
     }
 
+    /**
+     * Run `work` without losing the reader's place.
+     *
+     * Measuring a textarea means collapsing it (`height: auto`), which shrinks
+     * the document; the browser then clamps the scroller's `scrollTop` to the
+     * new maximum, and the position is gone even though the heights come back.
+     * The host re-renders constantly (a streaming turn, a state refresh), so
+     * this is what "scroll down and it jumps back up" was. The position is
+     * captured before the work and put back after.
+     *
+     * @param scroller - the scrolling element that holds the textareas.
+     * @param work - the measuring pass.
+     * @returns whatever `work` returned.
+     */
+    function withScrollKept(scroller, work) {
+      const keep =
+        scroller !== null && scroller !== undefined && typeof scroller.scrollTop === 'number'
+          ? scroller.scrollTop
+          : null
+      const result = work()
+      if (keep !== null && scroller.scrollTop !== keep) scroller.scrollTop = keep
+      return result
+    }
+
+    /**
+     * The content height of one textarea, SETTLED and applied.
+     *
+     * One measurement is not enough. With the height reset to `auto`, the first
+     * read comes back exactly one line short - the wrap is resolved after the
+     * style write - and the element is then pinned to that height with
+     * `overflow:hidden`. In the all-blocks page that made the last line of a
+     * long body unreachable: the surrounding scroller's height is computed from
+     * the pinned value, so it cannot scroll to a line the textarea is hiding
+     * (reported from the field: a long 正文 could not be scrolled past).
+     *
+     * Measured live: first read 2392, second read 2415, line height 23px.
+     *
+     * @param area - the textarea to measure and size.
+     * @returns the applied height in CSS pixels, or 0 when unmeasurable.
+     */
+    function settleAreaHeight(area) {
+      if (area === null || area === undefined || typeof area.scrollHeight !== 'number') return 0
+      area.style.height = 'auto'
+      const first = area.scrollHeight
+      if (!(typeof first === 'number' && first > 0)) return 0
+      area.style.height = `${first}px`
+      const settled = area.scrollHeight
+      const height = typeof settled === 'number' && settled > first ? settled : first
+      area.style.height = `${height}px`
+      return height
+    }
+
+    /**
+     * One block's identity inside the editor's draft store.
+     *
+     * A turn's blocks are addressed by (seq, index): the same block reached from
+     * the 正文 page and from its sub-page inside 全部 must resolve to the SAME
+     * key, or an unsaved edit disappears when the user switches pages.
+     *
+     * @param block - an editor block (seq, index).
+     * @returns the stable key.
+     */
+    function blockDraftKey(block) {
+      if (block === null || block === undefined) return ''
+      return `${typeof block.seq === 'number' ? block.seq : ''}:${block.index}`
+    }
+
     // Grow the textarea to its content, the way a normal input box behaves.
     // Without this it sits at a fixed `rows` height and a two-line edit floats
     // in half an empty box. The stylesheet owns the limits (`min-height`,
@@ -2691,9 +3129,12 @@ window.__ModuleLoader__.load({
 
     function fitEditorHeight(area) {
       if (typeof area.closest === 'function' && area.closest('[data-dshet-inplace="1"]') !== null) return
-      area.style.height = 'auto'
-      const height = area.scrollHeight
-      if (typeof height === 'number' && height > 0) area.style.height = `${height + 2}px`
+      const scroller =
+        typeof area.closest === 'function'
+          ? area.closest('.dshet-all') ?? area.closest('.dshet-editor')
+          : null
+      const height = withScrollKept(scroller, () => settleAreaHeight(area))
+      if (height > 0) area.style.height = `${height + 2}px`
     }
 
     // Wire an action so a host re-render cannot eat the click.
@@ -2840,6 +3281,9 @@ window.__ModuleLoader__.load({
         // saving would write, so both have to redraw the strip - and the chip
         // keys are enough to tell one list from another.
         view.parts.map((part) => part.key).join('.'),
+        // The mode itself: leaving the all-blocks view must rebuild even when the
+        // single block that comes back is the one that was selected before it.
+        view.allBlocks === true ? 'all' : 'one',
         // The selected reply block: switching blocks has to rebuild the box.
         view.blockIndex === null || view.blockIndex === undefined ? '' : String(view.blockIndex),
         view.targetSeq === null || view.targetSeq === undefined ? '' : String(view.targetSeq),
@@ -2977,7 +3421,7 @@ window.__ModuleLoader__.load({
         ? controller.editorBox
         : null
       if (existing && existing.dataset.dshetFor === marker) {
-        placeEditor(row, existing, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks)
+        placeEditor(row, existing, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks, controller)
         return
       }
 
@@ -3078,13 +3522,13 @@ window.__ModuleLoader__.load({
         fitEditorHeight(area)
         const row = controller.editorRow
         const box = controller.editorBox
-        if (row !== null && box !== null && box.isConnected === true) placeEditor(row, box, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks)
+        if (row !== null && box !== null && box.isConnected === true) placeEditor(row, box, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks, controller)
       })
       area.addEventListener('compositionend', () => {
         fitEditorHeight(area)
         const row = controller.editorRow
         const box = controller.editorBox
-        if (row !== null && box !== null && box.isConnected === true) placeEditor(row, box, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks)
+        if (row !== null && box !== null && box.isConnected === true) placeEditor(row, box, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks, controller)
       })
       area.addEventListener('focus', () => {
         controller.editorFocus = true
@@ -3099,13 +3543,15 @@ window.__ModuleLoader__.load({
         if (event.isComposing === true || event.keyCode === 229) return
         if (event.key === 'Enter' && event.shiftKey !== true) {
           event.preventDefault()
-          if (view.confirming) controller.confirm()
+          const live = liveView()
+          if (live !== null && live !== undefined && live.confirming === true) controller.confirm()
           else controller.review()
           return
         }
         if (event.key === 'Escape') {
           event.preventDefault()
-          if (view.confirming) controller.back()
+          const live = liveView()
+          if (live !== null && live !== undefined && live.confirming === true) controller.back()
           else controller.close()
         }
       })
@@ -3155,15 +3601,15 @@ window.__ModuleLoader__.load({
           blockArea.style.position = 'static'
           blockArea.style.left = 'auto'
           blockArea.style.top = 'auto'
-          blockArea.value = controller.editorAllDrafts instanceof Map ? (controller.editorAllDrafts.get(key) ?? block.text) : block.text
+          blockArea.value = controller.draftOfBlock(block)
           blockArea.disabled = view.pending || view.confirming
-          const grow = () => {
-            blockArea.style.height = 'auto'
-            const measured = blockArea.scrollHeight
-            if (typeof measured === 'number' && measured > 0) blockArea.style.height = `${measured}px`
-          }
+          const grow = () =>
+            withScrollKept(
+              typeof blockArea.closest === 'function' ? blockArea.closest('.dshet-all') : null,
+              () => settleAreaHeight(blockArea),
+            )
           blockArea.addEventListener('input', () => {
-            if (controller.editorAllDrafts instanceof Map) controller.editorAllDrafts.set(key, blockArea.value)
+            controller.setDraftFor(block, blockArea.value)
             grow()
           })
           section.appendChild(head)
@@ -3234,14 +3680,34 @@ window.__ModuleLoader__.load({
         warn.textContent = texts.warn
         box.appendChild(warn)
       }
-      if (typeof view.failure === 'string' && view.failure !== '') {
+      // A running turn only blocks the paths that move the surface (a prompt
+      // rewrite, or a reply edit on a host without the in-place record). The
+      // in-place record appends one event and changes nothing that is already
+      // on the surface, so waiting for the agent to finish is not required -
+      // the model picks the edit up on its next fold.
+      const inPlaceEdit = target.mode === 'reply' && target.patch === true
+      const busyBlocked = view.busy === true && !inPlaceEdit
+      const failureCode = typeof view.failure === 'string' && view.failure !== ''
+        ? view.failure
+        : busyBlocked
+          ? 'busy'
+          : null
+      if (failureCode !== null) {
         const error = document.createElement('p')
         error.className = 'dshet-error'
         error.setAttribute('role', 'status')
-        error.textContent = errorText(t, view.failure)
+        const detail = typeof view.failureDetail === 'string' && view.failureDetail !== '' ? view.failureDetail : null
+        error.textContent = (failureCode === 'internal' || failureCode === 'generic') && detail !== null
+          ? `${errorText(t, failureCode)}（${detail.slice(0, 300)}）`
+          : errorText(t, failureCode)
         box.appendChild(error)
       }
 
+      // Handlers must read the CURRENT controller state: the host may not have
+      // rebuilt the button after the first press, and a stale `view.confirming`
+      // made the confirmation step a dead end (press again -> review again).
+      const liveView = () => (typeof controller.getSnapshot === 'function' ? controller.getSnapshot() : view)
+
       const footer = document.createElement('div')
       footer.className = 'dshet-footer'
       const footerActions = document.createElement('div')
@@ -3282,11 +3748,17 @@ window.__ModuleLoader__.load({
       submit.appendChild(submitText)
       submit.title = `${submitLabel} (Enter)`
       submit.setAttribute('aria-label', submitLabel)
-      submit.disabled = view.pending
+      submit.disabled = view.pending || busyBlocked
       pressable(submit, () => {
-        if (view.confirming) controller.confirm()
+        const live = liveView()
+        if (live !== null && live !== undefined && live.confirming === true) controller.confirm()
         else controller.review()
       })
+      if (view.confirming === true) {
+        // The save label is visually hidden, so the confirmation step needs a
+        // visible state of its own or the first press looks like nothing.
+        submit.classList.add('dshet-btn-confirm')
+      }
 
       footerActions.appendChild(cancel)
       // The re-run button belongs to the sibling (dsh-rerun-turn): it appears
@@ -3338,7 +3810,7 @@ window.__ModuleLoader__.load({
       controller.editorBox = box
       controller.editorRow = row
       controller.editorElement = area
-      placeEditor(row, box, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks)
+      placeEditor(row, box, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks, controller)
       fitEditorHeight(area)
       if (!view.confirming && !view.pending && (fresh || wasFocused)) {
         try {
@@ -3377,8 +3849,11 @@ window.__ModuleLoader__.load({
     // collapsed panel that may not be in the DOM at all.
 
     const PATCH_ATTR = 'data-dshet-patch'
-    const NOTE_ATTR = 'data-dshet-patch-note'
     const patchOriginals = new WeakMap()
+    // The text this plugin last painted for a key, so a second edit of the same
+    // block can still find the element after the first text replaced the
+    // recorded original in the DOM.
+    const patchedTexts = new Map()
     // React may re-render the assistant container and reset its attributes and
     // style while leaving the text node we replaced. Remember the element by
     // seq:block so the next pass can restore the marker and, on a later edit,
@@ -3456,10 +3931,11 @@ window.__ModuleLoader__.load({
     // element in the owning row whose whole text is exactly the recorded text;
     // never a button, a timestamp, our own chrome, or an ancestor that merely
     // contains the text.
-    function findPatchTextFallback(owner, wanted) {
+    function findPatchTextFallback(owner, wanted, previousText = '') {
       if (owner === null || owner === undefined || typeof owner.querySelectorAll !== 'function') return null
       const original = matchText(wanted.original)
-      if (original === '') return null
+      const previous = matchText(previousText)
+      if (original === '' && previous === '') return null
       let scope = owner
       try {
         const node = owner.querySelector('[data-slot="conversation.chat.node"]')
@@ -3471,12 +3947,12 @@ window.__ModuleLoader__.load({
         if (el === scope) continue
         if (el.getAttribute(PATCH_ATTR) !== null) continue
         try {
-          if (el.closest('.dshet-editor, .dshet-action, .dshet-pick, .dshet-patch-note, button, time') !== null) continue
+          if (el.closest('.dshet-editor, .dshet-action, .dshet-pick, button, time') !== null) continue
         } catch {
           continue
         }
         const text = matchText(el.textContent)
-        if (text !== original) continue
+        if (text !== original && !(previous !== '' && text === previous)) continue
         let deeper = false
         for (const child of el.children ?? []) {
           if (matchText(child.textContent) === text) {
@@ -3489,6 +3965,140 @@ window.__ModuleLoader__.load({
       return null
     }
 
+    /**
+     * The collapsed reasoning header draws its own truncation of the RECORDED
+     * text ("思考 · ..."), and when the panel is closed the body is not in the
+     * DOM at all - so a patch of the reasoning body alone leaves the edit
+     * invisible. Rewrite that snippet too, keeping whatever the host appended
+     * (its ellipsis) and its own truncation length.
+     */
+    function patchReasoningSummary(owner, wanted) {
+      if (owner === null || owner === undefined || typeof owner.querySelectorAll !== 'function') return false
+      const original = String(wanted.original ?? '')
+      const patched = String(wanted.text ?? '')
+      if (original === '' || patched === '') return false
+      const head = original.slice(0, 12)
+      let changed = false
+      const apply = (get, set) => {
+        const data = String(get() ?? '')
+        if (data === '' || !data.includes(head)) return
+        // A node holding the whole text gets the whole replacement; a truncated
+        // snippet keeps the host's length and gains an ellipsis when the new
+        // text is longer.
+        const next = data.length >= original.length ? patched : `${patched.slice(0, data.length)}${patched.length > data.length ? '…' : ''}`
+        if (next === data) return
+        set(next)
+        changed = true
+      }
+      const walk = (node) => {
+        for (const child of node.childNodes ?? []) {
+          const type = child.nodeType
+          if (type === 3) {
+            apply(() => child.data, (value) => { child.data = value })
+            continue
+          }
+          if (type !== 1) continue
+          try {
+            if (typeof child.closest === 'function' && child.closest('.dshet-editor, .dshet-action, .dshet-pick, button, time') !== null) continue
+          } catch {
+            /* a node without closest is walked anyway */
+          }
+          const kids = child.childNodes ?? []
+          if (kids.length === 0) {
+            apply(() => child.textContent, (value) => { child.textContent = value })
+            continue
+          }
+          walk(child)
+        }
+      }
+      walk(owner)
+      return changed
+    }
+
+    /**
+     * The reasoning body on this host is its own row (the flow key carries a
+     * `,reasoning` group part), so neither the answer row nor the first chat node
+     * the shared fallback picks contains it. Search the whole conversation for
+     * the deepest element whose text is the recorded original (or what we last
+     * painted there).
+     */
+    /**
+     * EVERY element that shows this reasoning text.
+     *
+     * Plural on purpose: the host keeps more than one copy of a turn's reasoning.
+     * The collapsed process row stays in the DOM with `display: none`, and opening
+     * the panel renders a second, visible body. Patching only the first one left
+     * the copy the user was looking at showing the recorded text.
+     *
+     * @param root - the conversation root to search.
+     * @param wanted - the patch (`original` text, new `text`).
+     * @param previousText - what the patch showed before this pass, if anything.
+     * @returns the deepest matching elements, best match first.
+     */
+    function findReasoningElements(root, wanted, previousText) {
+      if (root === null || root === undefined || typeof root.querySelectorAll !== 'function') return []
+      const original = matchText(wanted.original)
+      const previous = matchText(previousText)
+      if (original === '' && previous === '') return []
+      const found = []
+      for (const el of root.querySelectorAll('*')) {
+        if (el.getAttribute(PATCH_ATTR) !== null) continue
+        try {
+          if (el.closest('.dshet-editor, .dshet-action, .dshet-pick, button, time') !== null) continue
+        } catch {
+          /* a detached node is still a candidate */
+        }
+        const text = matchText(el.textContent)
+        if (text === '') continue
+        if (text !== original && !(previous !== '' && text === previous)) continue
+        let deeper = false
+        for (const child of el.children ?? []) {
+          if (matchText(child.textContent) === text) {
+            deeper = true
+            break
+          }
+        }
+        if (deeper) continue
+        found.push({ el, score: Math.abs(text.length - original.length) })
+      }
+      found.sort((a, b) => a.score - b.score)
+      return found.map((entry) => entry.el)
+    }
+
+    function findReasoningElement(root, wanted, previousText) {
+      if (root === null || root === undefined || typeof root.querySelectorAll !== 'function') return null
+      const original = matchText(wanted.original)
+      const previous = matchText(previousText)
+      if (original === '' && previous === '') return null
+      let best = null
+      let bestScore = Infinity
+      for (const el of root.querySelectorAll('*')) {
+        if (el.getAttribute(PATCH_ATTR) !== null) continue
+        try {
+          if (el.closest('.dshet-editor, .dshet-action, .dshet-pick, button, time') !== null) continue
+        } catch {
+          /* a detached node is still a candidate */
+        }
+        const text = matchText(el.textContent)
+        if (text === '') continue
+        if (text !== original && !(previous !== '' && text === previous)) continue
+        let deeper = false
+        for (const child of el.children ?? []) {
+          if (matchText(child.textContent) === text) {
+            deeper = true
+            break
+          }
+        }
+        if (deeper) continue
+        const score = Math.abs(text.length - original.length)
+        if (score < bestScore) {
+          best = el
+          bestScore = score
+        }
+      }
+      return best
+    }
+
     function applyPatchDisplay(snapshot, view, t) {
       // Map a reply seq to the host row that draws it, so a short answer like
       // "好的" cannot be matched in a different row. Fall back to a global
@@ -3522,11 +4132,40 @@ window.__ModuleLoader__.load({
       if (root === null) return
       const replies = view.replies instanceof Map ? view.replies : new Map()
       const wantedText = new Map()
-      const wantedNotes = new Map()
+      const wantedReasoning = new Map()
       for (const patch of Array.isArray(view.patches) ? view.patches : []) {
-        const reply = replies.get(patch.seq)
-        if (reply === undefined || !Array.isArray(reply.blocks)) continue
-        const block = reply.blocks.find((entry) => entry.index === patch.blockIndex)
+        // Find the block by (seq, index) AND the entry that carries it.
+        //
+        // One reply entry carries its whole TURN's blocks, so several blocks
+        // share an index - the first step's reasoning and the fourth step's
+        // reasoning are both "index 0" - and a later step's block lives in the
+        // entry keyed by the ANSWER's seq, not by its own. Keying the lookup by
+        // `patch.seq` alone found no entry, and `find(index === ...)` alone found
+        // the wrong block: either way the patch matched nothing in the DOM and
+        // the reasoning body kept the recorded text until a reload (reported from
+        // the field for the 思维链 page; a save on another step's reasoning wrote
+        // the record and /state reported it, yet the transcript did not move).
+        let reply = replies.get(patch.seq)
+        let block = Array.isArray(reply?.blocks)
+          ? reply.blocks.find(
+              (entry) =>
+                entry.index === patch.blockIndex &&
+                (entry.seq === undefined || patch.seq === undefined || entry.seq === patch.seq),
+            )
+          : undefined
+        if (block === undefined) {
+          for (const candidate of replies.values()) {
+            if (!Array.isArray(candidate?.blocks)) continue
+            const found = candidate.blocks.find(
+              (entry) => entry.index === patch.blockIndex && entry.seq === patch.seq,
+            )
+            if (found !== undefined) {
+              reply = candidate
+              block = found
+              break
+            }
+          }
+        }
         if (block === undefined) continue
         if (patch.kind === 'text') {
           wantedText.set(`${patch.seq}:${patch.blockIndex}`, {
@@ -3536,8 +4175,10 @@ window.__ModuleLoader__.load({
             text: String(patch.text ?? ''),
           })
         } else if (patch.kind === 'reasoning') {
-          wantedNotes.set(`${patch.seq}:${patch.blockIndex}`, {
+          wantedReasoning.set(`${patch.seq}:${patch.blockIndex}`, {
             key: `${patch.seq}:${patch.blockIndex}`,
+            seq: patch.seq,
+            original: String(block.original ?? ''),
             text: String(patch.text ?? ''),
             reply,
             block,
@@ -3548,7 +4189,7 @@ window.__ModuleLoader__.load({
       // A patch that no longer exists must give the host's recorded text back,
       // even when a re-render already stripped our marker from the element.
       for (const [key, el] of [...patchedElements]) {
-        if (wantedText.has(key)) continue
+        if (wantedText.has(key) || wantedReasoning.has(key)) continue
         patchedElements.delete(key)
         if (el.isConnected === true) restorePatchedBlock(el)
       }
@@ -3566,18 +4207,14 @@ window.__ModuleLoader__.load({
           el.textContent = shown
         }
       }
-      for (const note of [...root.querySelectorAll(`[${NOTE_ATTR}]`)]) {
-        const key = note.getAttribute(NOTE_ATTR)
-        if (!wantedNotes.has(key)) note.remove()
-      }
-      if (wantedText.size === 0 && wantedNotes.size === 0) return
+      if (wantedText.size === 0 && wantedReasoning.size === 0) return
 
       const nodes = [...root.querySelectorAll('[data-slot="conversation.chat.node"]')]
       const containers = []
       for (const node of nodes) {
         for (const el of node.querySelectorAll('*')) {
           try {
-            if (isMarkdownContainer(el) && el.closest('.dshet-editor, .dshet-pick, .dshet-patch-note') === null) containers.push(el)
+            if (isMarkdownContainer(el) && el.closest('.dshet-editor, .dshet-pick') === null) containers.push(el)
           } catch {
             /* a detached node is skipped */
           }
@@ -3608,7 +4245,8 @@ window.__ModuleLoader__.load({
           continue
         }
         const original = matchText(wanted.original)
-        if (original === '') continue
+        const previous = matchText(patchedTexts.get(key) ?? '')
+        if (original === '' && previous === '') continue
         let best = null
         let bestScore = Infinity
         for (const el of containers) {
@@ -3622,7 +4260,7 @@ window.__ModuleLoader__.load({
           }
           const text = matchText(el.textContent)
           if (text === '') continue
-          const exact = text === original
+          const exact = text === original || (previous !== '' && text === previous)
           const prefix = text.startsWith(original.slice(0, 60)) || original.startsWith(text.slice(0, 60))
           if (!exact && !prefix) continue
           // Prefer the exact match, then the container closest in length: a
@@ -3634,47 +4272,87 @@ window.__ModuleLoader__.load({
             bestScore = score
           }
         }
-        if (best === null) best = findPatchTextFallback(owner, wanted)
+        if (best === null) best = findPatchTextFallback(owner, wanted, patchedTexts.get(key) ?? '')
         if (best === null) continue
         patchOriginals.set(best, { html: best.innerHTML, text: best.textContent })
         best.textContent = displayText(wanted.text)
         best.setAttribute(PATCH_ATTR, key)
         best.style.whiteSpace = 'pre-wrap'
         patchedElements.set(key, best)
+        patchedTexts.set(key, wanted.text)
       }
 
-      // Reasoning notes: put one under the reply row, found by the reply's own
-      // answer text (the panel itself may be collapsed and absent).
-      for (const [key, wanted] of wantedNotes) {
-        let note = [...root.querySelectorAll(`[${NOTE_ATTR}]`)].find((el) => el.getAttribute(NOTE_ATTR) === key)
-        let row = rowBySeq.get(wanted.reply.seq) ?? null
-        const replyText = matchText(wanted.reply.text)
-        for (const node of row === null ? nodes : []) {
-          const text = matchText(node.textContent)
-          if (text === '') continue
-          if (replyText !== '' && text.includes(replyText)) {
-            row = node
-            break
-          }
-          if (matchText(wanted.block.original) !== '' && text.includes(matchText(wanted.block.original))) {
-            row = node
-            break
+      // A reasoning patch is drawn in place when the host renders that
+      // reasoning body; the note is only the fallback for a panel that is not
+      // in the DOM (or is drawn as a short summary without the full text).
+      for (const [key, wanted] of wantedReasoning) {
+        const owner = rowBySeq.get(wanted.seq)
+        const shown = displayText(wanted.text)
+        const previousText = patchedTexts.get(key) ?? ''
+        const original = matchText(wanted.original)
+        const previous = matchText(previousText)
+        // EVERY copy of this reasoning, not just the one this pass remembers.
+        //
+        // The host keeps the collapsed process row in the DOM with `display:
+        // none` and renders a SECOND body when the panel is opened. Trusting the
+        // remembered element because it is still `isConnected` meant the copy the
+        // user was looking at kept the recorded text until a reload - which is
+        // exactly the reported "思维链页保存后不能马上渲染".
+        const targets = new Set()
+        const remembered = patchedElements.get(key)
+        if (remembered !== undefined) {
+          if (remembered.isConnected === true) targets.add(remembered)
+          else patchedElements.delete(key)
+        }
+        for (const el of root.querySelectorAll(`[${PATCH_ATTR}]`)) {
+          if (el.getAttribute(PATCH_ATTR) === key) targets.add(el)
+        }
+        if (original !== '' || previous !== '') {
+          // The owning row first (a host that draws the reasoning inside the
+          // answer row), then the whole conversation: on this host the reasoning
+          // is its own row, so the answer row holds no reasoning text at all.
+          // EVERY scope is merged, never just the first one that matched: the
+          // point of this pass is to catch all copies at once.
+          for (const scope of owner === undefined ? [null] : [owner, null]) {
+            let foundInScope = false
+            for (const el of containers) {
+              if (el.getAttribute(PATCH_ATTR) !== null) continue
+              if (scope !== null) {
+                try {
+                  if (el.closest('[data-chat-flow-key]') !== scope) continue
+                } catch {
+                  /* keep the global match */
+                }
+              }
+              const text = matchText(el.textContent)
+              if (text === '') continue
+              if (text !== original && !(previous !== '' && text === previous)) continue
+              targets.add(el)
+              foundInScope = true
+            }
+            if (foundInScope) break
           }
+          const fallback = findPatchTextFallback(owner ?? null, wanted, previousText)
+          if (fallback !== null) targets.add(fallback)
+          for (const el of findReasoningElements(root, wanted, previousText)) targets.add(el)
         }
-        if (note === undefined || note === null) {
-          note = document.createElement('details')
-          note.className = 'dshet-patch-note'
-          note.setAttribute(NOTE_ATTR, key)
-          const summary = document.createElement('summary')
-          summary.textContent = t('editor.patch-note')
-          const body = document.createElement('pre')
-          body.className = 'dshet-patch-note-body'
-          note.appendChild(summary)
-          note.appendChild(body)
+        if (targets.size === 0) {
+          // No body in the DOM (the panel is closed): the header snippet is the
+          // only place the edit can show.
+          if (owner !== undefined) patchReasoningSummary(owner, wanted)
+          patchReasoningSummary(root, wanted)
+          continue
+        }
+        for (const el of targets) {
+          if (!patchOriginals.has(el)) patchOriginals.set(el, { html: el.innerHTML, text: el.textContent })
+          if (normalizedText(el.textContent) !== normalizedText(shown)) el.textContent = shown
+          if (el.getAttribute(PATCH_ATTR) !== key) el.setAttribute(PATCH_ATTR, key)
+          el.style.whiteSpace = 'pre-wrap'
+          patchedElements.set(key, el)
         }
-        const body = note.querySelector('.dshet-patch-note-body')
-        if (body !== null && body.textContent !== wanted.text) body.textContent = wanted.text
-        if (note.isConnected !== true && row !== null) row.after(note)
+        patchedTexts.set(key, wanted.text)
+        if (owner !== undefined) patchReasoningSummary(owner, wanted)
+        patchReasoningSummary(root, wanted)
       }
     }
 
@@ -3895,7 +4573,7 @@ window.__ModuleLoader__.load({
             const key = `${Math.round(rect.top)}:${Math.round(rect.height)}:${Math.round(typeof window !== 'undefined' && typeof window.scrollY === 'number' ? window.scrollY : 0)}:${viewportWidth}x${viewportHeight}:${controller.editorBlockKind}:${controller.editorAll === true ? 'all' : ''}`
             if (key === lastPlacementKey) return
             lastPlacementKey = key
-            placeEditor(row, box, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks)
+            placeEditor(row, box, controller.editorMode, controller.editorStyle, controller.editorBlockKind, controller.editorBlocks, controller)
           }
           if (typeof requestAnimationFrame === 'function') requestAnimationFrame(run)
           else window.setTimeout(run, 16)
@@ -4292,6 +4970,31 @@ window.__ModuleLoader__.load({
       // A reply's edit entry lives in the official assistant-actions strip, one
       // entry per assistant message. order 5 puts it ahead of the feedback
       // entries (order 10), so the pencil sits with the leading icons.
+      // The active skin repaints its surfaces at any time (switching one
+      // rewrites body's attributes and inline variables), so the palette is
+      // resolved once and then again on every theme or skin change.
+      ctx.effect(() => {
+        const run = () => {
+          try {
+            resolveSkinPalette()
+          } catch {
+            /* the stylesheet defaults stand */
+          }
+        }
+        run()
+        const observer =
+          typeof MutationObserver === 'function' && document && document.body
+            ? new MutationObserver(run)
+            : null
+        if (observer !== null) {
+          observer.observe(document.body, { attributes: true, attributeFilter: ['class', 'style', 'data-ds-dark-theme'] })
+          if (document.documentElement) observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class', 'style'] })
+        }
+        return () => {
+          if (observer !== null) observer.disconnect()
+        }
+      }, 'dsh-edit-turn:skin-palette')
+
       ctx.slots.inject('conversation.chat.assistant-actions', () =>
         ctx.slots.register(
           {