claude-home 1.6.0 → 1.6.1

package/README.md

@@ -17,6 +17,8 @@ Claude Code is powerful but headless. Everything lives in files scattered across
 ### Sessions
 Browse every conversation you've had with Claude. Search by content, filter by project or branch, resume from where you left off, export as Markdown, or publish as a public GitHub Gist. Direct shareable links (`#/session/...`) let you bookmark or share specific conversations.
 
+**Session snapshot** — save a structured summary of any conversation as a note. Opens the **Export** menu and click *Snapshot → Note*. The note includes project/branch/date metadata, a numbered list of all your prompts, and an empty *Notes* section for your annotations. Tagged `snapshot` automatically with a backlink to the original session.
+
 ### Today
 A daily task list that lives alongside your Claude work. Add tasks, provide context (hours available, meetings, energy), and hit **Copy for Claude** to get a formatted prompt ready to paste for prioritization. Uncompleted tasks carry over automatically to the next day.
 

package/package.json

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

package/public/index.html

@@ -496,6 +496,8 @@
     }
     .note-folder-row:hover { background: var(--canvas); }
     .note-folder-row:hover .note-folder-rename-btn { opacity: 1 !important; }
+    .note-folder-row:hover .note-folder-delete-btn { opacity: 1 !important; }
+    .note-folder-delete-btn:hover { color: var(--red) !important; }
     .note-folder-icon { font-size: 8px; color: var(--ink-3); }
     .note-folder-name { flex: 1; font-weight: 500; }
     .note-folder-count { font-size: 10px; color: var(--ink-3); background: var(--canvas); border: 1px solid var(--rule); border-radius: 10px; padding: 0 5px; }
@@ -2450,7 +2452,7 @@
                 <button class="export-drop-item" @click="copySessionMd(); exportDropOpen=false">Copy as Markdown</button>
                 <button class="export-drop-item" @click="shareSession(); exportDropOpen=false" :disabled="!!shareMsg"><span x-text="shareMsg || 'Publish to Gist'"></span></button>
                 <button class="export-drop-item" @click="navigator.clipboard.writeText(location.origin+location.pathname+'#/session/'+selectedSession.projectDir+'/'+selectedSession.sessionId);exportDropOpen=false">Copy local link</button>
-                <button class="export-drop-item" @click="saveNoteFromSession();exportDropOpen=false">Save as note</button>
+                <button class="export-drop-item" @click="snapshotSession();exportDropOpen=false" :disabled="snapshottingSession" x-text="snapshottingSession ? 'Saving…' : 'Snapshot → Note'"></button>
                 <div style="height:1px;background:var(--rule);margin:4px 0"></div>
                 <button class="export-drop-item" style="color:var(--red)" @click="deleteSession();exportDropOpen=false" x-show="!deletingSession">Delete session</button>
               </div>
@@ -2966,6 +2968,10 @@
                           <span style="font-size:10px;color:var(--ink-3);padding:0 2px;opacity:0;transition:opacity .15s" class="note-folder-rename-btn"
                             @click.stop="noteRenamingFolder=f;noteRenameFolderDraft=f" title="Rename">✎</span>
                         </template>
+                        <template x-if="noteRenamingFolder !== f">
+                          <span style="font-size:10px;color:var(--ink-3);padding:0 1px;opacity:0;transition:opacity .15s" class="note-folder-delete-btn"
+                            @click.stop="deletingFolder=f" title="Delete folder">✕</span>
+                        </template>
                         <template x-if="noteRenamingFolder === f">
                           <button class="btn btn-sm btn-primary" style="padding:1px 7px;font-size:11px" @click.stop="renameFolderConfirm(f)">OK</button>
                         </template>
@@ -3068,14 +3074,24 @@
                   <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>
-                    <div style="font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px">Ask Claude to save one</div>
-                    <div style="display:flex;flex-direction:column;gap:6px">
+                    <div style="font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px">Capture</div>
+                    <div style="display:flex;flex-direction:column;gap:5px;margin-bottom:14px">
                       <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Save this as a note"</code>
-                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Save this last output as a note"</code>
+                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Save this as a TIL in my notes"</code>
                       <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Add this decision to my notes"</code>
-                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Save this as a TIL"</code>
+                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Save this in my <em>project</em> notes folder"</code>
+                    </div>
+                    <div style="font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px">Organise</div>
+                    <div style="display:flex;flex-direction:column;gap:5px;margin-bottom:14px">
+                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Tag my last note as <em>bug</em> and <em>auth</em>"</code>
+                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Move the note about X to the <em>project</em> folder"</code>
+                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Pin my runbook note"</code>
+                    </div>
+                    <div style="font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px">Retrieve &amp; act</div>
+                    <div style="display:flex;flex-direction:column;gap:5px">
                       <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Show me my last note"</code>
-                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"What notes do I have?"</code>
+                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"What notes do I have tagged <em>bug</em>?"</code>
+                      <code style="font-size:11px;background:var(--canvas-2);border:1px solid var(--rule);padding:3px 7px;border-radius:4px;display:block">"Add the first step of my deploy note to today's tasks"</code>
                     </div>
                   </div>
                 </template>
@@ -4684,6 +4700,24 @@
 
   </div>
 
+  <!-- Delete folder modal -->
+  <template x-if="deletingFolder !== null">
+    <div class="memory-new-modal" @click.self="deletingFolder=null">
+      <div class="memory-new-form" style="width:360px">
+        <h3>Borrar carpeta "<span x-text="deletingFolder"></span>"</h3>
+        <p style="font-size:12px;color:var(--ink-2);line-height:1.5;margin-bottom:20px">
+          Contiene <strong x-text="personalNotes.filter(n=>(n.folder??'')===deletingFolder).length"></strong> nota(s).
+          ¿Borras también las notas o las dejas sueltas (sin carpeta)?
+        </p>
+        <div style="display:flex;gap:8px;justify-content:flex-end">
+          <button class="btn btn-sm btn-outline" @click="deletingFolder=null">Cancelar</button>
+          <button class="btn btn-sm" style="background:var(--canvas-2,#f5f5f5);border:1px solid var(--rule);color:var(--ink)" @click="deleteFolderConfirm('orphan')">Soltar notas</button>
+          <button class="btn btn-sm" style="background:var(--red-dim,#3a1a1a);color:var(--red);border:1px solid var(--red)" @click="deleteFolderConfirm('delete')">Borrar todo</button>
+        </div>
+      </div>
+    </div>
+  </template>
+
   <!-- New Memory modal -->
   <template x-if="memoryNewModal">
     <div class="memory-new-modal" @click.self="memoryNewModal=false">
@@ -4779,6 +4813,7 @@
         selectedPlan: null,
         plansSearch: '',
         deletingSession: false,
+        snapshottingSession: false,
         exportDropOpen: false,
         exportMsg: '',
         cleanMode: true,
@@ -4819,6 +4854,7 @@
         noteFolders: [],
         noteRenamingFolder: null,
         noteRenameFolderDraft: '',
+        deletingFolder: null,
         noteTagMenu: null,
         noteTagRenaming: false,
         noteTagRenameDraft: '',
@@ -5489,6 +5525,29 @@
           this.noteRenameFolderDraft = '';
         },
 
+        async deleteFolderConfirm(action) {
+          const folder = this.deletingFolder;
+          if (!folder) return;
+          const res = await fetch(`/api/notes/folders/${encodeURIComponent(folder)}?action=${action}`, {
+            method: 'DELETE',
+          }).then(r => r.json()).catch(() => null);
+          if (!res?.ok) { alert(res?.error || 'Error al borrar la carpeta'); return; }
+          this.noteFolders = this.noteFolders.filter(f => f !== folder);
+          if (action === 'orphan') {
+            for (const n of this.personalNotes) {
+              if ((n.folder ?? '') === folder) { n.folder = ''; n.path = n.filename; }
+            }
+            if (this.selectedNote?.folder === folder) {
+              this.selectedNote.folder = ''; this.selectedNote.path = this.selectedNote.filename;
+            }
+          } else {
+            this.personalNotes = this.personalNotes.filter(n => (n.folder ?? '') !== folder);
+            if (this.selectedNote?.folder === folder) { this.selectedNote = null; this.noteEditing = false; }
+          }
+          if (this.noteFolderPath === folder) { this.noteFolderPath = ''; this.selectedNote = null; }
+          this.deletingFolder = null;
+        },
+
         noteAllTags() {
           const counts = {};
           const scoped = this.personalNotes.filter(n => (n.folder ?? '') === this.noteFolderPath);
@@ -6234,21 +6293,23 @@
           window.location.hash = `#/note/${updated.path}`;
         },
 
-        async saveNoteFromSession() {
-          const title = this.selectedSession?.firstPrompt?.slice(0, 60) || 'Session note';
-          const sessionId = this.selectedSession?.sessionId || '';
-          const note = await fetch('/api/notes', {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ title, content: '', session: sessionId }),
-          }).then(r => r.json());
-          this.personalNotes.unshift(note);
-          this.selectedNote = note;
-          this.noteEditing = true;
-          this.noteTitleDraft = note.title;
-          this.noteBodyDraft = note.content;
-          this.view = 'notes';
-          this.selectedSession = null;
+        async snapshotSession() {
+          if (!this.selectedSession || this.snapshottingSession) return;
+          this.snapshottingSession = true;
+          try {
+            const { projectDir, sessionId } = this.selectedSession;
+            const note = await fetch(`/api/sessions/${projectDir}/${sessionId}/snapshot`, {
+              method: 'POST',
+            }).then(r => r.json());
+            if (note.error) { alert(note.error); return; }
+            if (!this.personalNotes.find(n => n.path === note.path)) this.personalNotes.unshift(note);
+            this.selectedNote = note;
+            this.noteEditing = false;
+            this.view = 'notes';
+            this.selectedSession = null;
+          } finally {
+            this.snapshottingSession = false;
+          }
         },
 
         async loadToday() {

package/server.js

@@ -1799,6 +1799,58 @@ app.get('/api/sessions/:project/:sessionId/export', async (req, res) => {
   } catch (e) { res.status(500).json({ error: e.message }); }
 });
 
+// POST /api/sessions/:project/:sessionId/snapshot — create a note with session summary
+app.post('/api/sessions/:project/:sessionId/snapshot', async (req, res) => {
+  const { project, sessionId } = req.params;
+  const filePath = path.join(PROJECTS_DIR, project, `${sessionId}.jsonl`);
+  if (!filePath.startsWith(PROJECTS_DIR)) return res.status(400).json({ error: 'invalid path' });
+  try {
+    const messages = await parseJsonl(filePath);
+    if (!messages.length) return res.status(404).json({ error: 'session not found or empty' });
+
+    // Extract metadata
+    const first = messages[0];
+    const branch = first.gitBranch || '';
+    const date = first.timestamp ? first.timestamp.slice(0, 10) : new Date().toISOString().slice(0, 10);
+
+    // Extract user prompts (skip <command-name> tool messages)
+    const prompts = [];
+    for (const m of messages) {
+      if (m.type !== 'user') continue;
+      const c = m.message?.content;
+      let text = '';
+      if (typeof c === 'string') text = c;
+      else if (Array.isArray(c)) {
+        text = c.filter(b => b.type === 'text' && !b.text?.includes('<command-name>')).map(b => b.text).join('\n');
+      }
+      text = text.trim();
+      if (text && text.length > 2) prompts.push(text);
+    }
+
+    const firstPrompt = prompts[0] || sessionId;
+    const title = `Snapshot: ${firstPrompt.slice(0, 60)}${firstPrompt.length > 60 ? '…' : ''}`;
+
+    const projectLabel = project.replace(/^-Users-[^-]+-/, '').replace(/-/g, '/');
+    const meta = [`**Project:** ${projectLabel}`, branch ? `**Branch:** ${branch}` : '', `**Date:** ${date}`, `**Session:** ${sessionId.slice(0, 8)}…`].filter(Boolean).join(' · ');
+
+    const promptList = prompts.map((p, i) => `${i + 1}. ${p.replace(/\n+/g, ' ').slice(0, 200)}${p.length > 200 ? '…' : ''}`).join('\n');
+
+    const content = `${meta}\n\n## Prompts\n\n${promptList}\n\n## Notes\n\n`;
+
+    ensureNotesDir();
+    const slug = firstPrompt.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '').slice(0, 40) || 'snapshot';
+    const datePrefix = date;
+    let filename = `${datePrefix}-snapshot-${slug}.md`;
+    let i = 1;
+    while (fs.existsSync(path.join(NOTES_DIR, filename))) { filename = `${datePrefix}-snapshot-${slug}-${i++}.md`; }
+    const tagsLine = `\ntags: [snapshot]`;
+    const sessionLine = `\nsession: ${sessionId}`;
+    const raw = `---\ntitle: ${title}\ndate: ${new Date().toISOString()}${sessionLine}${tagsLine}\n---\n\n${content}`;
+    fs.writeFileSync(path.join(NOTES_DIR, filename), raw, 'utf8');
+    res.json(parseNoteFile(filename));
+  } catch (e) { res.status(500).json({ error: e.message }); }
+});
+
 // ─── App settings (claude-home specific, not Claude's settings.json) ─────────
 const APP_SETTINGS_FILE = path.join(DATA_DIR, 'app-settings.json');
 
@@ -2078,6 +2130,31 @@ app.patch('/api/notes/folders/:name/rename', (req, res) => {
   } catch (e) { res.status(500).json({ error: e.message }); }
 });
 
+app.delete('/api/notes/folders/:name', (req, res) => {
+  ensureNotesDir();
+  const { name } = req.params;
+  const { action } = req.query; // 'delete' | 'orphan'
+  if (!name) return res.status(400).json({ error: 'name required' });
+  if (!['delete', 'orphan'].includes(action)) return res.status(400).json({ error: 'action must be delete or orphan' });
+  const folderPath = path.join(NOTES_DIR, name);
+  if (!folderPath.startsWith(NOTES_DIR + path.sep) && folderPath !== NOTES_DIR) return res.status(400).json({ error: 'invalid name' });
+  try {
+    if (!fs.existsSync(folderPath)) return res.status(404).json({ error: 'folder not found' });
+    const files = fs.readdirSync(folderPath).filter(f => f.endsWith('.md'));
+    if (action === 'orphan') {
+      for (const f of files) {
+        let dest = path.join(NOTES_DIR, f);
+        if (fs.existsSync(dest)) dest = path.join(NOTES_DIR, f.slice(0, -3) + '-orphaned.md');
+        fs.renameSync(path.join(folderPath, f), dest);
+      }
+    } else {
+      for (const f of files) fs.unlinkSync(path.join(folderPath, f));
+    }
+    try { fs.rmdirSync(folderPath); } catch {}
+    res.json({ ok: true, action, count: files.length });
+  } catch (e) { res.status(500).json({ error: e.message }); }
+});
+
 function rewriteNoteTags(notepath, updatedTags) {
   const filePath = path.join(NOTES_DIR, notepath);
   const existing = parseNoteFile(notepath);