feat(app): add local image import workflows

[murongg]

Summary

• Add a local image import flow that saves selected system images into the document image location and inserts Markdown image references.
• Support dragging image assets from the file tree into the editor, including Tauri/WebView fallbacks when native editor drop payloads are unreliable.
• Support system image file drops into the editor without copying them into assets, preserving the dropped local path reference.
• Improve image-drop editor behavior: blank-line replacement, stable selection after insertion, duplicate drop/dragend guarding, and path encoding for special characters.

Why

• Provides the P0 local image workflow while keeping the existing image insertion behavior.
• Refs [Feature]: 关于图片管理的建议 #366.

Validation

• pnpm vitest run src/components/MarkdownFileTreeDrawer.test.tsx passed
• pnpm vitest run src/App.test.tsx passed
• pnpm vitest run src/components/MarkdownPaper.test.tsx passed
• pnpm --filter @markra/shared test passed
• pnpm --filter @markra/app typecheck:test passed
• pnpm --filter @markra/editor typecheck:test passed
• pnpm --filter @markra/shared typecheck:test passed
• git diff --check passed
• git diff --cached --check passed

Risk

• Desktop drag/drop behavior can vary by platform and WebView; the implementation includes custom MIME, plain Markdown, native file-drop, and dragend fallbacks. Not run: additional manual desktop QA after the final cleanup pass.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
markra-web	Ready	Preview, Comment	Jun 22, 2026 12:58am