Document dragging media from navigation tree

editor/pages.mdx

@@ -27,11 +27,12 @@
   <img src="/images/editor/mode-toggle-dark.png" alt="The mode toggle in the editor toolbar." className="hidden dark:block" />
 </Frame>
 
-**Visual mode** shows a real-time preview as you type. Press <kbd>/</kbd> to open the component menu and insert components, images, videos, and other content. You can also drag and drop media files directly onto the page. Other shortcuts:
+**Visual mode** shows a real-time preview as you type. Press <kbd>/</kbd> to open the component menu and insert components, images, videos, and other content. You can also drag and drop media files directly onto the page from your computer or from the navigation tree. Other shortcuts:
 
 - **Insert a link**: Select text and press <kbd>Cmd</kbd> + <kbd>K</kbd> (macOS) or <kbd>Ctrl</kbd> + <kbd>K</kbd> (Windows), or drag a page from the navigation tree into the editor to create a link with the page title.
+- **Insert media from your project**: Drag an image or video from the navigation tree into the page to embed it inline. Supported formats include PNG, JPG, JPEG, GIF, WebP, SVG, MP4, and WebM.
 - **Insert an emoji**: Type <kbd>:</kbd> followed by a keyword to open the emoji picker.
 - **Edit a table**: When your cursor is inside a table, use the floating toolbar to add or remove rows and columns, or merge cells.
 
 **Markdown mode** gives you direct access to the MDX source. Use it for precise control over component properties and frontmatter.
 
@@ -56,7 +57,7 @@
 
 ### Table of contents
 
 In visual mode, the editor shows a minimap on the right side of the page that reflects the heading structure of your document. Hover over the minimap to expand it into a full table of contents. Click any heading to scroll to that section.
 
 ### Code block options
 
@@ -69,9 +70,9 @@
 
 ## Review changes before publishing
 
 Open the publish menu and click any changed file to enter diff view. The editor highlights differences between your draft and the last published version. If you're in visual mode, you see a visual diff; if you're in Markdown mode, you see a Markdown diff.
 
 Diff view is read-only. Click the <Icon icon="x" /> button next to the mode toggle to return to editing.
 
 ## Manage pages
 
@@ -88,7 +89,7 @@
 
 Hover over a page and click the gear icon, or right-click and select **Settings**, to configure:
 
 - **Title**, **Slug**, and **Sidebar title**: Control how the page appears in navigation and its URL.
 - **Description** and **Keywords**: Improve search and SEO.
 - **Layout**: Choose from standard, wide, centered, or custom.
 
@@ -100,8 +101,10 @@
 
 Type <kbd>/image</kbd> to upload a new image or select an existing one from your repository. Type <kbd>/video</kbd> to upload or select a video.
 
 You can also drag and drop files from your computer directly onto a page. In visual mode, the file inserts inline. In Markdown mode, the editor inserts the file path at your cursor position. Images save to your `images/` folder and videos to `videos/`.
 
+To reuse media that already lives in your project, drag an image or video file from the navigation tree onto the page. The editor embeds the asset inline.
+
 ### Light and dark image variants
 
 After inserting an image in visual mode, hover over it to reveal the image toolbar. Use **Light/dark variants** to upload separate images for light and dark mode.