create-walle 0.4.6 → 0.6.0

package/README.md

@@ -0,0 +1,78 @@
+# create-walle
+
+Set up **Wall-E** — your personal digital twin. An AI agent that learns from your Slack, email, and calendar to build a searchable second brain.
+
+## Install
+
+```bash
+npx create-walle install ./my-agent
+```
+
+This copies the project, installs dependencies, auto-detects your name and timezone, and starts the server. Open **http://localhost:3456** to finish setup in the browser.
+
+## Commands
+
+```bash
+npx create-walle install <dir>   # Install Wall-E (or update if already installed)
+npx create-walle update          # Update to latest version, keep your config
+npx create-walle start           # Start as background service (auto-restarts on reboot)
+npx create-walle stop            # Stop the service
+npx create-walle status          # Check if Wall-E is running
+npx create-walle logs            # Tail the service logs
+npx create-walle uninstall       # Remove the auto-start service
+npx create-walle -v              # Show version
+```
+
+## Setup
+
+On first launch, the browser setup page guides you through:
+
+1. **Owner name** — auto-detected from `git config`
+2. **API key** — enter manually, or click "Auto-detect" to find it from:
+   - Shell environment (`ANTHROPIC_API_KEY`)
+   - Claude Code OAuth token (macOS Keychain)
+   - Corporate devbox gateway (`~/.devbox/secrets/claude/auth_headers`)
+3. **Integrations** — connect Slack (OAuth), email and calendar auto-detected on macOS
+
+## API Authentication
+
+Wall-E supports three ways to connect to Claude:
+
+**Direct API key:**
+```env
+ANTHROPIC_API_KEY=sk-ant-...
+```
+
+**Portkey / API gateway:**
+```env
+ANTHROPIC_BASE_URL=https://your-gateway.example.com/v1
+ANTHROPIC_AUTH_TOKEN=your-key
+ANTHROPIC_CUSTOM_HEADERS_B64=<base64-encoded headers>
+```
+
+**Corporate devbox:** Auto-detected — no config needed if you use `devbox ai -c claude`.
+
+## Custom Port
+
+```bash
+CTM_PORT=5000 npx create-walle install ./my-agent
+```
+
+Wall-E API runs on `CTM_PORT + 1` (e.g., 5001).
+
+## What's Included
+
+- **CTM Dashboard** — terminal multiplexer, prompt editor, task manager, code review
+- **Wall-E Agent** — ingest/think/reflect loops, 7 bundled skills, chat with tool-use
+- **Brain DB** — SQLite with full-text search across Slack, email, calendar
+- **Multi-device** — share data via Dropbox/iCloud, sessions tagged by hostname
+
+## Links
+
+- [Full Documentation](https://walle.sh)
+- [Configuration Reference](https://walle.sh/docs/guides/configuration/)
+- [Skill Catalog](https://walle.sh/docs/skills/)
+
+## License
+
+MIT

package/bin/create-walle.js

@@ -151,6 +151,9 @@ function install(targetDir) {
   fs.mkdirSync(path.join(process.env.HOME, '.walle', 'data'), { recursive: true });
   try { execFileSync('git', ['init', '-q'], { cwd: targetDir, stdio: 'ignore' }); } catch {}
 
+  // Stamp version into root package.json so the settings page shows it
+  stampVersion(targetDir);
+
   saveWalleDir(path.resolve(targetDir));
 
   // Start the service
@@ -208,7 +211,10 @@ function update() {
     fs.writeFileSync(fullPath, content);
   }
 
-  // 5. Reinstall deps (in case package.json changed)
+  // 5. Stamp version
+  stampVersion(dir);
+
+  // 6. Reinstall deps (in case package.json changed)
   console.log(`  Installing dependencies...\n`);
   npmInstall(dir);
 
@@ -276,19 +282,24 @@ function uninstall() {
 // ── Service Management ──
 
 function stopQuiet(dir, port) {
-  // Try launchctl first
+  // Try launchctl first (macOS)
   const plist = path.join(process.env.HOME, 'Library', 'LaunchAgents', `${LABEL}.plist`);
   if (process.platform === 'darwin' && fs.existsSync(plist)) {
     try { execFileSync('launchctl', ['unload', plist], { stdio: 'ignore' }); } catch {}
   }
-  // Also try API
-  try { execFileSync('curl', ['-sX', 'POST', `http://localhost:${port}/api/restart/ctm`], { timeout: 2000 }); } catch {}
-  // Wait for port to free up
-  for (let i = 0; i < 10; i++) {
+  // Kill process on the port directly
+  try {
+    const pids = execFileSync('lsof', ['-ti', ':' + port], { encoding: 'utf8', timeout: 3000 }).trim().split('\n').filter(Boolean);
+    for (const pid of pids) { try { process.kill(parseInt(pid), 'SIGTERM'); } catch {} }
+  } catch {}
+  // Brief wait for port to free
+  const deadline = Date.now() + 5000;
+  while (Date.now() < deadline) {
     try {
-      execFileSync('curl', ['-s', '--max-time', '1', `http://localhost:${port}/api/services/status`], { timeout: 2000 });
-      // Still running, wait
-      execFileSync('sleep', ['0.5']);
+      execFileSync('curl', ['-s', '--max-time', '1', `http://localhost:${port}/api/services/status`], { encoding: 'utf8', timeout: 2000 });
+      // Still running — busy-wait briefly
+      const waitUntil = Date.now() + 500;
+      while (Date.now() < waitUntil) { /* spin */ }
     } catch {
       break; // Port is free
     }
@@ -392,6 +403,17 @@ function npmInstall(dir) {
   }
 }
 
+function stampVersion(dir) {
+  try {
+    const ver = require('../package.json').version;
+    const pkgPath = path.join(dir, 'package.json');
+    let pkg = {};
+    try { pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8')); } catch {}
+    pkg.version = ver;
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n');
+  } catch {}
+}
+
 function saveWalleDir(dir) {
   const metaDir = path.join(process.env.HOME, '.walle');
   fs.mkdirSync(metaDir, { recursive: true });

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "create-walle",
-  "version": "0.4.6",
-  "description": "Set up Wall-E — your personal digital twin",
+  "version": "0.6.0",
+  "description": "Wall-E — your personal digital twin. AI agent that learns from Slack, email & calendar. Includes dashboard, chat, and 7 bundled skills.",
   "bin": {
     "create-walle": "bin/create-walle.js"
   },
   "files": [
     "bin/",
-    "template/"
+    "template/",
+    "README.md"
   ],
   "scripts": {
     "build": "bash build.sh",

package/template/claude-task-manager/api-prompts.js

@@ -628,6 +628,13 @@ function handleListConversations(req, res, url) {
   if (url.searchParams.has('search')) opts.search = url.searchParams.get('search');
   if (url.searchParams.has('limit')) opts.limit = parseInt(url.searchParams.get('limit'));
   if (url.searchParams.has('offset')) opts.offset = parseInt(url.searchParams.get('offset'));
+  // Filter by current device unless all_devices=1
+  if (url.searchParams.get('all_devices') === '1') {
+    opts.allDevices = true;
+  } else {
+    if (!handleListConversations._hostname) handleListConversations._hostname = require('os').hostname();
+    opts.hostname = handleListConversations._hostname;
+  }
   jsonResponse(res, 200, db.listSessionConversations(opts));
 }
 
@@ -781,7 +788,11 @@ async function handleScreenshot(req, res) {
 
 // --- Backups ---
 function handleListBackups(req, res) {
-  jsonResponse(res, 200, db.listBackups());
+  const backups = db.listBackups();
+  const dbPath = db.getDbPath();
+  let dbSize = 0;
+  try { dbSize = require('fs').statSync(dbPath).size; } catch {}
+  jsonResponse(res, 200, { backups, db_path: dbPath, backup_dir: require('path').join(require('path').dirname(dbPath), 'backups'), db_size: dbSize });
 }
 
 async function handleCreateBackup(req, res) {

package/template/claude-task-manager/db.js

@@ -588,6 +588,12 @@ function runMigrations() {
   if (!hsCols.find(c => c.name === 'last_lifecycle_refresh_at')) {
     getDb().exec("ALTER TABLE harvest_state ADD COLUMN last_lifecycle_refresh_at TEXT");
   }
+
+  // Migration: add hostname to session_conversations for multi-device support
+  const scCols2 = getDb().prepare("PRAGMA table_info(session_conversations)").all();
+  if (!scCols2.find(c => c.name === 'hostname')) {
+    getDb().prepare("ALTER TABLE session_conversations ADD COLUMN hostname TEXT DEFAULT ''").run();
+  }
 }
 
 // --- Settings CRUD ---
@@ -1083,25 +1089,31 @@ function setAlwaysAsk(toolName, alwaysAsk) {
 }
 
 // --- Session Conversations ---
-function importSessionConversation({ session_id, project_path, messages, user_msg_count, assistant_msg_count, title, first_message, git_branch, file_size, session_created_at }) {
+function importSessionConversation({ session_id, project_path, messages, user_msg_count, assistant_msg_count, title, first_message, git_branch, file_size, session_created_at, hostname }) {
   getDb().prepare(
-    `INSERT INTO session_conversations (session_id, project_path, messages, user_msg_count, assistant_msg_count, title, first_message, git_branch, file_size, session_created_at)
-     VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+    `INSERT INTO session_conversations (session_id, project_path, messages, user_msg_count, assistant_msg_count, title, first_message, git_branch, file_size, session_created_at, hostname)
+     VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
      ON CONFLICT(session_id) DO UPDATE SET
        messages=excluded.messages, user_msg_count=excluded.user_msg_count,
        assistant_msg_count=excluded.assistant_msg_count, title=excluded.title,
        first_message=excluded.first_message, git_branch=excluded.git_branch,
-       file_size=excluded.file_size, imported_at=datetime('now')`
+       file_size=excluded.file_size, hostname=COALESCE(NULLIF(excluded.hostname,''), session_conversations.hostname),
+       imported_at=datetime('now')`
   ).run(
     session_id, project_path || '', JSON.stringify(messages || []),
     user_msg_count || 0, assistant_msg_count || 0, title || '',
-    first_message || '', git_branch || '', file_size || 0, session_created_at || ''
+    first_message || '', git_branch || '', file_size || 0, session_created_at || '',
+    hostname || require('os').hostname()
   );
 }
 
-function listSessionConversations({ search, limit, offset } = {}) {
-  let sql = 'SELECT id, session_id, project_path, user_msg_count, assistant_msg_count, title, first_message, git_branch, file_size, session_created_at, imported_at FROM session_conversations WHERE 1=1';
+function listSessionConversations({ search, limit, offset, hostname, allDevices } = {}) {
+  let sql = 'SELECT id, session_id, project_path, user_msg_count, assistant_msg_count, title, first_message, git_branch, file_size, session_created_at, imported_at, hostname FROM session_conversations WHERE 1=1';
   const params = [];
+  if (!allDevices && hostname) {
+    sql += ' AND (hostname = ? OR hostname = \'\' OR hostname IS NULL)';
+    params.push(hostname);
+  }
   if (search) {
     sql += ' AND (title LIKE ? OR first_message LIKE ? OR project_path LIKE ?)';
     const q = `%${search}%`;
@@ -1280,7 +1292,7 @@ function deleteBackup(backupName) {
   if (fs.existsSync(imagesPath)) fs.unlinkSync(imagesPath);
 }
 
-function cleanOldBackups(maxAge = 30) {
+function cleanOldBackups(maxAge = 7) {
   // Keep backups for maxAge days, but always keep at least 5
   const backups = listBackups();
   if (backups.length <= 5) return;

package/template/claude-task-manager/public/css/walle.css

@@ -82,6 +82,8 @@
 }
 .walle-btn:hover { background: rgba(255,255,255,0.08); }
 .walle-btn.primary { background: var(--accent); color: #fff; border-color: var(--accent); }
+.walle-btn.danger { color: #f85149; border-color: #f8514933; }
+.walle-btn.danger:hover { background: #f8514918; border-color: #f85149; }
 
 /* Loading / Empty */
 .walle-loading { text-align: center; padding: 40px; color: var(--fg-muted, #888); font-size: 13px; }

package/template/claude-task-manager/public/index.html

@@ -2239,6 +2239,7 @@
       <button class="nav-pill" data-nav="codereview" onclick="navTo('codereview')" title="Code Review">Review</button>
       <button class="nav-pill" data-nav="walle" onclick="navTo('walle')" title="WALL-E Agent">WALL-E</button>
       <button class="nav-pill" data-nav="rules" onclick="navTo('rules')" title="Edit CLAUDE.md rules">Rules</button>
+      <button class="nav-pill" data-nav="backups" onclick="navTo('backups')" title="Database backups">Backups</button>
       <a href="/setup.html" class="nav-pill" title="Setup & Settings" style="text-decoration:none;margin-left:auto;font-size:16px;padding:4px 8px;">⚙</a>
     </nav>
     <div class="topbar-right">
@@ -2272,6 +2273,7 @@
         <div class="display-toggle">
           <label><input type="checkbox" id="hide-ctm" checked onchange="savePref('hide_ctm', this.checked); renderFilteredSessions()"> Hide CTM</label>
           <label><input type="checkbox" id="show-titles" checked onchange="savePref('show_titles', this.checked); renderFilteredSessions()"> AI titles</label>
+          <label title="Only show sessions from this computer"><input type="checkbox" id="this-device" checked onchange="savePref('this_device', this.checked); loadRecentSessions()"> This device</label>
           <div class="view-mode-toggle">
             <button class="active" id="view-list-btn" onclick="setViewMode('list')" title="List view">List</button>
             <button id="view-group-btn" onclick="setViewMode('groups')" title="Group by topic">Groups</button>
@@ -2387,6 +2389,13 @@
           </div>
           <div id="walle-body" class="walle-body"></div>
         </div>
+        <div id="backups-panel" style="display:none;flex-direction:column;height:100%;overflow:hidden;">
+          <div style="padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg);">
+            <h2 style="font-size:16px;font-weight:600;margin-bottom:8px;">Backup Manager</h2>
+            <p style="font-size:12px;color:var(--fg-dim);margin:0;">Auto-backups daily (7 day retention, minimum 3 kept). Click paths to copy.</p>
+          </div>
+          <div id="backups-body" style="flex:1;overflow-y:auto;padding:16px 20px;"></div>
+        </div>
         <div id="rules-panel">
           <div id="rules-sidebar">
             <div class="rules-sidebar-header">
@@ -3290,7 +3299,7 @@ function createTerminal(id) {
 }
 
 function activateTab(id) {
-  const specialPanels = ['rules', 'insights', 'permissions', 'prompts', 'codereview', 'walle'];
+  const specialPanels = ['rules', 'insights', 'permissions', 'prompts', 'codereview', 'walle', 'backups'];
   const isPanel = specialPanels.includes(id);
 
   // Hide all
@@ -3305,6 +3314,8 @@ function activateTab(id) {
   document.getElementById('permissions-panel').classList.remove('active');
   document.getElementById('prompts-panel').classList.remove('active');
   document.getElementById('walle-panel').classList.remove('active');
+  var bkp = document.getElementById('backups-panel');
+  if (bkp) { bkp.classList.remove('active'); bkp.style.display = 'none'; }
 
   state.activeTab = id;
 
@@ -3407,7 +3418,7 @@ function activateTab(id) {
 
 function syncNavPills(activeId) {
   const navPills = document.querySelectorAll('#topbar-nav .nav-pill');
-  const specialPanels = ['rules', 'insights', 'permissions', 'prompts', 'codereview', 'walle'];
+  const specialPanels = ['rules', 'insights', 'permissions', 'prompts', 'codereview', 'walle', 'backups'];
   const navId = specialPanels.includes(activeId) ? activeId : 'sessions';
   navPills.forEach(pill => {
     pill.classList.toggle('active', pill.dataset.nav === navId);
@@ -3479,6 +3490,8 @@ function navTo(target, opts) {
       document.getElementById('review-panel').classList.remove('active');
       document.getElementById('codereview-panel').classList.remove('active');
       document.getElementById('walle-panel').classList.remove('active');
+      var bkPanel = document.getElementById('backups-panel');
+      if (bkPanel) bkPanel.classList.remove('active');
       // Restore sidebar & tabbar
       const sidebar = document.getElementById('sidebar');
       if (!state.sidebarManuallyHidden) {
@@ -3503,6 +3516,8 @@ function navTo(target, opts) {
     showCodeReviewPanel();
   } else if (target === 'walle') {
     showWallePanel();
+  } else if (target === 'backups') {
+    showBackupsPanel();
   }
 }
 
@@ -3526,6 +3541,150 @@ function showWallePanel() {
   if (window.WE) WE.init();
 }
 
+function showBackupsPanel() {
+  document.querySelectorAll('#terminal-area > div').forEach(function(d) { d.style.display = 'none'; });
+  var panel = document.getElementById('backups-panel');
+  panel.style.display = 'flex';
+  panel.classList.add('active');
+  syncNavPills('backups');
+  updateTopbarContext('backups');
+  document.getElementById('sidebar').classList.add('collapsed');
+  document.getElementById('sidebar-resize').style.display = 'none';
+  document.getElementById('tabbar').style.display = 'none';
+  loadBackupsData();
+}
+
+function loadBackupsData() {
+  var body = document.getElementById('backups-body');
+  body.textContent = 'Loading...';
+  var token = window._ctmState ? window._ctmState.token : '';
+  Promise.all([
+    fetch('/api/backups?token=' + token).then(function(r) { return r.json(); }),
+    fetch('/api/wall-e/backups?token=' + token).then(function(r) { return r.json(); })
+  ]).then(function(results) {
+    var ctm = results[0] || {};
+    var brain = (results[1] && results[1].data) ? results[1].data : {};
+    _renderBackupsBody(body, ctm, brain);
+  }).catch(function(e) { body.textContent = 'Failed: ' + e.message; });
+}
+
+function _renderBackupsBody(body, ctm, brain) {
+  while (body.firstChild) body.removeChild(body.firstChild);
+
+  // DB info cards
+  var grid = document.createElement('div');
+  grid.style.cssText = 'display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;';
+  grid.appendChild(_makeDbCard('CTM Database', ctm.db_path, ctm.db_size, ctm.backup_dir));
+  grid.appendChild(_makeDbCard('Wall-E Brain', brain.db_path, brain.db_size, brain.backup_dir));
+  body.appendChild(grid);
+
+  // Buttons
+  var btns = document.createElement('div');
+  btns.style.cssText = 'display:flex;gap:8px;margin-bottom:16px;';
+  var b1 = document.createElement('button'); b1.className = 'btn primary small'; b1.textContent = 'Backup CTM';
+  b1.onclick = function() { _createBackup('ctm'); };
+  var b2 = document.createElement('button'); b2.className = 'btn primary small'; b2.textContent = 'Backup Brain';
+  b2.onclick = function() { _createBackup('brain'); };
+  btns.appendChild(b1); btns.appendChild(b2);
+  body.appendChild(btns);
+
+  // CTM backups table
+  _appendBackupTable(body, 'CTM Backups', ctm.backups || [], 'ctm', true);
+  // Brain backups table
+  _appendBackupTable(body, 'Wall-E Brain Backups', brain.backups || [], 'brain', false);
+}
+
+function _makeDbCard(title, dbPath, dbSize, backupDir) {
+  var card = document.createElement('div');
+  card.style.cssText = 'background:var(--bg-light,#161b22);border:1px solid var(--border);border-radius:8px;padding:12px;';
+  var h = document.createElement('div'); h.style.cssText = 'font-size:13px;font-weight:600;margin-bottom:6px;'; h.textContent = title;
+  card.appendChild(h);
+  card.appendChild(_copyablePath('DB', dbPath));
+  card.appendChild(_copyablePath('Backups', backupDir));
+  var sz = document.createElement('div'); sz.style.cssText = 'font-size:11px;color:var(--fg-dim);'; sz.textContent = 'Size: ' + _fmtSize(dbSize || 0);
+  card.appendChild(sz);
+  return card;
+}
+
+function _copyablePath(label, p) {
+  var row = document.createElement('div');
+  row.style.cssText = 'font-size:11px;color:var(--fg-dim);margin-bottom:3px;cursor:pointer;';
+  row.title = 'Click to copy';
+  row.textContent = label + ': ';
+  var span = document.createElement('span'); span.style.color = 'var(--accent)'; span.textContent = p || 'N/A';
+  row.appendChild(span);
+  row.onclick = function() { navigator.clipboard.writeText(p || ''); if (typeof showToast === 'function') showToast('Path copied'); };
+  return row;
+}
+
+function _appendBackupTable(container, title, backups, type, showRestore) {
+  var h3 = document.createElement('h3');
+  h3.style.cssText = 'font-size:13px;color:var(--fg-dim);margin:20px 0 8px;';
+  h3.textContent = title + ' (' + backups.length + ')';
+  container.appendChild(h3);
+  if (backups.length === 0) {
+    var p = document.createElement('p'); p.style.cssText = 'font-size:12px;color:var(--fg-dim)'; p.textContent = 'No backups yet.';
+    container.appendChild(p); return;
+  }
+  var table = document.createElement('table');
+  table.style.cssText = 'width:100%;font-size:12px;border-collapse:collapse;';
+  var thead = document.createElement('tr');
+  thead.style.cssText = 'color:var(--fg-dim);text-align:left;';
+  ['Name','Size','Date',''].forEach(function(t) { var th = document.createElement('th'); th.style.padding = '4px 8px'; th.textContent = t; thead.appendChild(th); });
+  table.appendChild(thead);
+  backups.slice(0, 20).forEach(function(b) {
+    var tr = document.createElement('tr'); tr.style.borderTop = '1px solid var(--border)';
+    var td1 = document.createElement('td'); td1.style.cssText = 'padding:6px 8px;color:var(--fg)'; td1.textContent = b.name + (b.hasImages ? ' + images' : '');
+    var td2 = document.createElement('td'); td2.style.cssText = 'padding:6px 8px;color:var(--fg-dim)'; td2.textContent = _fmtSize(b.size);
+    var td3 = document.createElement('td'); td3.style.cssText = 'padding:6px 8px;color:var(--fg-dim)'; td3.textContent = _fmtDate(b.createdAt);
+    var td4 = document.createElement('td'); td4.style.cssText = 'padding:6px 8px;text-align:right;';
+    if (showRestore) {
+      var rb = document.createElement('button'); rb.className = 'btn small'; rb.textContent = 'Restore';
+      rb.onclick = (function(n) { return function() { _restoreBackup(type, n); }; })(b.name);
+      td4.appendChild(rb);
+      td4.appendChild(document.createTextNode(' '));
+    }
+    var db = document.createElement('button'); db.className = 'btn small'; db.style.color = 'var(--red)'; db.textContent = 'Delete';
+    db.onclick = (function(n) { return function() { _deleteBackup(type, n); }; })(b.name);
+    td4.appendChild(db);
+    tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tr.appendChild(td4);
+    table.appendChild(tr);
+  });
+  container.appendChild(table);
+}
+
+function _fmtSize(bytes) {
+  if (!bytes) return '0 B';
+  if (bytes < 1024) return bytes + ' B';
+  if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB';
+  return (bytes / 1048576).toFixed(1) + ' MB';
+}
+function _fmtDate(iso) {
+  if (!iso) return '';
+  try { return new Date(iso).toLocaleString(); } catch(e) { return iso; }
+}
+
+function _createBackup(type) {
+  var token = window._ctmState ? window._ctmState.token : '';
+  var url = type === 'ctm' ? '/api/backups?token=' + token : '/api/wall-e/backups?token=' + token;
+  fetch(url, { method: 'POST', headers: {'Content-Type':'application/json'}, body: '{}' })
+    .then(function() { if (typeof showToast === 'function') showToast((type === 'ctm' ? 'CTM' : 'Brain') + ' backup created'); loadBackupsData(); })
+    .catch(function(e) { if (typeof showToast === 'function') showToast('Backup failed', 'var(--red)'); });
+}
+function _deleteBackup(type, name) {
+  if (!confirm('Delete backup ' + name + '?')) return;
+  var token = window._ctmState ? window._ctmState.token : '';
+  var url = type === 'ctm' ? '/api/backups/' + encodeURIComponent(name) + '?token=' + token : '/api/wall-e/backups/' + encodeURIComponent(name) + '?token=' + token;
+  fetch(url, { method: 'DELETE' }).then(function() { loadBackupsData(); });
+}
+function _restoreBackup(type, name) {
+  if (!confirm('Restore from ' + name + '? Current data will be backed up first.')) return;
+  var token = window._ctmState ? window._ctmState.token : '';
+  fetch('/api/backups/restore?token=' + token, { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({ name: name }) })
+    .then(function() { if (typeof showToast === 'function') showToast('Restored from ' + name); loadBackupsData(); })
+    .catch(function(e) { if (typeof showToast === 'function') showToast('Restore failed', 'var(--red)'); });
+}
+
 // --- Event Handlers ---
 function onCreated(msg) {
   const { id, pid, label, cwd } = msg;
@@ -4320,6 +4479,7 @@ async function loadPrefs() {
         show_titles: 'show-titles',
         hide_tool_msgs: 'hide-tool-msgs',
         show_internal: 'show-internal-toggle',
+        this_device: 'this-device',
       };
       for (const [pref, elId] of Object.entries(checkboxMap)) {
         if (pref in prefs) {
@@ -4595,18 +4755,20 @@ function sessionDisplayText(s, fallback) {
 
 function sessionItemHtml(s) {
   const showTitles = document.getElementById('show-titles').checked;
+  const thisDevice = document.getElementById('this-device')?.checked !== false;
   const ago = timeAgo(s.modifiedAt);
   const project = s.project.replace(/^\/Users\/[^/]+\//, '~/');
   const displayText = sessionDisplayText(s, '(empty session)');
   const branch = s.gitBranch ? `<span>${escHtml(s.gitBranch)}</span>` : '';
   const emptyTag = s.isEmpty ? '<span style="color:var(--yellow);font-size:9px;margin-left:4px">[empty]</span>' : '';
+  const deviceTag = (!thisDevice && s.hostname) ? `<span style="color:var(--accent);font-size:9px;margin-left:4px">${escHtml(s.hostname)}</span>` : '';
   const msgCount = s.userMsgCount > 0 ? `<span>${s.userMsgCount} msgs</span>` : '';
   const reviewing = state.reviewingSessionId === s.sessionId ? ' reviewing' : '';
   const isPinned = pinnedSessionIds.includes(s.sessionId);
   const pinCls = isPinned ? ' pinned' : '';
   const dragAttrs = isPinned ? ` draggable="true" ondragstart="pinDragStart(event)" ondragover="pinDragOver(event)" ondragleave="pinDragLeave(event)" ondrop="pinDrop(event)" ondragend="pinDragEnd(event)"` : '';
   return `<div class="recent-item${reviewing}${pinCls}" data-session-id="${s.sessionId}"${dragAttrs} onclick="openSessionReview('${s.sessionId}')" oncontextmenu="event.preventDefault();togglePinSession('${s.sessionId}')">
-    <div class="recent-msg"><span class="pin-icon" style="${isPinned ? 'cursor:grab;' : ''}">&#9733;</span><span class="recent-msg-text">${escHtml(displayText)}</span>${emptyTag}</div>
+    <div class="recent-msg"><span class="pin-icon" style="${isPinned ? 'cursor:grab;' : ''}">&#9733;</span><span class="recent-msg-text">${escHtml(displayText)}</span>${emptyTag}${deviceTag}</div>
     <div class="recent-meta">
       <span class="project">${escHtml(project)}</span>
       ${branch}
@@ -7120,7 +7282,7 @@ window.addEventListener('message', (e) => {
 });
 
 // --- Hash routing ---
-const NAV_TARGETS = ['sessions', 'prompts', 'rules', 'insights', 'permissions', 'codereview', 'walle'];
+const NAV_TARGETS = ['sessions', 'prompts', 'rules', 'insights', 'permissions', 'codereview', 'walle', 'backups'];
 
 function handleHashRoute() {
   const hash = location.hash.slice(1);

package/template/claude-task-manager/public/js/prompts.js

@@ -2315,7 +2315,8 @@ async function deleteTemplate(id) {
 // ============================================================
 async function loadBackups() {
   const res = await fetch(API('/backups'));
-  const backups = await res.json();
+  const data = await res.json();
+  const backups = data.backups || (Array.isArray(data) ? data : []);
   const list = document.getElementById('pe-backup-list');
   if (!backups.length) {
     list.innerHTML = `<div class="pe-empty-state"><h3>No Backups Yet</h3><p>Click "Backup Now" to create your first manual backup.</p></div>`;

package/template/claude-task-manager/public/js/walle.js

@@ -778,6 +778,7 @@ function renderChatUI() {
     html += '<span class="we-export-count">' + chatSelected.size + ' selected</span>';
     html += '<button class="walle-btn" onclick="WE._exportAsText()">Copy as Text</button>';
     html += '<button class="walle-btn" onclick="WE._exportAsImage()">Save as Image</button>';
+    html += '<button class="walle-btn danger" onclick="WE._deleteSelected()">Delete</button>';
     html += '<button class="we-chat-search-clear" onclick="WE._clearSelection()" title="Clear selection">&times;</button>';
     html += '</div>';
   }
@@ -1381,7 +1382,52 @@ WE._toggleTurn = function(turnIdx) {
   } else {
     chatSelected.add(turnIdx);
   }
-  renderChatUI();
+  // Update just the clicked turn visually — don't re-render (preserves scroll)
+  var el = document.querySelector('.we-turn-group[data-turn="' + turnIdx + '"]');
+  if (el) {
+    el.classList.toggle('we-selected', chatSelected.has(turnIdx));
+    var cb = el.querySelector('.we-turn-checkbox');
+    if (cb) cb.textContent = chatSelected.has(turnIdx) ? '\u2611' : '\u2610';
+  }
+  // Update the export bar (insert via DOM to preserve scroll)
+  var bar = document.querySelector('.we-export-bar');
+  if (chatSelected.size > 0 && !bar) {
+    var newBar = document.createElement('div');
+    newBar.className = 'we-export-bar';
+    newBar.textContent = ''; // clear
+    var countSpan = document.createElement('span');
+    countSpan.className = 'we-export-count';
+    countSpan.textContent = chatSelected.size + ' selected';
+    newBar.appendChild(countSpan);
+    var copyBtn = document.createElement('button');
+    copyBtn.className = 'walle-btn';
+    copyBtn.textContent = 'Copy as Text';
+    copyBtn.onclick = function() { WE._exportAsText(); };
+    newBar.appendChild(copyBtn);
+    var imgBtn = document.createElement('button');
+    imgBtn.className = 'walle-btn';
+    imgBtn.textContent = 'Save as Image';
+    imgBtn.onclick = function() { WE._exportAsImage(); };
+    newBar.appendChild(imgBtn);
+    var delBtn = document.createElement('button');
+    delBtn.className = 'walle-btn danger';
+    delBtn.textContent = 'Delete';
+    delBtn.onclick = function() { WE._deleteSelected(); };
+    newBar.appendChild(delBtn);
+    var clearBtn = document.createElement('button');
+    clearBtn.className = 'we-chat-search-clear';
+    clearBtn.title = 'Clear selection';
+    clearBtn.textContent = '\u00d7';
+    clearBtn.onclick = function() { WE._clearSelection(); };
+    newBar.appendChild(clearBtn);
+    var searchBar = document.querySelector('.we-chat-search-bar');
+    if (searchBar) searchBar.after(newBar);
+  } else if (chatSelected.size === 0 && bar) {
+    bar.remove();
+  } else if (bar) {
+    var countEl = bar.querySelector('.we-export-count');
+    if (countEl) countEl.textContent = chatSelected.size + ' selected';
+  }
 };
 
 WE._clearSelection = function() {
@@ -1515,6 +1561,36 @@ WE._exportAsImage = function() {
   }
 };
 
+WE._deleteSelected = function() {
+  var turns = _getSelectedTurns();
+  if (turns.length === 0) return;
+  if (!confirm('Delete ' + turns.length + ' message' + (turns.length > 1 ? 's' : '') + '? This cannot be undone.')) return;
+
+  var count = turns.length;
+  var promises = turns.map(function(t) {
+    return apiPost('/chat/delete', {
+      session_id: cache.chatSessionId || 'default',
+      user_content: t.userText || undefined,
+      assistant_content: t.assistantText || undefined,
+    });
+  });
+
+  Promise.all(promises).then(function() {
+    chatSelected.clear();
+    chatSelectMode = false;
+    // Reload chat history
+    api('/chat/history?session_id=' + encodeURIComponent(cache.chatSessionId || 'default') + '&limit=200').then(function(result) {
+      chatHistory = (result.data || []).map(function(m) {
+        return { role: m.role, text: m.content || m.text || '', ts: m.timestamp };
+      });
+      renderChatUI();
+      if (typeof showToast === 'function') showToast('Deleted ' + count + ' message' + (count > 1 ? 's' : ''));
+    });
+  }).catch(function(err) {
+    if (typeof showToast === 'function') showToast('Delete failed: ' + (err.message || 'unknown error'), 'var(--red)');
+  });
+};
+
 // ---- Chat Search ----
 WE._onChatSearch = function(val) {
   chatSearchQuery = val;