fixing lines overlapping

README.md

@@ -11,6 +11,7 @@ See what the agent changes, while it changes it — then hand it back exactly th
 [![React](https://img.shields.io/badge/React-18-18202B?style=flat-square)](https://react.dev)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.5-18202B?style=flat-square)](https://typescriptlang.org)
 [![Tests](https://img.shields.io/badge/tests-155%20passing-8FBFB4?style=flat-square)](#development)
+
 [![Vibe coded](https://img.shields.io/badge/vibe%20coded-100%25-E8913A?style=flat-square)](#fully-vibe-coded)
 
 <img src="docs/design/screenshots/Screenshot%202026-09-03%20at%2009.34.16.png" alt="The Helder workspace: source control, explorer, editor and the Claude Code agent in four columns" width="100%">
@@ -50,7 +51,7 @@ Four resizable columns, between a thin title bar and a status bar.
 |---|---|
 | **A · Source Control** | Commit box, staged list, changes list, per-file `+/−` counts |
 | **B · Explorer** | File tree with type icons and inline change badges |
-| **C · Editor** | Tabs, syntax highlighting, and four views of every changed file |
+| **C · Editor** | Tabs, syntax highlighting, and three views of every changed file |
 | **D · Agent + Shell** | A live Claude Code terminal over a normal shell |
 
 Every boundary is a splitter. Positions survive a restart, together with your open tabs and view modes.
@@ -67,15 +68,19 @@ Stack five of them, add your sentence, then press Enter once. Under the hood Hel
 
 Right-click gives you the same reference on the clipboard. The Explorer offers it at file level.
 
-### Four views of one change
+### Three views of one change
 
-Every changed file derives four views from one original-and-updated pair. `⌘M` cycles them.
+Every changed file derives three views from one original-and-updated pair. `⌘M` cycles them. A markdown file adds **Preview**.
 
-**Actual** · **Original** · **Diff** · **Split**
+**Actual** · **Original** · **Diff**
+
+**Actual** is the live buffer. It shows the file as it is now, with only the changed lines marked. Hover a marked line, and the whole original file appears over the agent column. It holds the matching scroll position, so the old line sits level with the new one.
+
+**Diff** goes full screen over the whole app. The original is on the left, the updated file is on the right, and the lines align. `Esc` returns to the view you came from.
 
 Added is teal, removed is amber-deep. There is no green and no red anywhere: the diff reads on shape and on a 2px rule, not on alarm.
 
-<img src="docs/design/screenshots/Screenshot%202026-09-03%20at%2009.34.30.png" alt="Split view: original on the left, updated on the right, with the changed line marked" width="100%">
+<img src="docs/design/screenshots/Screenshot%202026-09-03%20at%2009.34.30.png" alt="Diff view: original on the left, updated on the right, with the changed line marked" width="100%">
 
 ### Git, in the columns you already read
 
@@ -110,7 +115,7 @@ Press `?` in the title bar for the full list.
 | `⌘F` | Search contents and names |
 | `⌘→` | Pass the selection to the agent |
 | `⌘N` · `⌘P` | Open the project note · pass the whole note |
-| `⌘M` | Cycle Actual · Original · Diff · Split |
+| `⌘M` | Cycle Actual · Original · Diff |
 | `⌘C` · `⌘↵` | Focus the commit message · commit the staged files |
 | `⌘P` | Push the current branch |
 | `⌘S` | Save this file |