Author Tools

Author Tools

Loaded only through the Author Server (runtime/author/bootstrap.js). Nothing is written into the formal page load. Reference: local-authoring.md.

Tool	Source	How
Direct edit	tools/direct-edit/	Author Tools → edit, Ctrl/⌘+click, change text or style, save → written to source HTML via /__prototype-author/edit
Mark	tools/mark/	Author Tools → Mark or M; Ctrl/⌘+click adds a pin; locate/delete/clear; Copy all → For AI exports feedback, selectors, HTML snapshots
Notes editor	tools/notes-editor/	Double-click title/body/header; Enter saves title/header, Ctrl+Enter (⌘+Enter) saves body, Esc cancels; +, edit, re-bind target, delete, drag to reorder
Inspector	tools/inspector/	Hold Alt+Shift, hover, click → opens IDE at the source line
Sketch board	sketch/	Sketch button in Author Tools → /sketch/?embed=1 overlay; see Sketch Board

edit and Mark are two tabs of one panel (shell/); element picking is shared in core/picker.js.

Platform gestures

• Windows/Linux: Ctrl+left-click selects; plain clicks pass through.
• macOS: ⌘+click preferred; Control+click (context-menu gesture) also selects.

Data

• Mark pins live in localStorage scoped to the page pathname; never in the snapshot or HTML, so no cleanup is needed before delivery. Clear and re-pin after big DOM changes.
• Inspector temporary tokens are injected per request and must never become exported selectors.

Review flow: review-mark.md.