feat(KB-226): add markdown preview to FileEditor

- Add markdown preview toggle to FileEditor with live preview pane
- Implement syntax-highlighted code blocks and responsive layout
- Add comprehensive tests for preview toggle and content rendering
- Update dashboard README with FileEditor usage documentation
- Add changeset for markdown preview feature
- Clean up obsolete changeset files
This commit is contained in:
gsxdsm
2026-03-30 18:41:12 -07:00
parent 8e8a540cb3
commit cd8a1e9779
5 changed files with 241 additions and 12 deletions

View File

@@ -138,10 +138,10 @@ Browse and edit task worktree files directly from the task detail modal:
- **Files Tab**: Available when a task has a worktree assigned
- **File Tree**: Navigate directories with breadcrumb-style path display
- **Code Editor**: Edit files with syntax highlighting powered by CodeMirror 6
- Supports TypeScript, JavaScript, JSON, CSS, Markdown, and more
- **Text Editor**: Edit files with a clean textarea-based editor
- Supports all text files with automatic syntax detection
- **Markdown Preview**: Toggle between edit and preview modes for `.md`, `.markdown`, and `.mdx` files
- One-dark theme matching the dashboard
- Auto-detects language from file extension
- **Safety Features**:
- Path traversal prevention (blocks `..` patterns)
- Binary file detection (prevents editing images, executables, etc.)