claude-home 1.4.0 → 1.4.4

package/package.json

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

package/public/index.html

@@ -343,6 +343,9 @@
 
     .session-resume-btn:hover { background: var(--red); }
     .session-resume-btn.copied { background: var(--green) !important; }
+    .session-resume-btn:disabled { opacity: 0.35; cursor: not-allowed; background: var(--surface-2); color: var(--ink-3); }
+    .session-resume-btn:disabled:hover { background: var(--surface-2); }
+    .session-row:hover .session-resume-btn:disabled { opacity: 0.4; }
 
     /* ── Chat view ────────────────────────────────────────── */
     .chat-header {
@@ -1700,7 +1703,7 @@
                   </template>
                   <span x-text="formatDate(sessions[0].modified)"></span>
                   <span x-text="sessions[0].messageCount + ' msgs'"></span>
-                  <button class="btn btn-primary btn-sm" style="margin-left:auto" :id="'resume-db'" @click.stop="resumeSession(sessions[0].sessionId,'resume-db')">Resume →</button>
+                  <button class="btn btn-primary btn-sm" style="margin-left:auto" :id="'resume-db'" :disabled="!sessions[0].resumable" :title="!sessions[0].resumable ? 'Archivo de sesión eliminado — no se puede retomar' : 'Copiar comando para retomar esta sesión'" @click.stop="sessions[0].resumable && resumeSession(sessions[0].sessionId,'resume-db', sessions[0].projectPath)">Resume →</button>
                 </div>
               </div>
             </template>
@@ -1864,7 +1867,7 @@
                               </div>
                             </div>
                             <div class="session-right">
-                              <button class="session-resume-btn" :id="'resume-' + s.sessionId" @click.stop="resumeSession(s.sessionId, 'resume-' + s.sessionId)">Resume →</button>
+                              <button class="session-resume-btn" :id="'resume-' + s.sessionId" :disabled="!s.resumable" :title="!s.resumable ? 'Archivo de sesión eliminado — no se puede retomar' : 'Copiar comando para retomar esta sesión'" @click.stop="s.resumable && resumeSession(s.sessionId, 'resume-' + s.sessionId, s.projectPath)">Resume →</button>
                             </div>
                           </div>
                         </template>
@@ -1981,7 +1984,7 @@
             </div>
             <button class="btn btn-sm" style="background:var(--red-dim,#3a1a1a);color:var(--red);border:1px solid var(--red)" @click="deleteSession()" x-show="!deletingSession">Delete</button>
             <span x-show="deletingSession" style="font-size:12px;color:var(--ink-3)">Deleting…</span>
-            <button class="btn btn-primary btn-sm" id="resume-detail" @click="resumeSession(selectedSession.sessionId, 'resume-detail')">
+            <button class="btn btn-primary btn-sm" id="resume-detail" :disabled="!sessionDetail?.resumable" :title="!sessionDetail?.resumable ? 'Archivo de sesión eliminado — no se puede retomar' : 'Copiar comando para retomar esta sesión'" @click="sessionDetail?.resumable && resumeSession(selectedSession.sessionId, 'resume-detail', selectedSession.projectPath)">
               Resume →
             </button>
             <span x-show="exportMsg" x-text="exportMsg" style="font-size:12px;color:var(--green)" x-transition></span>
@@ -3638,8 +3641,10 @@
                         <input class="perm-add-input" style="width:100%" x-model="ruleBuilder.specifier"
                           placeholder="npm run *  /  git commit *  /  * --help *"
                           @keydown.enter="ruleBuilderAdd()" />
-                        <div style="font-size:11px;color:var(--ink-3);margin-top:5px">
-                          <code>Bash(ls *)</code> coincide con <code>ls -la</code> pero no con <code>lsof</code> — el espacio antes de <code>*</code> actúa como límite de palabra.
+                        <div style="font-size:11px;color:var(--ink-3);margin-top:5px;display:flex;flex-direction:column;gap:4px">
+                          <span><code>Bash(ls *)</code> coincide con <code>ls -la</code> pero no con <code>lsof</code> — el espacio antes de <code>*</code> actúa como límite de palabra.</span>
+                          <span>⚠️ Comandos con <code>&&</code>, <code>|</code> o redirecciones pueden ser bloqueados por la detección automática de patrones peligrosos, aunque estén en allow.</span>
+                          <span>💡 Para comandos de una sola herramienta usa el prefijo sin encadenar: <code>npm publish *</code> en lugar de <code>cd /dir && npm publish</code>.</span>
                         </div>
                       </div>
                     </template>
@@ -4006,15 +4011,27 @@
         async init() {
           const savedView    = localStorage.getItem('cs:view');
           const savedProject = localStorage.getItem('cs:project');
-          if (savedView)    this.view          = savedView;
-          if (savedProject) this.filterProject = savedProject;
-
-          this.$watch('view',          v => localStorage.setItem('cs:view',    v));
-          this.$watch('filterProject', v => localStorage.setItem('cs:project', v));
+          const savedBranch  = localStorage.getItem('cs:branch');
+          const savedText    = localStorage.getItem('cs:filterText');
+          const savedFrom    = localStorage.getItem('cs:filterFrom');
+          const savedTo      = localStorage.getItem('cs:filterTo');
+          if (savedView) this.view       = savedView;
+          if (savedText) this.filterText = savedText;
+          if (savedFrom) this.filterFrom = savedFrom;
+          if (savedTo)   this.filterTo   = savedTo;
+
+          this.$watch('view',          v => localStorage.setItem('cs:view',       v));
+          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));
+          this.$watch('filterFrom',    v => localStorage.setItem('cs:filterFrom', v));
+          this.$watch('filterTo',      v => localStorage.setItem('cs:filterTo',   v));
           this.$watch('configProject',  () => { this.config = null; this.loadConfig(); this.hooksLog = null; this.toolCommands = []; this.toolSkills = []; this.agents = []; if (this.view === 'commands' || this.view === 'skills') this.loadTools(); if (this.view === 'agents') this.loadAgents(); });
 
           await this.loadProjects();
+          if (savedProject) this.filterProject = savedProject;
           await this.loadBranches();
+          if (savedBranch) this.filterBranch = savedBranch;
           await this.loadSessions();
           this.initView(this.view);
           this.loadCosts();
@@ -4072,15 +4089,21 @@
           await this.openSession(s);
         },
 
-        async resumeSession(sessionId, btnId) {
-          const cmd = `claude -r ${sessionId}`;
-          await navigator.clipboard.writeText(cmd);
+        async resumeSession(sessionId, btnId, projectPath) {
+          const cmd = projectPath
+            ? `cd "${projectPath}" && claude -r ${sessionId}`
+            : `claude -r ${sessionId}`;
           const btn = document.getElementById(btnId);
-          if (btn) {
-            const orig = btn.textContent;
-            btn.textContent = 'Copied!';
-            btn.classList.add('btn-copied', 'copied');
-            setTimeout(() => { btn.textContent = orig; btn.classList.remove('btn-copied', 'copied'); }, 2000);
+          try {
+            await navigator.clipboard.writeText(cmd);
+            if (btn) {
+              const orig = btn.textContent;
+              btn.textContent = 'Copied!';
+              btn.classList.add('btn-copied', 'copied');
+              setTimeout(() => { btn.textContent = orig; btn.classList.remove('btn-copied', 'copied'); }, 2000);
+            }
+          } catch {
+            prompt('Copia este comando:', cmd);
           }
         },
 

package/server.js

@@ -272,7 +272,13 @@ async function loadSessionIndex(dirName) {
     };
   }));
 
-  const allEntries = [...indexedEntries, ...unindexedEntries];
+  const allEntries = [
+    ...indexedEntries.map(e => {
+      const exists = fs.existsSync(e.fullPath || path.join(dir, `${e.sessionId}.jsonl`));
+      return { ...e, orphaned: !exists, resumable: exists };
+    }),
+    ...unindexedEntries.map(e => ({ ...e, resumable: true })),
+  ];
   indexCache.set(dirName, { indexMtime, dirMtime: dirStat, entries: allEntries });
   return allEntries;
 }
@@ -438,6 +444,7 @@ app.get('/api/sessions/:project/:sessionId', async (req, res) => {
   const { project, sessionId } = req.params;
   const filePath = path.join(PROJECTS_DIR, project, `${sessionId}.jsonl`);
   try {
+    const resumable = fs.existsSync(filePath);
     const messages = await parseJsonl(filePath);
     const tokens = aggregateTokens(messages);
     const models = [...new Set(
@@ -449,7 +456,7 @@ app.get('/api/sessions/:project/:sessionId', async (req, res) => {
     const cost = calculateCost(tokens, primaryModel);
     const savings = cacheSavings(tokens, primaryModel);
     const carbon = calculateCarbon(tokens, primaryModel);
-    res.json({ sessionId, tokens, models, cost, savings, carbon, messages });
+    res.json({ sessionId, tokens, models, cost, savings, carbon, messages, resumable });
   } catch (e) {
     res.status(500).json({ error: e.message });
   }