claude-home 1.5.36 → 1.5.37

package/README.md

@@ -29,6 +29,14 @@ Claude can save notes directly from any session — just say "save this as a not
 
 Direct links (`#/note/filename`) let you open a specific note instantly.
 
+**Note linking** — write `#slug` inside a note to link it to another, creating a network of connected notes. Backlinks appear automatically at the bottom of each note. An autocomplete dropdown appears as you type `#` in the editor.
+
+**Related notes** — notes with similar vocabulary are suggested below backlinks, using cosine similarity on tokenized content.
+
+**Scratch pad** — a session-only notepad (⚡) pinned at the top of the sidebar. Nothing is persisted until you hit *Save as note…*
+
+**Clipboard capture** — opening *New note* automatically pre-fills the content with whatever is in your clipboard.
+
 ### Projects
 Visual overview of all your Claude projects with session count, token usage, cost, and memory files. Drill into any project to browse its sessions, memory entries, and `CLAUDE.md` files.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-home",
-  "version": "1.5.36",
+  "version": "1.5.37",
   "description": "Web dashboard for Claude Code — browse sessions, manage skills, hooks, commands, and agents",
   "main": "server.js",
   "bin": {

package/public/index.html

@@ -484,6 +484,76 @@
     .md-content th { background: var(--canvas); font-weight: 600; }
     .md-content hr { border: none; border-top: 1px solid var(--rule); margin: 10px 0; }
 
+    /* Scratch row */
+    .scratch-row {
+      border-bottom: 1px solid var(--rule);
+      background: color-mix(in srgb, var(--canvas) 60%, var(--white));
+    }
+    .scratch-row.active { background: color-mix(in srgb, var(--blue) 6%, var(--white)); }
+
+    /* Note-to-note links */
+    .note-ref-link {
+      color: var(--blue);
+      background: color-mix(in srgb, var(--blue) 8%, transparent);
+      border: 1px solid color-mix(in srgb, var(--blue) 20%, transparent);
+      border-radius: 3px;
+      padding: 0 4px;
+      font-size: 0.92em;
+      text-decoration: none;
+      cursor: pointer;
+    }
+    .note-ref-link:hover { background: color-mix(in srgb, var(--blue) 15%, transparent); }
+
+    /* Backlinks */
+    .note-backlinks {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      flex-wrap: wrap;
+      padding: 14px 20px;
+      border-top: 1px solid var(--rule);
+      margin-top: 8px;
+    }
+    .note-backlinks-label { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; color: var(--ink-3); margin-right: 2px; }
+    .note-backlink-chip {
+      font-size: 11px;
+      background: var(--canvas);
+      border: 1px solid var(--rule-2);
+      border-radius: 20px;
+      padding: 2px 9px;
+      cursor: pointer;
+      color: var(--ink-2);
+    }
+    .note-backlink-chip:hover { border-color: var(--blue); color: var(--blue); }
+    .note-related-chip { color: var(--ink-3); border-style: dashed; }
+    .note-related-chip:hover { border-color: var(--ink-2); color: var(--ink); border-style: solid; }
+
+    /* Note editor autocomplete */
+    .note-autocomplete {
+      position: absolute;
+      bottom: calc(100% + 4px);
+      left: 0;
+      background: var(--white);
+      border: 1px solid var(--rule-2);
+      border-radius: 6px;
+      box-shadow: 0 4px 12px rgba(0,0,0,.12);
+      z-index: 200;
+      min-width: 220px;
+      overflow: hidden;
+    }
+    .note-autocomplete-item {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 6px 10px;
+      font-size: 12px;
+      cursor: pointer;
+      color: var(--ink);
+    }
+    .note-autocomplete-item.active, .note-autocomplete-item:hover { background: var(--canvas); }
+    .note-ac-hash { color: var(--blue); font-weight: 600; }
+    .note-ac-title { color: var(--ink-3); font-size: 11px; margin-left: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
     /* Collapsibles */
     .collapsible {
       border: 1px solid var(--rule);
@@ -2708,17 +2778,22 @@
                 <button class="btn btn-sm" style="background:var(--red-dim,#3a1a1a);color:var(--red);border:1px solid var(--red)" @click="deletePersonalNote()">Delete</button>
               </div>
             </template>
-            <button class="btn btn-primary btn-sm" @click="noteCreating=true;noteNewTitle='';noteNewBody=''">+ New note</button>
+            <button class="btn btn-primary btn-sm" @click="openNewNote()">+ New note</button>
           </div>
         </div>
 
         <!-- New note form -->
         <template x-if="noteCreating">
           <div style="padding:16px 20px;border-bottom:1px solid var(--rule);background:var(--canvas-2)">
-            <input class="settings-input" type="text" placeholder="Note title…" x-model="noteNewTitle" style="width:100%;margin-bottom:8px;font-size:13px" @keydown.enter="createPersonalNote()" />
-            <textarea class="settings-input" placeholder="Content (optional)…" x-model="noteNewBody" rows="3" style="width:100%;resize:vertical;font-size:12px;font-family:inherit"></textarea>
+            <input class="settings-input" type="text" placeholder="Note title…" x-model="noteNewTitle" style="width:100%;margin-bottom:8px;font-size:13px" @keydown.enter="createPersonalNote()" x-init="$nextTick(()=>$el.focus())" />
+            <div style="position:relative">
+              <textarea class="settings-input" placeholder="Content (optional)…" x-model="noteNewBody" rows="3" style="width:100%;resize:vertical;font-size:12px;font-family:inherit"></textarea>
+              <template x-if="noteFromClipboard">
+                <span style="position:absolute;top:6px;right:8px;font-size:10px;background:var(--canvas);border:1px solid var(--rule-2);border-radius:3px;padding:1px 5px;color:var(--ink-3);pointer-events:none">from clipboard</span>
+              </template>
+            </div>
             <div style="display:flex;gap:8px;margin-top:8px;justify-content:flex-end">
-              <button class="btn btn-sm btn-outline" @click="noteCreating=false">Cancel</button>
+              <button class="btn btn-sm btn-outline" @click="noteCreating=false;noteFromClipboard=false">Cancel</button>
               <button class="btn btn-primary btn-sm" @click="createPersonalNote()" :disabled="noteSaving||!noteNewTitle.trim()">Create</button>
             </div>
           </div>
@@ -2738,31 +2813,23 @@
               </div>
             </div>
           </template>
-          <template x-if="!personalNotesLoading && personalNotes.length === 0">
-            <div style="max-width:480px;margin:40px auto;padding:0 24px;text-align:center">
-              <div style="font-size:28px;margin-bottom:12px">✎</div>
-              <div style="font-size:15px;font-weight:600;margin-bottom:8px">Your personal notepad</div>
-              <div style="font-size:13px;color:var(--ink-3);margin-bottom:24px;line-height:1.6">Notes are <strong>for you</strong>, not for Claude. Claude won't read them as context or memory — they're a place to capture what matters to you across your sessions.</div>
-              <div style="background:var(--canvas-2);border:1px solid var(--rule);border-radius:8px;padding:16px;text-align:left;margin-bottom:20px">
-                <div style="font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px">Try saying to Claude</div>
-                <div style="display:flex;flex-direction:column;gap:7px">
-                  <div style="font-size:12px"><span style="font-family:monospace;background:var(--canvas);border:1px solid var(--rule);padding:2px 6px;border-radius:4px">"Save this as a note"</span></div>
-                  <div style="font-size:12px"><span style="font-family:monospace;background:var(--canvas);border:1px solid var(--rule);padding:2px 6px;border-radius:4px">"Save this last output as a note"</span></div>
-                  <div style="font-size:12px"><span style="font-family:monospace;background:var(--canvas);border:1px solid var(--rule);padding:2px 6px;border-radius:4px">"Add this decision to my notes"</span></div>
-                  <div style="font-size:12px"><span style="font-family:monospace;background:var(--canvas);border:1px solid var(--rule);padding:2px 6px;border-radius:4px">"Save this as a TIL"</span></div>
-                  <div style="font-size:12px"><span style="font-family:monospace;background:var(--canvas);border:1px solid var(--rule);padding:2px 6px;border-radius:4px">"Show me my last note"</span></div>
-                  <div style="font-size:12px"><span style="font-family:monospace;background:var(--canvas);border:1px solid var(--rule);padding:2px 6px;border-radius:4px">"What notes do I have?"</span></div>
-                  <div style="font-size:12px"><span style="font-family:monospace;background:var(--canvas);border:1px solid var(--rule);padding:2px 6px;border-radius:4px">"Show me my notes"</span> <span style="font-size:11px;color:var(--ink-3)">→ http://localhost:3141</span></div>
-                </div>
-              </div>
-              <div style="font-size:11px;color:var(--ink-3)">Or create a note manually with the <strong>+ New note</strong> button above.</div>
-            </div>
-          </template>
-          <template x-if="!personalNotesLoading && personalNotes.length > 0">
+          <template x-if="!personalNotesLoading">
             <div class="memory-layout">
               <div class="memory-sidebar" :style="'width:'+sidebarW+'px'">
+                <!-- Scratch — always pinned at top -->
+                <div class="plan-row scratch-row" :class="{active: scratchActive}" @click="scratchActive=true;selectedNote=null;noteEditing=false;window.location.hash=''">
+                  <div style="display:flex;align-items:center;gap:5px">
+                    <span style="font-size:11px;opacity:.7">⚡</span>
+                    <span style="font-size:12.5px;font-weight:500">Scratch</span>
+                    <span style="font-size:10px;color:var(--ink-3);margin-left:2px">session only</span>
+                  </div>
+                  <div x-show="scratchContent.length > 0" style="font-size:10px;color:var(--ink-3)" x-text="scratchContent.slice(0,40) + (scratchContent.length>40?'…':'')"></div>
+                </div>
+                <template x-if="personalNotes.length > 0">
+                  <div style="border-top:1px solid var(--rule);margin:4px 0"></div>
+                </template>
                 <template x-for="n in personalNotes.filter(n => !noteSearch || n.title.toLowerCase().includes(noteSearch.toLowerCase()) || n.content.toLowerCase().includes(noteSearch.toLowerCase()))" :key="n.filename">
-                  <div class="plan-row" :class="{active: selectedNote?.filename === n.filename}" @click="selectedNote=n;noteEditing=false;window.location.hash='#/note/'+n.filename">
+                  <div class="plan-row" :class="{active: selectedNote?.filename === n.filename}" @click="selectedNote=n;scratchActive=false;noteEditing=false;window.location.hash='#/note/'+n.filename">
                     <div class="plan-row-title" x-text="n.title"></div>
                     <div class="plan-row-meta">
                       <span x-text="formatDate(n.modified)"></span>
@@ -2773,7 +2840,20 @@
               </div>
               <div class="resize-handle" @mousedown.prevent="startResize($event)"></div>
               <div class="memory-detail">
-                <template x-if="!selectedNote">
+                <!-- Scratch detail -->
+                <template x-if="scratchActive">
+                  <div style="display:flex;flex-direction:column;height:100%;gap:10px">
+                    <div style="display:flex;align-items:center;justify-content:space-between;flex-shrink:0">
+                      <span style="font-size:11px;color:var(--ink-3)">⚡ Not saved · cleared on page reload</span>
+                      <div style="display:flex;gap:8px">
+                        <button class="btn btn-sm btn-outline" @click="scratchContent='';sessionStorage.removeItem('cs:scratch')" x-show="scratchContent.length>0">Clear</button>
+                        <button class="btn btn-primary btn-sm" @click="promoteScratch()" :disabled="!scratchContent.trim()">Save as note…</button>
+                      </div>
+                    </div>
+                    <textarea class="settings-input" x-model="scratchContent" @input="sessionStorage.setItem('cs:scratch',scratchContent)" style="flex:1;resize:none;font-family:monospace;font-size:12px;min-height:0;width:100%" placeholder="Scratch pad — nothing here is persisted. Use ↑ Save as note to keep it."></textarea>
+                  </div>
+                </template>
+                <template x-if="!scratchActive && !selectedNote">
                   <div style="padding:24px;max-width:380px">
                     <div style="font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink)">Your personal notepad</div>
                     <div style="font-size:12px;color:var(--ink-3);margin-bottom:16px;line-height:1.6">Notes are <strong>for you</strong>, not for Claude. He won't read them as context — they're yours to capture, review and revisit.</div>
@@ -2793,17 +2873,45 @@
                     <div class="memory-detail-title" x-text="selectedNote.title"></div>
                     <div class="memory-detail-meta">
                       <span style="font-size:11px;color:var(--ink-3)" x-text="formatDate(selectedNote.modified)"></span>
-                      <template x-if="selectedNote.session">
+                      <template x-if="selectedNote.session && selectedNote.session.length >= 32">
                         <span style="font-size:11px;color:var(--blue);cursor:pointer" @click="openSessionById(selectedNote.session)" x-text="'→ Session ' + selectedNote.session.slice(0,8) + '…'"></span>
                       </template>
                     </div>
-                    <div class="memory-content md-content" x-html="selectedNote.content ? renderMd(selectedNote.content) : '<span style=\'color:var(--ink-3)\'>Empty note. Click Edit to add content.</span>'"></div>
+                    <div class="memory-content md-content" @click="handleNoteLinkClick($event)" x-html="selectedNote.content ? renderNotesMd(selectedNote.content) : '<span style=\'color:var(--ink-3)\'>Empty note. Click Edit to add content.</span>'"></div>
+                    <template x-if="noteBacklinks(selectedNote).length > 0">
+                      <div class="note-backlinks">
+                        <span class="note-backlinks-label">Referenced by</span>
+                        <template x-for="bl in noteBacklinks(selectedNote)" :key="bl.filename">
+                          <span class="note-backlink-chip" @click="selectedNote=bl;noteEditing=false;window.location.hash='#/note/'+bl.filename" x-text="bl.title"></span>
+                        </template>
+                      </div>
+                    </template>
+                    <template x-if="noteRelated(selectedNote).length > 0">
+                      <div class="note-backlinks">
+                        <span class="note-backlinks-label">Related</span>
+                        <template x-for="rn in noteRelated(selectedNote)" :key="rn.filename">
+                          <span class="note-backlink-chip note-related-chip" @click="selectedNote=rn;noteEditing=false;window.location.hash='#/note/'+rn.filename" x-text="rn.title"></span>
+                        </template>
+                      </div>
+                    </template>
                   </div>
                 </template>
                 <template x-if="selectedNote && noteEditing">
-                  <div style="display:flex;flex-direction:column;height:100%;gap:10px">
+                  <div style="display:flex;flex-direction:column;height:100%;gap:10px;position:relative">
                     <input class="settings-input" type="text" x-model="noteTitleDraft" style="font-size:14px;font-weight:600;width:100%" />
-                    <textarea class="settings-input" x-model="noteBodyDraft" style="flex:1;resize:none;font-family:monospace;font-size:12px;min-height:300px;width:100%"></textarea>
+                    <div style="position:relative;flex:1;display:flex;flex-direction:column">
+                      <textarea class="settings-input note-body-ta" x-model="noteBodyDraft" @input="noteEditorInput($event)" @keydown="noteEditorKeydown($event)" @blur="setTimeout(()=>noteAutocomplete.visible=false,150)" style="flex:1;resize:none;font-family:monospace;font-size:12px;min-height:300px;width:100%"></textarea>
+                      <template x-if="noteAutocomplete.visible">
+                        <div class="note-autocomplete">
+                          <template x-for="(n, i) in noteAutocomplete.results" :key="n.filename">
+                            <div class="note-autocomplete-item" :class="{active: i===noteAutocomplete.pos}" @mousedown.prevent="noteAutocompleteSelect(n)">
+                              <span class="note-ac-hash">#</span><span x-text="n.filename.replace(/\.md$/,'').replace(/^\d{4}-\d{2}-\d{2}-/,'')"></span>
+                              <span class="note-ac-title" x-text="n.title"></span>
+                            </div>
+                          </template>
+                        </div>
+                      </template>
+                    </div>
                   </div>
                 </template>
               </div>
@@ -4478,6 +4586,10 @@
         noteNewBody: '',
         noteClaudeInstalled: null,
         noteSetupMsg: '',
+        noteAutocomplete: { visible: false, query: '', results: [], pos: 0 },
+        noteFromClipboard: false,
+        scratchContent: sessionStorage.getItem('cs:scratch') || '',
+        scratchActive: false,
         sidebarW: parseInt(localStorage.getItem('cm:sidebarW') || '260'),
         historyEntries: [],
         historyLoading: false,
@@ -4626,7 +4738,11 @@
           if (savedFrom) this.filterFrom = savedFrom;
           if (savedTo)   this.filterTo   = savedTo;
 
-          this.$watch('view',          v => localStorage.setItem('cs:view',       v));
+          this.$watch('view', v => {
+            localStorage.setItem('cs:view', v);
+            if (v !== 'notes' && window.location.hash.startsWith('#/note/')) window.location.hash = '';
+            if (v !== 'sessions' && window.location.hash.startsWith('#/session/')) window.location.hash = '';
+          });
           this.$watch('filterProject', v => localStorage.setItem('cs:project',    v));
           this.$watch('filterBranch',  v => localStorage.setItem('cs:branch',     v));
           this.$watch('filterText',    v => localStorage.setItem('cs:filterText', v));
@@ -5043,6 +5159,108 @@
 
         renderMd(text) { try { return marked.parse(text); } catch { return text; } },
 
+        renderNotesMd(text) {
+          const processed = text.replace(/(^|[^&\w])#([a-zA-Z][\w-]+)/g, (match, pre, slug) => {
+            const note = this.personalNotes.find(n => {
+              const base = n.filename.replace(/\.md$/, '');
+              const slugPart = base.replace(/^\d{4}-\d{2}-\d{2}-/, '');
+              return slugPart === slug || base === slug;
+            });
+            if (!note) return match;
+            return `${pre}[#${slug}](#/note/${note.filename})`;
+          });
+          let html;
+          try { html = marked.parse(processed); } catch { html = processed; }
+          // Mark note-ref links so we can style/intercept them
+          html = html.replace(/href="#\/note\//g, 'class="note-ref-link" href="#/note/');
+          return html;
+        },
+
+        handleNoteLinkClick(e) {
+          const a = e.target.closest('a.note-ref-link');
+          if (!a) return;
+          e.preventDefault();
+          const filename = a.getAttribute('href').replace('#/note/', '');
+          const note = this.personalNotes.find(n => n.filename === filename);
+          if (note) { this.selectedNote = note; this.noteEditing = false; window.location.hash = '#/note/' + filename; }
+        },
+
+        noteTokens(note) {
+          const STOP = new Set(['the','a','an','and','or','but','in','on','at','to','for','of','with','by','from','is','are','was','were','be','been','have','has','had','do','does','did','will','would','could','should','may','might','that','this','it','its','as','if','not','no','so','up','out','de','la','el','en','que','se','los','las','un','una','con','por','para','como','más','una','sus','del','al','lo','le','les','nos','pero','fue','si','ya','también','este','esta','estos','estas','hay','una']);
+          const text = (note.title + ' ' + (note.content || '')).toLowerCase();
+          return new Set(text.match(/[a-záéíóúüñ]{3,}/g)?.filter(w => !STOP.has(w)) || []);
+        },
+
+        noteRelated(note, limit = 4) {
+          if (!note) return [];
+          const ta = this.noteTokens(note);
+          if (ta.size === 0) return [];
+          const backlinked = new Set(this.noteBacklinks(note).map(n => n.filename));
+          return this.personalNotes
+            .filter(n => n.filename !== note.filename && !backlinked.has(n.filename))
+            .map(n => {
+              const tb = this.noteTokens(n);
+              const shared = [...ta].filter(w => tb.has(w)).length;
+              const score = shared / Math.sqrt(ta.size * tb.size);
+              return { note: n, score };
+            })
+            .filter(x => x.score > 0.08)
+            .sort((a, b) => b.score - a.score)
+            .slice(0, limit)
+            .map(x => x.note);
+        },
+
+        noteBacklinks(note) {
+          if (!note) return [];
+          const slug = note.filename.replace(/\.md$/, '').replace(/^\d{4}-\d{2}-\d{2}-/, '');
+          const fullBase = note.filename.replace(/\.md$/, '');
+          return this.personalNotes.filter(n => {
+            if (n.filename === note.filename) return false;
+            return n.content && (n.content.includes('#' + slug) || n.content.includes('#' + fullBase));
+          });
+        },
+
+        noteEditorInput(e) {
+          const ta = e.target;
+          const val = ta.value;
+          const pos = ta.selectionStart;
+          // Find # trigger: look back from cursor for #word (no spaces)
+          const before = val.slice(0, pos);
+          const m = before.match(/#([a-zA-Z][\w-]*)$/);
+          if (m) {
+            const query = m[1].toLowerCase();
+            const results = this.personalNotes.filter(n => {
+              const base = n.filename.replace(/\.md$/, '').replace(/^\d{4}-\d{2}-\d{2}-/, '');
+              return base.includes(query) || n.title.toLowerCase().includes(query);
+            }).slice(0, 6);
+            this.noteAutocomplete = { visible: results.length > 0, query: m[1], results, pos: 0 };
+          } else {
+            this.noteAutocomplete.visible = false;
+          }
+        },
+
+        noteEditorKeydown(e) {
+          const ac = this.noteAutocomplete;
+          if (!ac.visible) return;
+          if (e.key === 'ArrowDown') { e.preventDefault(); ac.pos = Math.min(ac.pos + 1, ac.results.length - 1); }
+          else if (e.key === 'ArrowUp') { e.preventDefault(); ac.pos = Math.max(ac.pos - 1, 0); }
+          else if (e.key === 'Enter' || e.key === 'Tab') { e.preventDefault(); this.noteAutocompleteSelect(ac.results[ac.pos]); }
+          else if (e.key === 'Escape') { ac.visible = false; }
+        },
+
+        noteAutocompleteSelect(note) {
+          const slug = note.filename.replace(/\.md$/, '').replace(/^\d{4}-\d{2}-\d{2}-/, '');
+          const ta = document.querySelector('textarea.note-body-ta');
+          if (!ta) return;
+          const pos = ta.selectionStart;
+          const before = ta.value.slice(0, pos);
+          const after = ta.value.slice(pos);
+          const replaced = before.replace(/#([a-zA-Z][\w-]*)$/, '#' + slug);
+          this.noteBodyDraft = replaced + after;
+          this.noteAutocomplete.visible = false;
+          this.$nextTick(() => { ta.focus(); ta.selectionStart = ta.selectionEnd = replaced.length; });
+        },
+
         renderInlineCode(text) {
           const esc = text
             .replace(/&/g, '&amp;').replace(/</g, '&lt;')
@@ -5530,6 +5748,28 @@
           setTimeout(() => this.planShareMsg = '', 5000);
         },
 
+        async openNewNote() {
+          this.noteNewTitle = '';
+          this.noteNewBody = '';
+          this.noteFromClipboard = false;
+          this.noteCreating = true;
+          try {
+            const text = await navigator.clipboard.readText();
+            if (text && text.trim().length > 0) {
+              this.noteNewBody = text.trim();
+              this.noteFromClipboard = true;
+            }
+          } catch (e) { /* clipboard access denied or empty */ }
+        },
+
+        promoteScratch() {
+          this.noteNewTitle = '';
+          this.noteNewBody = this.scratchContent;
+          this.noteFromClipboard = false;
+          this.scratchActive = false;
+          this.noteCreating = true;
+        },
+
         async loadPersonalNotes() {
           if (this.personalNotesLoading) return;
           this.personalNotesLoading = true;

package/server.js

@@ -1928,13 +1928,14 @@ When the user asks you to "save a note", "add to notes", "guarda esto como nota"
      ---
      title: <descriptive title>
      date: <current ISO date>
-     session: <current session ID if known>
+     session: <run: ls -t ~/.claude/projects/$(pwd | sed 's|/|-|g' | sed 's|^-||')/*.jsonl 2>/dev/null | head -1 | xargs basename 2>/dev/null | sed 's/\.jsonl//'>
      ---
 
      <the content the user wants to save>
      \`\`\`
-2. Use the Write tool to create the file (not Bash).
-3. Confirm with: "Saved to Notes: http://localhost:3141/#/note/<filename>"
+2. **Note linking**: If the note references concepts that likely exist in other notes, use \`#slug\` syntax to link them. The slug is the part of the filename after the date (\`2026-03-31-\`**\`my-slug\`**\`.md\` → \`#my-slug\`). To discover existing notes and their slugs, \`Glob ~/.claude/claude-home/notes/*.md\` before writing.
+3. Use the Write tool to create the file (not Bash).
+4. Confirm with: "Saved to Notes: http://localhost:3141/#/note/<filename>"
 
 The notes directory may not exist yet — the app creates it automatically on first load.