feat: GitHub Desktop-style Changes view — filenames, status icons, auto-diff

In Changes view, the note list now shows:
- Filesystem filename (e.g. `my-note.md`) instead of the note title
- Change type icon on the right: · (modified), + (added/untracked), − (deleted), R (renamed)
- Clicking a file auto-triggers diff mode via the existing diffToggleRef

Other views (Inbox, All Notes, types, folders) are unaffected.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

.claude/commands/laputa-next-task.md

@@ -7,8 +7,12 @@ Priority order: **To Rework** first, then **Open** (sorted by Todoist priority p
 ## Steps
 
 1. Fetch tasks from To Rework (`6g6QqvR9rRpvJWvv`), then Open (`6g3XjWR832hVHhCM`)
-2. Sort each section by priority (p1 highest)
-3. Take the first available task
+2. **Sort by priority — this is mandatory.** Todoist returns tasks in arbitrary order. You must sort them yourself:
+   - Todoist priority field: `4` = p1 (urgent), `3` = p2, `2` = p3, `1` = p4
+   - Sort descending by `priority` field (4 first, 1 last)
+   - To Rework tasks always come before Open tasks regardless of priority
+   - **Never pick a p3/p4 task if a p1/p2 task exists in the same section**
+3. Take the first task from the sorted list
 4. Move it to In Progress (`6g3XjWjfmJFcGgHM`) via Todoist API:
 
 ```bash

CLAUDE.md

@@ -107,6 +107,27 @@ Default to `demo-vault-v2/`. If you must use `~/Laputa/` for testing: **never co
 2. Design in light mode. Create `design/<slug>.pen` for the task
 3. On completion: merge frames into `ui-design.pen`, delete `design/<slug>.pen`
 
+### UI components — mandatory rules
+
+**Always use shadcn/ui components.** Never use raw HTML form elements (`<input>`, `<select>`, `<button>`, native `<input type="date">`, etc.) for user-facing UI. Every interactive element must use the shadcn/ui equivalent:
+
+| Need | Use |
+|---|---|
+| Text input | `Input` from shadcn/ui |
+| Dropdown/select | `Select` from shadcn/ui |
+| Date picker | `Calendar` + `Popover` from shadcn/ui (NOT native `<input type="date">`) |
+| Button | `Button` from shadcn/ui |
+| Autocomplete/combobox | Reuse existing combobox components from the app (check `src/components/`) |
+| Wikilink picker | Reuse the wikilink autocomplete component already used in the editor and Properties panel |
+| Emoji picker | Reuse the emoji picker component already used for note/type icons |
+| Color picker | Reuse the color swatch picker used for type customization |
+| Toggle/switch | `Switch` or `ToggleGroup` from shadcn/ui |
+| Dialog/modal | `Dialog` from shadcn/ui |
+
+**When in doubt:** search `src/components/` for an existing component that does what you need before building a new one. The app already has many reusable pieces — use them.
+
+**Visual language:** all new UI must feel native to Laputa. Take inspiration from `ui-design.pen` and existing components. If something looks like a browser default, it's wrong.
+
 ---
 
 ## 4. Reference

adr.md

@@ -0,0 +1,10 @@
+---
+type: Type
+"sidebar label": ADRs
+icon: article
+color: red
+title: Adr
+---
+
+# ADR
+

custom-views-as-yml-files-with-client-side-filter-engine.md

@@ -0,0 +1,5 @@
+---
+title: Custom views as .yml files with client-side filter engine
+type: Note
+status: Active
+---

demo-vault-v2/.gitignore

@@ -0,0 +1,16 @@
+# Laputa app files (machine-specific, never commit)
+.laputa/settings.json
+
+# macOS
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Thumbnails
+._*
+
+# Editors
+.vscode/
+.idea/
+*.swp
+*.swo

demo-vault-v2/career-tracks-depend-on-company-shape.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 343
+type: Note
+status: Active
+---

demo-vault-v2/final-title.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 342
+type: Note
+status: Active
+---

demo-vault-v2/renamed-title-xyz.md

@@ -1,6 +0,0 @@
----
-title: Renamed Title XYZ
-type: Note
-status: Active
----
-# Renamed Title XYZ

demo-vault-v2/responsive-rename-test.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 345
+type: Note
+status: Active
+---

demo-vault-v2/test-note-abc.md

@@ -1,6 +0,0 @@
----
-title: Test Note ABC
-type: Note
-status: Active
----
-# Test Note ABC

demo-vault-v2/theme/minimal.md

@@ -12,8 +12,7 @@ secondary-foreground: "#111111"
 muted: "#F5F5F5"
 muted-foreground: "#666666"
 accent: "#F0F0F0"
-accent-foreground: "#111111"
-destructive: "#CC0000"
+accent-foreground: destructive: "#CC0000"
 border: "#E0E0E0"
 input: "#E0E0E0"
 ring: "#000000"
@@ -47,8 +46,8 @@ font-size-base: 13px
 editor-font-size: 15
 editor-line-height: 1.6
 editor-max-width: 680
+title: Minimal
 ---
-
 # Minimal
 
 High contrast, minimal chrome. Monospace typography throughout.

demo-vault-v2/untitled-area-10.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 10
+type: Area
+status: Active
+---
+
+# Untitled area 10
+

demo-vault-v2/untitled-area-11.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 11
+type: Area
+status: Active
+---
+
+# Untitled area 11
+

demo-vault-v2/untitled-area-12.md

@@ -0,0 +1,10 @@
+---
+title: Untitled area 12
+type: Area
+status: Active
+---
+# Untitled area 12
+
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-area-13.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 13
+type: Area
+status: Active
+---
+
+# Untitled area 13
+

demo-vault-v2/untitled-area-14.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 14
+type: Area
+status: Active
+---
+
+# Untitled area 14
+

demo-vault-v2/untitled-area-15.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 15
+type: Area
+status: Active
+---
+
+# Untitled area 15
+

demo-vault-v2/untitled-area-16.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 16
+type: Area
+status: Active
+---
+
+# Untitled area 16
+

demo-vault-v2/untitled-area-17.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 17
+type: Area
+status: Active
+---
+
+# Untitled area 17
+

demo-vault-v2/untitled-area-18.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 18
+type: Area
+status: Active
+---
+
+# Untitled area 18
+

demo-vault-v2/untitled-area-2.md

@@ -0,0 +1,6 @@
+---
+title: Untitled area 2
+type: Area
+status: Active
+---
+# Untitled area 2

demo-vault-v2/untitled-area-3.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 3
+type: Area
+status: Active
+---
+
+# Untitled area 3
+

demo-vault-v2/untitled-area-4.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 4
+type: Area
+status: Active
+---
+
+# Untitled area 4
+

demo-vault-v2/untitled-area-5.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 5
+type: Area
+status: Active
+---
+
+# Untitled area 5
+

demo-vault-v2/untitled-area-6.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 6
+type: Area
+status: Active
+---
+
+# Untitled area 6
+

demo-vault-v2/untitled-area-7.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 7
+type: Area
+status: Active
+---
+
+# Untitled area 7
+

demo-vault-v2/untitled-area-8.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 8
+type: Area
+status: Active
+---
+
+# Untitled area 8
+

demo-vault-v2/untitled-area-9.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area 9
+type: Area
+status: Active
+---
+
+# Untitled area 9
+

demo-vault-v2/untitled-area.md

@@ -0,0 +1,8 @@
+---
+title: Untitled area
+type: Area
+status: Active
+---
+
+# Untitled area
+

demo-vault-v2/untitled-experiment-2.md

@@ -3,20 +3,12 @@ title: Untitled experiment 3
 type: Experiment
 status: Active
 ---
-
 # Untitled experiment 2
 
 ## Hypothesis
 
-
-
 ## Method
 
-
-
 ## Results
 
-
-
 ## Conclusion
-

demo-vault-v2/untitled-note-10.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 10
+type: Note
+status: Active
+---
+
+# Untitled note 10
+

demo-vault-v2/untitled-note-100-md-renamed.md

@@ -0,0 +1,11 @@
+---
+title: Untitled note 100
+type: Project
+status: Active
+---
+
+# untitled-note-100.md Renamed
+
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-101.md

@@ -0,0 +1,10 @@
+---
+title: Untitled note 101
+type: Note
+status: Active
+---
+# Untitled note 101
+
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-102.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 102
+type: Note
+status: Active
+---
+
+# Untitled note 102
+

demo-vault-v2/untitled-note-103.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 103
+type: Note
+status: Active
+---
+
+# Untitled note 103
+

demo-vault-v2/untitled-note-104.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 104
+type: Note
+status: Active
+---
+# Untitled note 104My Custom H1 Heading

demo-vault-v2/untitled-note-105-md-renamed.md

@@ -0,0 +1,11 @@
+---
+title: Untitled note 105
+type: Project
+status: Active
+---
+
+# untitled-note-105.md Renamed
+
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-106.md

@@ -0,0 +1,10 @@
+---
+title: Untitled note 106
+type: Note
+status: Active
+---
+# Untitled note 106
+
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-107.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 107
+type: Note
+status: Active
+---
+
+# Untitled note 107
+

demo-vault-v2/untitled-note-108.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 108
+type: Note
+status: Active
+---
+
+# Untitled note 108
+

demo-vault-v2/untitled-note-109.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 109
+type: Note
+status: Active
+---
+# Untitled note 109My Custom H1 Heading

demo-vault-v2/untitled-note-11.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 11
+type: Note
+status: Active
+---
+
+# Untitled note 11
+

demo-vault-v2/untitled-note-110-md-renamed.md

@@ -0,0 +1,11 @@
+---
+title: Untitled note 110
+type: Project
+status: Active
+---
+
+# untitled-note-110.md Renamed
+
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-111.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 111
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-112.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 112
+type: Note
+status: Active
+---
+
+# Untitled note 112
+

demo-vault-v2/untitled-note-113.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 113
+type: Note
+status: Active
+---
+
+# Untitled note 113
+

demo-vault-v2/untitled-note-114.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 114
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-115-md-renamed.md

@@ -0,0 +1,11 @@
+---
+title: Untitled note 115
+type: Project
+status: Active
+---
+
+# untitled-note-115.md Renamed
+
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-116.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 116
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-117.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 117
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-118.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 118
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-119.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 119
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-12.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 12
+type: Note
+status: Active
+---
+
+# Untitled note 12
+

demo-vault-v2/untitled-note-120.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 120
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-121-md-renamed.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 121
+type: Project
+status: Active
+---
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-122.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 122
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-123.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 123
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-124.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 124
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-125.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 125
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-126.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 126
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-127-md-renamed.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 127
+type: Project
+status: Active
+---
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-128.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 128
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-129.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 129
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-13.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 13
+type: Note
+status: Active
+---
+# Untitled note 13My Custom H1 Heading

demo-vault-v2/untitled-note-130.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 130
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-131.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 131
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-132-md-renamed.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 132
+type: Project
+status: Active
+---
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-133.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 133
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-134.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 134
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-135.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 135
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-136.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 136
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-137-md-renamed.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 137
+type: Project
+status: Active
+---
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-138.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 138
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-139.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 139
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-14.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 14
+type: Note
+status: Active
+---
+# Untitled note 14My Custom H1 Heading

demo-vault-v2/untitled-note-140.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 140
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-141.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 141
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-142-md-renamed.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 142
+type: Project
+status: Active
+---
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-143.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 143
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-144.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 144
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-145.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 145
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-146.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 146
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-147.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 147
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-148-md-renamed.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 148
+type: Project
+status: Active
+---
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-149.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 149
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-15-md-renamed.md

@@ -0,0 +1,11 @@
+---
+title: Untitled note 15
+type: Project
+status: Active
+---
+
+# untitled-note-15.md Renamed
+
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-150.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 150
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-151.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 151
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-152.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 152
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-153-md-renamed.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 153
+type: Project
+status: Active
+---
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-154.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 154
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-155.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 155
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-156.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 156
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-157.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 157
+type: Note
+status: Active
+---
+My Custom H1 Heading

demo-vault-v2/untitled-note-158-md-renamed.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 158
+type: Project
+status: Active
+---
+
+
+Appended by raw editor test

demo-vault-v2/untitled-note-159.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 159
+type: Note
+status: Active
+---
+[[2024-03|March 2024]]
+
+[[2024-03|March 2024]]

demo-vault-v2/untitled-note-16.md

@@ -0,0 +1,8 @@
+---
+title: Untitled note 16
+type: Note
+status: Active
+---
+
+# Untitled note 16
+

demo-vault-v2/untitled-note-160.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 160
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-161.md

@@ -0,0 +1,5 @@
+---
+title: Untitled note 161
+type: Note
+status: Active
+---

demo-vault-v2/untitled-note-162.md

@@ -0,0 +1,6 @@
+---
+title: Untitled note 162
+type: Note
+status: Active
+---
+My Custom H1 Heading