Document Editor

The Editor is where generated content goes to become finished content. It's a minimal document manager with 7 one-click AI actions you can apply to any selection (or the whole document).

Layout

┌─────────────────┬────────────────────────────────────┐
│   Documents     │     Editor                         │
│                 │                                    │
│  + New          │   Title: My Blog Post              │
│                 │                                    │
│  • My Blog Post │   [ Editor surface ]               │
│  • Cold email   │                                    │
│  • Landing hero │                                    │
│                 │   Word count · Active provider     │
│                 │   AI actions toolbar               │
└─────────────────┴────────────────────────────────────┘

Left pane: the document list. Right pane: the current document.

Creating a document

Two ways:

1. Click + New in the sidebar. An empty document opens with placeholder title "Untitled document".
2. On the Generate page, click Save as Document after generating — the output becomes a new document with the template name as the title.

Editing

The editor is a plain textarea surface (v1). You can:

• Edit the title at the top (blurring saves automatically)
• Edit the content area freely
• Use the word / character counter at the bottom right to track length

AI actions

Seven buttons below the editor that transform the current document content:

Each action:

1. Sends the current content to /api/generate with a task-specific system prompt
2. Uses your active provider and model
3. Replaces the content with the result (the previous version is kept in browser history via undo)

Saving and deleting

• Auto-save — content and title save to localStorage on blur and after every keystroke (debounced 500ms).
• Delete — hover a document in the list and click the trash icon. A confirmation dialog prevents accidents.

Export

Use the action bar above the editor to:

• Copy — puts the content on the clipboard
• Download as .md — exports the content as a Markdown file named after the title

Keyboard shortcuts

Customization

Common edits to app/(dashboard)/editor/page.tsx:

• Add a new AI action — add an entry to the aiActions array with a label, icon, and systemPrompt.
• Change the model used for actions — by default it uses selectedModels[activeProvider]. You can hard-code a specific model (e.g. always use Claude for "Fix Grammar").
• Add tags or folders — extend the Document interface in lib/store.ts and render tag chips in the list.

Next: History →