claude-home 1.5.31 → 1.5.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-home",
-  "version": "1.5.31",
+  "version": "1.5.35",
   "description": "Web dashboard for Claude Code — browse sessions, manage skills, hooks, commands, and agents",
   "main": "server.js",
   "bin": {
@@ -8,7 +8,7 @@
   },
   "files": [
     "bin/",
-    "server.js",
+"server.js",
     "public/",
     "marketplace.default.json",
     "README.md"

package/public/index.html

@@ -2576,10 +2576,10 @@
 
                 <!-- Carried over -->
                 <template x-if="todayData.tasks.some(t => t.carriedOver && !t.done)">
-                  <div style="margin-bottom:8px">
-                    <div style="font-size:10px;color:var(--ink-3);margin-bottom:4px">↩ Carried over</div>
+                  <div style="margin-bottom:12px">
+                    <div style="font-size:10px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px">↩ Carried over</div>
                     <template x-for="task in todayData.tasks.filter(t => t.carriedOver && !t.done)" :key="task.id">
-                      <div style="display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--rule)">
+                      <div style="display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:4px;background:var(--canvas-2);border:1px solid var(--rule);border-left:3px solid var(--ink-3);border-radius:4px">
                         <input type="checkbox" :checked="task.done" @change="toggleTodayTask(task.id)" style="flex-shrink:0;cursor:pointer" />
                         <span x-text="task.text" style="flex:1;font-size:13px;color:var(--ink-2)"></span>
                         <button @click="deleteTodayTask(task.id)" style="background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:14px;padding:0 2px;line-height:1" title="Remove">×</button>
@@ -2689,7 +2689,7 @@
     <template x-if="view === 'notes' && !selectedSession">
       <div style="display:flex;flex-direction:column;height:100%;overflow:hidden;">
         <div class="topbar">
-          <span class="topbar-title">Notes</span>
+          <span class="topbar-title" @click="selectedNote=null;noteEditing=false;noteCreating=false" style="cursor:pointer" title="Back to Notes home">Notes</span>
           <span style="font-size:11px;color:var(--ink-3);padding:2px 8px;background:var(--canvas-2);border:1px solid var(--rule);border-radius:4px" title="These are your personal notes — Claude doesn't read or use them as context. They're only for you.">Your notepad · not Claude's memory</span>
           <input class="search-input" type="text" placeholder="Search notes…" x-model="noteSearch" style="font-size:12px;width:200px;padding:4px 10px" />
           <span style="font-size:11px;color:var(--ink-3)" x-show="personalNotes.length>0" x-text="personalNotes.length + ' notes'"></span>
@@ -2739,7 +2739,24 @@
             </div>
           </template>
           <template x-if="!personalNotesLoading && personalNotes.length === 0">
-            <div class="empty"><div class="empty-mark">✎</div>No notes yet. Create one or ask Claude to save one for you.</div>
+            <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">
             <div class="memory-layout">
@@ -2756,7 +2773,21 @@
               </div>
               <div class="resize-handle" @mousedown.prevent="startResize($event)"></div>
               <div class="memory-detail">
-                <template x-if="!selectedNote"><div class="memory-empty"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>Select a note</div></template>
+                <template x-if="!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>
+                    <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">
+                      <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">"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">"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>
+                    </div>
+                  </div>
+                </template>
                 <template x-if="selectedNote && !noteEditing">
                   <div>
                     <div class="memory-detail-title" x-text="selectedNote.title"></div>

package/server.js

@@ -18,6 +18,33 @@ function ensureDataDir() {
 }
 ensureDataDir();
 
+// ─── Claude Code permissions (auto-allow notes/todos writes) ──────────────────
+const CLAUDE_SETTINGS_PATH = path.join(os.homedir(), '.claude', 'settings.json');
+const CLAUDE_HOME_PERMISSIONS = [
+  'Write(~/.claude/claude-home/notes/*)',
+  'Write(~/.claude/claude-home/todos/*)',
+];
+
+function ensureClaudePermissions() {
+  try {
+    let settings = {};
+    if (fs.existsSync(CLAUDE_SETTINGS_PATH)) {
+      try { settings = JSON.parse(fs.readFileSync(CLAUDE_SETTINGS_PATH, 'utf8')); } catch { /* corrupt, overwrite */ }
+    }
+    if (!settings.permissions) settings.permissions = {};
+    if (!Array.isArray(settings.permissions.allow)) settings.permissions.allow = [];
+
+    const before = settings.permissions.allow.length;
+    for (const perm of CLAUDE_HOME_PERMISSIONS) {
+      if (!settings.permissions.allow.includes(perm)) settings.permissions.allow.push(perm);
+    }
+    if (settings.permissions.allow.length !== before) {
+      fs.writeFileSync(CLAUDE_SETTINGS_PATH, JSON.stringify(settings, null, 2) + '\n');
+    }
+  } catch { /* never crash the server over this */ }
+}
+ensureClaudePermissions();
+
 // Load .env manually (no dotenv dependency)
 try {
   const envPath = path.join(DATA_DIR, '.env');
@@ -2046,24 +2073,28 @@ function writeTodosFile(dateStr, data) {
 app.get('/api/today', (req, res) => {
   ensureTodosDir();
   const today = todayStr();
-  let data = readTodosFile(today);
-  if (!data) {
-    // Carry over undone tasks from most recent previous day
-    const files = fs.readdirSync(TODOS_DIR)
-      .filter(f => f.endsWith('.json') && f.slice(0, 10) < today)
-      .sort().reverse();
-    const carriedTasks = [];
-    if (files.length > 0) {
-      const prev = readTodosFile(files[0].slice(0, 10));
-      if (prev?.tasks) {
-        prev.tasks.filter(t => !t.done).forEach(t => {
-          carriedTasks.push({ ...t, carriedOver: true, done: false });
-        });
-      }
-    }
-    data = { date: today, context: '', tasks: carriedTasks };
+  let data = readTodosFile(today) || { date: today, context: '', tasks: [] };
+
+  // Collect undone tasks from ALL previous days not already present in today's file
+  const existingIds = new Set(data.tasks.map(t => t.id));
+  const prevFiles = fs.readdirSync(TODOS_DIR)
+    .filter(f => f.endsWith('.json') && f.slice(0, 10) < today)
+    .sort();
+  const toCarry = [];
+  for (const f of prevFiles) {
+    const prev = readTodosFile(f.slice(0, 10));
+    if (!prev?.tasks) continue;
+    prev.tasks.filter(t => !t.done && !existingIds.has(t.id)).forEach(t => {
+      existingIds.add(t.id);
+      toCarry.push({ ...t, carriedOver: true, done: false });
+    });
+  }
+
+  if (toCarry.length > 0) {
+    data.tasks = [...toCarry, ...data.tasks];
     writeTodosFile(today, data);
   }
+
   res.json(data);
 });