Editor

Write in one pane while the preview keeps the structure honest.

The route stays calm on purpose: muted framing, direct parse feedback, and one shared renderer instead of decorative panel chrome.

Route focus

Flow: Draft at full width on mobile, then split into adjacent writing and preview panes on larger screens.
Feedback: Preview state, line counts, and source excerpt stay visible without adding a second control bar.
Boundary: The route reuses the rebuilt editor and renderer foundations instead of layering on page-specific chrome.

Authoring flow

Side by side on desktop, stacked without losing the thread on mobile.

The workbench below stays inside the rebuilt foundations, so the route can feel quieter without replacing the editor contract.

That keeps the draft, live preview, and parse signals aligned with the rest of the shell instead of turning the page into a control dashboard.

Draft

MarkRight working draft

A quieter editor foundation keeps the writing surface direct while the chrome stays useful.

Status: Live preview
Engine: CodeMirror
Words: 47
Lines: 9

Writing surface

CodeMirror holds the draft with the same muted border-led language as the rest of the shell.

Adjacent preview

Shared preview hooks stay visible now so the later route redesign can focus on composition.

Editor preview

MarkRight working draft

A quieter editor foundation keeps the writing surface direct while the chrome stays useful.

Draft

Muted live structure

The foundation stays explicit about document state so later route work can change layout without replacing the editor contract.

A quieter editor foundation keeps the writing surface direct while the chrome stays useful.

Status: Live preview
Engine: CodeMirror
Words: 47
Lines: 9

[ ] Tighten the opening argument
[x] Keep the route shell flat
[x] Feed the later editor redesign

Source

Current draft excerpt

right

# MarkRight working draft

A quieter editor foundation keeps the writing surface direct while the chrome stays useful.

- [ ] Tighten the opening argument
- [x] Keep the route shell flat
- [x] Feed the later editor redesign

N> Preview and editor foundations should stay durable.

What stays fixed

The redesign lowers the chrome, not the clarity.

Live preview follows the current draft through the shared preview pipeline from Task 5.
The editor stays on CodeMirror from Task 6, so the redesign only changes composition and tone.
Parse feedback remains explicit through the same status, word, and line signals already exposed by the foundation.