# Plan: Rich Content Components Doc Page ## Context `docs/rich-content.html` follows the same structure as `docs/data-visualization.html` and `docs/filterable-lists.html`. Covers the rich content components: `markdown`, `graph` (mermaid), `img`, `canvas`, `file-browser`. These components render documents, images, diagrams, and pixel graphics in the terminal. The file browser requires `read` permission. No network permissions needed for the examples. ## Page Structure | # | Section | Component | Example file | |---|---------|-----------|-------------| | 1 | Markdown | `` | `docs/examples/content/markdown.melker` | | 2 | Mermaid diagrams | `` | `docs/examples/content/mermaid.melker` | | 3 | Images | `` | `docs/examples/content/img.melker` | | 4 | Canvas | `` | `docs/examples/content/canvas.melker` | | 5 | File browser | `` | `docs/examples/content/file-browser.melker` | | 6 | Markdown props | `` | (code-only, no separate example) | | 7 | Diagram types | `` | (code-only) | | 8 | File browser props | `` | (code-only) | ## Files | File | Purpose | |------|---------| | `docs/rich-content.html` | The doc page | | `docs/examples/content/markdown.melker` | Markdown viewer with `src` and `onLink` | | `docs/examples/content/mermaid.melker` | Mermaid flowchart with subgraphs | | `docs/examples/content/img.melker` | Image display with `melker-128.png` logo | | `docs/examples/content/canvas.melker` | Canvas drawing with bars, circle, text | | `docs/examples/content/file-browser.melker` | File browser in a dialog | | `docs/examples/content/sample.md` | Sample markdown rendered by the markdown example | ## Example .melker Files Each example is self-contained. Uses `