claude-code - 💡(How to fix) Fix Streamed assistant text re-lays-out on terminal redraws, producing overlapping/duplicated fragments

On virtual-text + offset-map — answering
  since you asked, then confirming we no
  longer need them.

  The idea was: to support multi-line search
  across block boundaries, build an in-memory
  string representing the document's text
  where each <p> block's text contents are
  concatenated, separated by a synthetic \n at
   block boundaries. Alongside it, keep a
  parallel array recording "character N of
  this virtual string corresponds to (DOM text
   node X, offset Y)." Then run the regex
  against the flat virtual string; for each
  match, translate the match's start/end
  character indices back to DOM positions via
  the parallel array; construct a Range that
  may span multiple DOM text nodes; pass to
  CSS Custom Highlight for rendering.
  Ephemeral construction — built per search,
  never written to DOM, no parallel state.

  It's no longer needed. With the
  paste-handler approach you proposed: the
  Find textarea is guaranteed \n-free at all
  times → the regex string has no \n → no need
   to match across block boundaries → the
  existing per-text-node TreeWalker scan
  (which is already in the code and was the
  s82 design) just works against the new
  drawer UI. The search engine code is reused
  verbatim. The drawer is purely a UI change.

   no longer need them.

  The idea was: to support multi-line search across block boundaries, build an
   in-memory string representing the document's text where each <p> block's
  text contents are concatenated, separated by a synthetic \n at block
  boundaries. Alongside it, keep a parallel array recording "character N of
  this virtual string corresponds to (DOM text node X, offset Y)." Then run
  the regex against the flat virtual string; for each match, translate the
  match's start/end character indices back to DOM positions via the parallel
  corresponds to (DOM text node X, offset Y)." Then run the regex against the flat
  virtual string; for each match, translate the match's start/end character indices
  back to DOM positions via the parallel array; construct a Range that may span
  multiple DOM text nodes; pass to CSS Custom Highlight for rendering. Ephemeral
  construction — built per search, never written to DOM, no parallel state.

  It's no longer needed. With the paste-handler approach you proposed: the Find
  textarea is guaranteed \n-free at all times → the regex string has no \n → no need
  to match across block boundaries → the existing per-text-node TreeWalker scan
  (which is already in the code and was the s82 design) just works against the new
  drawer UI. The search engine code is reused verbatim. The drawer is purely a UI
  change.

  ---
  So the corrected and simpler design:

  1. Pipeline tightening (cleanup stage): unify _trim_lines +
  _collapse_interior_whitespace into one readable function; add _tabs_to_spaces;
  consider _parse_blocks rename for _build_blocks; add fail-loud assertion at
  render_transcript_html (no \t, \n, or double-space in output)  node X, offset Y)." Then run the regex against the flat
  virtual string; for each match, translate the match's
  start/end character indices back to DOM positions via the
  parallel array; construct a Range that may span multiple DOM
  text nodes; pass to CSS Custom Highlight for rendering.
  Ephemeral construction — built per search, never written to
  DOM, no parallel state.

  It's no longer needed. With the paste-handler approach you
  proposed: the Find textarea is guaranteed \n-free at all
  times → the regex string has no \n → no need to match across
  block boundaries → the existing per-text-node TreeWalker scan
   (which is already in the code and was the s82 design) just
  works against the new drawer UI. The search engine code is
  reused verbatim. The drawer is purely a UI change.

  ---
  So the corrected and simpler design:
  character indices back to DOM positions via the parallel array; construct a
  Range that may span multiple DOM text nodes; pass to CSS Custom Highlight for
  rendering. Ephemeral construction — built per search, never written to DOM, no
   parallel state.

  It's no longer needed. With the paste-handler approach you proposed: the Find
  textarea is guaranteed \n-free at all times → the regex string has no \n → no
  need to match across block boundaries → the existing per-text-node TreeWalker
  textarea is guaranteed \n-free at all times → the regex string has no \n → no need
  to match across block boundaries → the existing per-text-node TreeWalker scan (which
   is already in the code and was the s82 design) just works against the new drawer
  UI. The search engine code is reused verbatim. The drawer is purely a UI change.

  ---
  So the corrected and simpler design:

  1. Pipeline tightening (cleanup stage): unify _trim_lines +
  _collapse_interior_whitespace into one readable function; add _tabs_to_spaces;
  consider _parse_blocks rename for _build_blocks; add fail-loud assertion at
  render_transcript_html (no \t, \n, or double-space in output).
  1. Pipeline tightening (cleanup stage): unify _trim_lines +
  _collapse_interior_whitespace into one readable function; add _tabs_to_spaces;
  consider _parse_blocks rename for _build_blocks; add fail-loud assertion at
  render_transcript_html (no \t, \n, or double-space in output).
  2. Find/Replace drawer: BBEdit-style UI; existing per-text-node scan unchanged; Find
   textarea has a paste handler that strips \n from clipboard content (THE fix for the
   cross-block-paste UX problem).
  3. Stash cleanup: delete _legacy_grid_era_editor.js and _legacy_js_undo.js; remove
  the dangling comment reference in edit.html.

  No virtual-text, no offset-map, no cross-block search engine. Existing search code
  reused.