Refactor footer and improve commit UX (#6)

* Refactor footer and improve commit UX.

- Move GitStatus to Footer component with full commit workflow
- Add inline commit input (similar to search pattern)
- Fix markdown syntax displaying in note titles
- Place commit button next to settings for better organization
- Resolve "0" rendering bug when no uncommitted changes

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* Improve commit UX and fix UI flickering.

- Add helpful placeholder text to commit input (shows Enter/Esc shortcuts)
- Replace clear button with submit button in commit input
- Make commit button toggle input open/closed
- Make settings shortcut (⌘,) toggle settings page
- Move push button to right side with action buttons
- Add grayed CloudCheck icon when synced with remote
- Simplify changes text (remove confusing count)
- Fix status flickering during git operations (stale-while-revalidate pattern)
- Add React.memo to Footer to prevent unnecessary re-renders

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* Enhance command palette, add image support, and refactor settings.

Command palette improvements: add icons to commands, display first letter of note titles in serif font, conditionally show note-specific commands only when a note is selected, and remove non-working git commit command from palette (available in footer).

Add image handling: support pasting images from clipboard and inserting images from disk, with automatic copying to assets folder and proper Tauri asset URL handling.

Convert link editor styling from CSS classes to inline Tailwind for better maintainability.

Refactor settings page: consolidate appearance and git settings into a unified editor settings section with Select component.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* Add toast notifications, delete confirmations, and improve UX.

- Add Sonner toast notifications with theme integration
- Add delete confirmation dialogs using Radix AlertDialog
- Fix copy functionality to use Tauri clipboard-manager API
- Simplify git commit with automatic "Quick commit from Scratch" message
- Remove commit input UI from footer for cleaner interface
- Fix nbsp; display issue in command palette previews
- Configure toasts with neutral theme colors at bottom-right
- Add success/error toasts for copy, commit, and push operations

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* Styling General Settings

* Settings and dark mode styling

* Fix editor performance and note switching race conditions

- Fix listener leak in file watcher causing performance degradation
- Replace auto-reload with manual refresh for external changes (Cmd+R)
- Add debounced refreshNotes to prevent sidebar blocking typing
- Fix content saving to wrong note during flush on note switch
- Fix note switching not loading new content after save
- Add content comparison to distinguish rename from switch
- Remove isDirty state to eliminate extra render cycles

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Address code review feedback: security, error handling, and accessibility fixes

- Add re-entry guard to prevent duplicate commits in Footer
- Fix markdown image/link regex order in utils.ts
- Restrict assetProtocol scope in tauri.conf.json for security
- Add async error handling to delete operations in CommandPalette and NoteList
- Add validated numeric input handling with clamping in EditorSettingsSection
- Add FileReader onerror handler and URL scheme validation in Editor
- Replace direct Tauri plugin calls with invoke commands in GeneralSettingsSection
- Add new Tauri commands: open_folder_dialog, reveal_in_file_manager, open_url_safe
- Fix Tab navigation in Settings by removing tabIndex from Input component
- Scope Tab trap to notes view only in App.tsx for accessibility
- Update README and CLAUDE.md with additional keyboard shortcuts and commands

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Improve search: Tantivy for command palette, index external changes, strip markdown in preview

- Add Tantivy full-text search to command palette (local state, doesn't affect sidebar)
- Update file watcher to index external file changes in Tantivy
- Fix fallback search to search full content, not just title/preview
- Strip markdown formatting from note preview (headers, bold, italic, links, etc.)
- Fix regex panic by removing unsupported look-around assertions
- Add keyboard navigation improvements (stopPropagation) to command palette
- Disable spellcheck/autocorrect on command palette input
- Add regex dependency for markdown stripping

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Remove command counts from documentation

Makes the documentation more maintainable by not requiring
count updates when commands are added or removed.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Fix async blocking and add cross-platform file manager support

- open_folder_dialog: Wrap blocking_pick_folder in spawn_blocking
  to avoid blocking the async runtime
- reveal_in_file_manager: Add platform-specific implementations
  for macOS (open -R), Windows (explorer /select), and Linux (xdg-open)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Update remote instructions copy

* Add guards and improve cross-platform labels

- save_clipboard_image: Guard against empty base64 payloads and
  zero-byte decoded data to prevent creating empty files
- handleAddRemote: Add isAddingRemote check to prevent concurrent
  submissions when user double-clicks or presses Enter multiple times
- Change "Open in Finder" to platform-neutral "Open Folder" label

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Fix list marker regex and use async file I/O in fallback search

- Add '*' to list marker regex pattern (previously only matched '-' and '+')
- Convert fallback_search to async using tokio::fs::read_to_string
- Update search_notes to async, properly dropping mutex before await
- Adjust editor top padding

Co-authored-by: Cursor <cursoragent@cursor.com>

* Update Readme

* Update app icon image

---------

Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>
Co-authored-by: Cursor <cursoragent@cursor.com>

Author: 3 people

CLAUDE.md

@@ -66,7 +66,7 @@ scratch/
 │   └── main.tsx                    # React root & providers
 ├── src-tauri/                      # Rust backend
 │   ├── src/
-│   │   ├── lib.rs                  # 19 Tauri commands, state, file watcher, search
+│   │   ├── lib.rs                  # Tauri commands, state, file watcher, search
 │   │   └── git.rs                  # Git CLI wrapper (8 commands)
 │   ├── capabilities/default.json   # Tauri permissions config
 │   └── Cargo.toml                  # Rust dependencies
@@ -92,7 +92,7 @@ All backend operations go through Tauri commands defined in `src-tauri/src/lib.r
 The settings page provides UI for:
 
 - Theme mode (light/dark/system)
-- Editor typography (font family, size, bold weight)
+- Editor typography (font family, size, line height, bold weight)
 - Git integration (optional)
 
 Power users can edit the settings JSON directly to customize colors.
@@ -137,7 +137,7 @@ TipTap editor with extensions and features:
 - `NoteList` - Scrollable list with context menu and smart date formatting
 - `SettingsPage` - Tabbed settings (General, Appearance, Git)
 
-### Tauri Commands (19 total)
+### Tauri Commands
 
 **Note Management:** `list_notes`, `read_note`, `save_note`, `delete_note`, `create_note`
 
@@ -149,7 +149,9 @@ TipTap editor with extensions and features:
 
 **Git:** `git_is_available`, `git_get_status`, `git_init_repo`, `git_commit`, `git_push`, `git_add_remote`, `git_push_with_upstream`
 
-**Utilities:** `copy_to_clipboard`
+**Utilities:** `copy_to_clipboard`, `copy_image_to_assets`, `save_clipboard_image`
+
+**UI Helpers:** `open_folder_dialog`, `reveal_in_file_manager`, `open_url_safe` (URL scheme validated)
 
 ### Search Implementation
 
@@ -183,6 +185,9 @@ Current capabilities include:
 - `Cmd+N` - New note
 - `Cmd+P` - Command palette
 - `Cmd+K` - Add/edit link (when in editor)
+- `Cmd+R` - Reload current note (pull external changes)
+- `Cmd+,` - Toggle settings
+- `Cmd+\` - Toggle sidebar
 - `Cmd+B/I` - Bold/Italic
 - Arrow keys - Navigate note list (when focused)
 

README.md

@@ -1,19 +1,25 @@
 # Scratch
 
+<img src="docs/app-icon.png" alt="Scratch" width="128" height="128" style="border-radius: 22px; margin-bottom: 8px;">
+
 A minimalist, offline-first markdown note-taking app for Mac.
 
-![Scratch](https://img.shields.io/badge/platform-macOS-lightgrey)
+![macOS](https://img.shields.io/badge/platform-macOS-lightgrey)
 
 ## Features
 
 - **Offline-first** - No cloud, no account, no internet required
 - **Markdown-based** - Notes stored as plain `.md` files you own
 - **WYSIWYG editing** - Rich text editing that saves as markdown
-- **Works with AI agents** - Live-syncing markdown files perfect for external editing
+- **Works with AI agents** - Detects external file changes and refreshes on demand
 - **Full-text search** - Fast search with command palette
 - **Git integration** - Optional version control for your notes
 - **Customizable** - Theme (light/dark/system) and editor typography settings
 
+## Screenshot
+
+![Screenshot](docs/screenshot.png)
+
 ## Installation
 
 ### From Source
@@ -45,13 +51,16 @@ The built app will be in `src-tauri/target/release/bundle/`.
 
 Scratch is designed to be usable without a mouse. Here are the essentials to get started:
 
-| Shortcut  | Action          |
-| --------- | --------------- |
-| `Cmd+N`   | New note        |
-| `Cmd+P`   | Command palette |
-| `Cmd+K`   | Add/edit link   |
-| `Cmd+B/I` | Bold/Italic     |
-| `↑/↓`     | Navigate notes  |
+| Shortcut  | Action              |
+| --------- | ------------------- |
+| `Cmd+N`   | New note            |
+| `Cmd+P`   | Command palette     |
+| `Cmd+K`   | Add/edit link       |
+| `Cmd+R`   | Reload current note |
+| `Cmd+,`   | Open settings       |
+| `Cmd+\`   | Toggle sidebar      |
+| `Cmd+B/I` | Bold/Italic         |
+| `↑/↓`     | Navigate notes      |
 
 Many more shortcuts and features are available in the app—explore via the command palette (`Cmd+P`).
 

docs/app-icon.png

@@ -10,9 +10,11 @@
     "tauri": "tauri"
   },
   "dependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tauri-apps/api": "^2",
+    "@tauri-apps/plugin-clipboard-manager": "^2.3.2",
     "@tauri-apps/plugin-dialog": "^2.6.0",
     "@tauri-apps/plugin-opener": "^2",
     "@tiptap/extension-image": "^3.18.0",
@@ -28,6 +30,7 @@
     "clsx": "^2.1.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tippy.js": "^6.3.7"
   },

docs/screenshot.png

@@ -13,7 +13,7 @@ crate-type = ["staticlib", "cdylib", "rlib"]
 tauri-build = { version = "2", features = [] }
 
 [dependencies]
-tauri = { version = "2", features = [] }
+tauri = { version = "2", features = ["protocol-asset"] }
 tauri-plugin-opener = "2"
 tauri-plugin-fs = "2"
 tauri-plugin-dialog = "2"
@@ -24,3 +24,7 @@ anyhow = "1"
 notify = "6"
 tantivy = "0.22"
 tokio = { version = "1", features = ["fs", "sync"] }
+base64 = "0.22"
+url = "2"
+open = "5"
+regex = "1"

package-lock.json

@@ -7,6 +7,8 @@
     "core:default",
     "core:window:allow-start-dragging",
     "opener:default",
+    "opener:allow-open-url",
+    "opener:allow-reveal-item-in-dir",
     "fs:default",
     "fs:allow-read",
     "fs:allow-write",