# MarkVault ◈ — Feature Overview > A complete inventory of what MarkVault does **as of today**. > MarkVault is a private, browser-based Markdown workspace with AI assistance, > cross-device cloud sync, document conversion, semantic search, private sharing, > and offline support — running entirely client-side with no build step. **Architecture at a glance:** the marketing/landing page is `index.html` (served at `/`); the actual workspace is `app.html`. Everything runs in the browser — files live in `localStorage`, optionally mirrored to Firebase Firestore (primary sync) and Supabase (comments + backup). AI, embeddings, and document conversion all use the user's own keys or run on-device. --- ## Table of Contents 1. [Markdown Rendering](#1-markdown-rendering) 2. [Editor](#2-editor) 3. [File & Vault Management](#3-file--vault-management) 4. [Linking & Knowledge Management](#4-linking--knowledge-management) 5. [Navigation & Search](#5-navigation--search) 6. [AI Features](#6-ai-features) 7. [Semantic Search & RAG](#7-semantic-search--rag-on-device) 7a. [Spaced-Repetition Flashcards](#7a-spaced-repetition-flashcards-sm-2-on-device) 7b. [Connections — Auto-Linking & Synthesis](#7b-connections--semantic-auto-linking--synthesis) 7c. [Vault Atlas — Topic Map & Health](#7c-vault-atlas--semantic-topic-map--health-audit) 7d. [Open Loops — Commitments Found in Your Prose](#7d-open-loops--commitments-found-in-your-prose) 7e. [Home — The Vault Dashboard](#7e-home--the-vault-dashboard) 8. [Document Conversion & Import](#8-document-conversion--import) 9. [Version History](#9-version-history) 10. [Voice Notes](#10-voice-notes) 11. [Sharing & Collaboration](#11-sharing--collaboration) 12. [Sync & Storage](#12-sync--storage) 13. [UI / UX](#13-ui--ux) 14. [Progressive Web App / Offline](#14-progressive-web-app--offline) 15. [Subscription & Monetization](#15-subscription--monetization) 16. [Analytics](#16-analytics) 17. [Keyboard Shortcuts](#17-keyboard-shortcuts) 18. [Free vs Pro at a Glance](#18-free-vs-pro-at-a-glance) 19. [Technology Stack](#19-technology-stack) --- ## 1. Markdown Rendering - **Full GitHub Flavored Markdown** — tables, task lists, strikethrough, autolinks. - **Syntax highlighting** for 200+ languages via highlight.js (Python, JS, Rust, Go, SQL, YAML, …). - **KaTeX math** — inline `$...$` and display `$$...$$`. - **Mermaid diagrams** — flowcharts, sequence, gantt, pie; theme-aware palette that follows the accent color; click any diagram to zoom & pan full-screen. - **GitHub-style callouts** — `> [!NOTE]`, `> [!TIP]`, `> [!WARNING]`, `> [!CAUTION]` (10 callout types), with **foldable** (`> [!TYPE]-`/`+` → `
`) and **custom-title** variants. - **YAML frontmatter** — `title / tags / type` parsed and shown as a clean metadata card (not raw text). - **Interactive checkboxes** — clicking a `- [ ]` in the preview toggles it and saves back to the file. - **Extended inline syntax** — `==highlight==`, `^superscript^`, `~subscript~`, and full `[^id]` footnotes with backreferences (code-span-safe). - **Dynamic tokens** expanded at render time — `{{toc}}`, `{{date}}`, `{{wordcount}}`, `{{readingtime}}`. - **Image & diagram lightbox** — scroll-to-zoom, drag-to-pan, double-click reset. - **External links** open in a new tab with an icon indicator; **heading anchor links** for deep-linking. - **XSS-safe** — all rendered HTML is sanitized with DOMPurify. --- ## 2. Editor - **CodeMirror 6** editor with Markdown syntax highlighting (graceful `