# Audible3 Live Visual Editor

This production build adds a front-end visual page editor for authenticated administrators.

## Using the live editor

1. Sign in as an administrator.
2. Visit any editable public page.
3. Click **Edit Page** at the bottom-right of the page.
4. Click text directly on the page to edit it in place. Paragraph breaks are preserved.
5. Hover a section to reveal its section toolbar.
6. Use **Background** to upload a background image directly to that section.
7. Use **+ Add** or the bottom **+** control to insert a section before or after the current section.
8. Use **Section** for full section settings, media uploads, links, book selection, and other fields.
9. Use **Save** or **Edit Done** when finished. Changes are saved through the existing administrator site-state API.

## Section library

- Banner
- Text Block
- Video Player
- Featured Book
- Book Grid
- Image
- Button
- Contact Form
- Spacer
- Library
- Membership
- My Collection
- Profile
- Billing
- Sign In

## Section tools

Each live section supports section settings, background-image upload, insert before/after, move up/down, duplicate, and delete. Controls only render for authenticated administrators while Edit Page mode is active.

## Uploads

Backgrounds and images use protected administrator uploads. Video sections support direct video upload to `/uploads/media/`. The server's existing upload limit applies.