叶纸便签 - Leafy Note | Web Page Note & Journal & Annotations 🍃

## ✨ Core Features ### 🎯 1. Freely Adjustable Notes - **Drag to reposition**: hold the panel header and drag the note anywhere on the page - **Three-way resizing**: resize from the right edge, the bottom edge, or the bottom-right corner - **Pointer / panel dual mode**: collapses into a floating pointer by default; click to expand into a full note; auto-collapses when the page scrolls, and stays put once pinned - **Quick editing**: click the title or the panel to edit; saves on blur - **One-click management**: pin to focus, jump back to the original page, AI polish / revert, delete, and more ### 🌐 2. Flexible Mounting Modes Decide where your notes appear, with five modes that can be combined as needed: | Mode | Matching rule | | ------ | ------------------------------------------------- | | Global | Show on every webpage | | Domain | Match a specific origin only | | Exact | Match the URL exactly | | Prefix | Match one or more URL prefixes (array) | | Regex | Fine-grained control via multiple regexes (array) | ### 📝 3. A Powerful Markdown Editing Experience - **Live preview**: `textarea` + `react-markdown`, with a one-click toggle between edit and preview - **Formulae and diagrams**: KaTeX mathematical formulae and Mermaid diagrams built in - **Rich elements**: GFM tables, task lists, footnotes, raw HTML and embedded video - **Syntax highlighting**: `react-syntax-highlighter` (Prism) covers mainstream languages ### 🤖 4. AI Smartness - **One-click polish**: select a note, click the Sparkles icon and let a cloud LLM rewrite the content for you - **Keep the draft**: revert to the original text with a single click after polishing — what you see is what you get ### ⚡️ 5. Handy Entry Points - **Keyboard shortcut**: `Alt + Shift + I` (`⌥ + Shift + I` on macOS) to insert a note quickly - **Context menu**: right-click anywhere on a webpage to create a note - **Side Panel**: manage all notes from the sidebar, with full-text search and per-page grouping - **Toolbar badge**: the number of notes on the current tab is shown live on the extension icon ### 🛡️ 6. Data Safety - **Local storage**: backed by `chrome.storage.local`, so nothing is mislaid when you close the browser - **AES-GCM encryption**: note contents are encrypted on disk with AES-GCM, preventing direct reads by scripts - **Style isolation**: notes are rendered inside a Shadow DOM, so they never clash with the host page's styles ### 🌍 7. Multilingual and Multi-platform - **Chinese and English**: ships with `zh-CN` / `en`; auto-selects based on the browser language, with a manual override that is persisted - **Light and dark themes**: follow the system or switch manually