create-walle 0.9.0 → 0.9.3

package/README.md

@@ -1,6 +1,29 @@
 # 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.
+Set up **CTM + Wall-E** in one command — a browser-based Claude Code dashboard paired with a personal AI agent that builds a searchable second brain from your work life.
+
+## What You Get
+
+### CTM (Claude Task Manager)
+
+A web dashboard for running and managing Claude Code sessions, prompts, and workflows.
+
+- **Terminal Multiplexer** — Run multiple Claude Code sessions side by side with live status, persistent scrollback, and AI-generated titles
+- **Prompt Editor** — Save, version, and organize prompts with folders, tags, chains, templates, and AI search
+- **Task Queue** — Queue prompts for sequential execution with auto-advance when Claude finishes, or step through manually
+- **Approval Workflows** — Auto-approve tool-use requests based on learned rules; uncertain cases escalate to you
+- **Code Review** — View git diffs from any project, staged or unstaged, with line-level detail
+- **Session Insights** — Analyze patterns across sessions using Claude
+
+### Wall-E (Personal Digital Twin)
+
+An always-on AI agent that learns from your Slack, email, calendar, and Claude Code sessions.
+
+- **Second Brain** — Automatically ingests your digital life into a searchable memory store with full-text search, knowledge extraction, and pattern detection
+- **Proactive Intelligence** — Surfaces time-sensitive items, suggests actions, and delivers morning briefings and weekly reflections without being asked
+- **Chat with Tools** — Talk to Wall-E in the browser — it can search your memories, look up people, run skills, and call external tools via MCP (Slack, Glean, etc.)
+- **12 Bundled Skills** — Morning briefing, weekly reflection, proactive alerts, Slack mentions, email sync, calendar integration, and more
+- **Multi-Device** — Share your brain across machines via Dropbox or iCloud
 
 ## Install
 
@@ -13,11 +36,11 @@ This copies the project, installs dependencies, auto-detects your name and timez
 ## Commands
 
 ```bash
-npx create-walle install <dir>   # Install Wall-E (or update if already installed)
+npx create-walle install <dir>   # Install CTM + 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 status          # Check if running
 npx create-walle logs            # Tail the service logs
 npx create-walle uninstall       # Remove the auto-start service
 npx create-walle -v              # Show version
@@ -28,44 +51,25 @@ npx create-walle -v              # Show version
 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`)
+2. **API key** — enter manually, or click "Auto-detect" to find it from your shell environment, Claude Code OAuth, or corporate devbox
 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).
+Wall-E runs on `CTM_PORT + 1` (e.g., 5001).
+
+## Architecture
 
-## What's Included
+Everything runs locally. CTM serves the dashboard, Wall-E runs as a background agent. Both use SQLite — no external databases, no cloud dependency beyond the Claude API.
 
-- **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
+| Component | Default Port | What it does |
+|-----------|-------------|--------------|
+| CTM | 3456 | Dashboard, terminal multiplexer, prompt editor, queue, code review |
+| Wall-E | 3457 | AI agent, brain database, skills engine, chat API |
 
 ## Links
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-walle",
-  "version": "0.9.0",
-  "description": "Wall-E — your personal digital twin. AI agent that learns from Slack, email & calendar. Includes dashboard, chat, and 7 bundled skills.",
+  "version": "0.9.3",
+  "description": "CTM + Wall-E — Claude Task Manager dashboard and your personal digital twin AI agent. Terminal multiplexer, prompt editor, task queue, and an agent that learns from Slack, email & calendar.",
   "bin": {
     "create-walle": "bin/create-walle.js"
   },
@@ -15,5 +15,5 @@
     "prepublishOnly": "bash build.sh"
   },
   "license": "MIT",
-  "keywords": ["wall-e", "ai", "digital-twin", "claude", "personal-assistant"]
+  "keywords": ["ctm", "task-manager", "wall-e", "ai", "digital-twin", "claude", "personal-assistant"]
 }

package/template/CLAUDE.md

@@ -5,8 +5,30 @@
 NEVER kill CTM or Wall-E processes directly (e.g. `kill`, `lsof | xargs kill`, `pkill`).
 Always use the restart API or helper script — they handle graceful shutdown and auto-respawn.
 
-- **Restart CTM**: `bash claude-task-manager/bin/restart-ctm.sh` or `curl -sX POST http://localhost:3456/api/restart/ctm`
+- **Restart CTM**: `bash claude-task-manager/bin/restart-ctm.sh` or `curl -sX POST http://localhost:3456/api/restart/ctm?force=true`
 - **Restart Wall-E**: `curl -sX POST http://localhost:3456/api/restart/walle`
 - **Stop Wall-E**: `curl -sX POST http://localhost:3456/api/stop/walle`
 - **Start Wall-E**: `curl -sX POST http://localhost:3456/api/start/walle`
 - **Check status**: `curl -s http://localhost:3456/api/services/status`
+
+## CTM Development — CRITICAL SAFETY RULE
+
+**NEVER test code changes against the primary instance (port 3456/3457).**
+The primary instance is the user's live workbench — restarting or testing against it
+kills all active sessions. This applies to ALL operations: curl, fetch, restart, etc.
+
+When developing CTM or Wall-E code:
+1. Use the `/ctm-dev` skill (or run it manually)
+2. Pick a random port pair: `DEV_CTM_PORT=$((4100 + RANDOM % 900))`
+3. Start a dev instance: `DEV_CTM_PORT=$port DEV_WALLE_PORT=$((port+1)) bash bin/dev.sh`
+4. Test ONLY against your dev port, never 3456
+5. Only restart primary when the user explicitly asks — and ask for confirmation first
+
+## Publishing to npm (create-walle)
+
+When publishing with `/publish`:
+1. **Always review and update `create-walle/README.md`** before publishing — this is the npm doc page shown on https://www.npmjs.com/package/create-walle
+2. Check that feature descriptions, skill counts, and capabilities match the current codebase
+3. Bump version in both `create-walle/package.json` AND root `package.json`
+4. Run `bash build.sh` and verify file count
+5. Ask for confirmation before `npm publish`

package/template/claude-task-manager/bin/restart-ctm.sh

@@ -1,12 +1,13 @@
 #!/bin/bash
 # Graceful CTM restart — spawns a watcher process, then exits cleanly.
 # Use this instead of killing the process directly.
-curl -s -X POST "http://localhost:3456/api/restart/ctm" | cat
+CTM_PORT="${CTM_PORT:-3456}"
+curl -s -X POST "http://localhost:${CTM_PORT}/api/restart/ctm?force=true" | cat
 echo ""
 echo "CTM server restarting... waiting for it to come back."
 sleep 2
 for i in $(seq 1 15); do
-  if curl -sf "http://localhost:3456/api/services/status" > /dev/null 2>&1; then
+  if curl -sf "http://localhost:${CTM_PORT}/api/services/status" > /dev/null 2>&1; then
     echo "CTM server is back up."
     exit 0
   fi

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

@@ -594,6 +594,21 @@ function runMigrations() {
   if (!scCols2.find(c => c.name === 'hostname')) {
     getDb().prepare("ALTER TABLE session_conversations ADD COLUMN hostname TEXT DEFAULT ''").run();
   }
+
+  // startup_tasks: tracks active sessions for crash-safe restore on restart
+  const hasStartupTasks = getDb().prepare("SELECT name FROM sqlite_master WHERE type='table' AND name='startup_tasks'").get();
+  if (!hasStartupTasks) {
+    getDb().exec(`
+      CREATE TABLE startup_tasks (
+        session_id TEXT PRIMARY KEY,
+        label      TEXT NOT NULL DEFAULT '',
+        cmd        TEXT NOT NULL DEFAULT '',
+        args       TEXT NOT NULL DEFAULT '[]',
+        cwd        TEXT NOT NULL DEFAULT '',
+        created_at TEXT NOT NULL DEFAULT (datetime('now'))
+      )
+    `);
+  }
 }
 
 // --- Settings CRUD ---
@@ -1699,6 +1714,28 @@ function getInsightsData(includeInternal) {
   };
 }
 
+// --- Startup Tasks (crash-safe session restore) ---
+function addStartupTask(sessionId, label, cmd, args, cwd) {
+  getDb().prepare(
+    'INSERT OR REPLACE INTO startup_tasks (session_id, label, cmd, args, cwd) VALUES (?, ?, ?, ?, ?)'
+  ).run(sessionId, label || '', cmd || '', JSON.stringify(args || []), cwd || '');
+}
+
+function removeStartupTask(sessionId) {
+  getDb().prepare('DELETE FROM startup_tasks WHERE session_id = ?').run(sessionId);
+}
+
+function listStartupTasks() {
+  return getDb().prepare('SELECT * FROM startup_tasks ORDER BY created_at').all().map(row => ({
+    ...row,
+    args: JSON.parse(row.args || '[]'),
+  }));
+}
+
+function clearStartupTasks() {
+  getDb().prepare('DELETE FROM startup_tasks').run();
+}
+
 module.exports = {
   initDb, getDb, closeDb, getDbPath: () => currentDbPath,
   getSetting, getSettingsByPrefix, setSetting,
@@ -1729,5 +1766,6 @@ module.exports = {
   replaceInsightRecommendations, listInsightRecommendations,
   startAnalysisRun, completeAnalysisRun, getLastAnalysisRun,
   getInsightsData,
+  addStartupTask, removeStartupTask, listStartupTasks, clearStartupTasks,
   DEFAULT_IMAGES_DIR, BACKUP_DIR,
 };

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

@@ -7,6 +7,7 @@
   border-bottom: 1px solid var(--border); flex-shrink: 0;
 }
 .walle-header-title { font-size: 15px; font-weight: 700; color: var(--fg); }
+.walle-avatar { vertical-align: middle; margin-right: 2px; position: relative; top: -1px; }
 
 .walle-subnav { display: flex; gap: 4px; margin-left: auto; }
 .walle-subnav-btn {
@@ -541,6 +542,25 @@
 .we-task-group[open] > .we-task-group-header::before { transform: rotate(90deg); }
 .we-task-group-header:hover { background: rgba(255,255,255,0.03); }
 
+/* View tabs */
+.we-view-tabs {
+  display: flex; align-items: center; gap: 2px;
+  padding: 4px 10px 0; border-bottom: 1px solid var(--border, #2a2a3e);
+}
+.we-view-tab {
+  padding: 6px 14px; border: none; background: transparent;
+  color: var(--fg-muted, #888); font-size: 12px; font-weight: 500;
+  cursor: pointer; border-bottom: 2px solid transparent;
+  border-radius: 4px 4px 0 0; transition: all 0.15s;
+}
+.we-view-tab:hover { color: var(--fg, #e0e0e0); background: rgba(255,255,255,0.04); }
+.we-view-tab.active { color: var(--accent, #60a5fa); border-bottom-color: var(--accent, #60a5fa); font-weight: 600; }
+.we-view-tab-badge {
+  display: inline-block; min-width: 16px; height: 16px; line-height: 16px;
+  text-align: center; font-size: 10px; font-weight: 700; border-radius: 8px;
+  background: #e03131; color: #fff; margin-left: 4px; padding: 0 4px;
+}
+
 /* Task card */
 .we-task-card {
   background: var(--bg-lighter, #1e1e2e);
@@ -549,7 +569,10 @@
   border-radius: 6px;
   padding: 10px 14px;
   margin: 6px 10px;
+  transition: padding 0.15s;
 }
+.we-task-card.compact { padding: 6px 14px; }
+.we-task-card.compact .we-task-card-header { margin-bottom: 0; }
 .we-task-card-header {
   display: flex; justify-content: space-between; align-items: center;
   margin-bottom: 4px;
@@ -575,6 +598,106 @@
 .we-task-meta-extra { display: none; }
 .we-task-meta.we-meta-expanded .we-task-meta-extra { display: contents; }
 
+/* Compact metadata line */
+.we-task-meta-compact {
+  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
+  font-size: 11px; color: #777; margin-top: 2px;
+}
+.we-task-meta-compact span { white-space: nowrap; }
+
+/* Source icons */
+.we-src-icon {
+  display: inline-block; padding: 1px 5px; border-radius: 3px;
+  font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px;
+}
+.we-src-icon.slack { background: #1a2e1a; color: #4ade80; }
+.we-src-icon.chat { background: #1a1a3e; color: #60a5fa; }
+.we-src-icon.init { background: #2e1a2e; color: #c084fc; }
+.we-src-link {
+  color: #60a5fa; text-decoration: none; font-size: 11px;
+}
+.we-src-link:hover { text-decoration: underline; }
+
+/* Slack thread info panel */
+.we-slack-info { margin: 8px 0 4px; }
+.we-slack-thread-status {
+  display: flex; align-items: center; gap: 8px;
+  padding: 6px 10px; margin-top: 6px;
+  background: rgba(255,255,255,0.03); border-radius: 6px;
+  font-size: 12px;
+}
+.we-thread-badge {
+  font-weight: 600; font-size: 11px;
+  padding: 2px 8px; border-radius: 10px;
+}
+.we-thread-badge.active { background: #1a2e1a; color: #4ade80; }
+.we-thread-badge.expired { background: #2a2a2a; color: #888; }
+.we-thread-expires { color: #888; font-size: 11px; }
+
+/* Compact inline action buttons */
+.we-compact-actions { display: inline-flex; gap: 4px; margin-left: auto; }
+.we-compact-btn {
+  width: 22px; height: 22px; border-radius: 4px; border: 1px solid rgba(255,255,255,0.1);
+  background: transparent; color: #888; font-size: 11px; cursor: pointer;
+  display: inline-flex; align-items: center; justify-content: center;
+  transition: all 0.15s;
+}
+.we-compact-btn:hover { background: rgba(255,255,255,0.08); color: #ccc; }
+.we-compact-btn.run:hover { color: #4ade80; border-color: #4ade80; }
+.we-compact-btn.stop:hover { color: #e03131; border-color: #e03131; }
+
+/* Task context menu */
+.we-task-menu {
+  background: #1e1e2e; border: 1px solid rgba(255,255,255,0.15); border-radius: 6px;
+  min-width: 140px; padding: 4px 0; z-index: 1000;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.5);
+}
+.we-task-menu-item {
+  padding: 6px 12px; font-size: 12px; color: #ccc; cursor: pointer;
+  white-space: nowrap;
+}
+.we-task-menu-item:hover { background: rgba(255,255,255,0.08); color: #fff; }
+.we-task-menu-item.danger { color: #e03131; }
+.we-task-menu-item.danger:hover { background: rgba(224,49,49,0.15); }
+
+/* Automation table view */
+.we-auto-health {
+  display: flex; gap: 12px; padding: 8px 10px; margin-bottom: 4px;
+  font-size: 12px; font-weight: 500;
+}
+.we-auto-health-item.ok { color: #5c940d; }
+.we-auto-health-item.paused { color: #888; }
+.we-auto-health-item.failed { color: #e03131; }
+
+.we-auto-table {
+  width: 100%; border-collapse: collapse; font-size: 12px;
+}
+.we-auto-table th {
+  text-align: left; padding: 6px 10px; color: #666; font-weight: 500;
+  font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px;
+  border-bottom: 1px solid var(--border, #2a2a3e);
+}
+.we-auto-row {
+  cursor: pointer; transition: background 0.1s;
+}
+.we-auto-row:hover { background: rgba(255,255,255,0.03); }
+.we-auto-row.expanded { background: rgba(59,130,246,0.05); }
+.we-auto-row td { padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,0.03); }
+.we-auto-title { color: var(--fg, #e0e0e0); font-weight: 500; }
+.we-auto-sched { color: #888; }
+.we-auto-last { color: #777; }
+.we-auto-actions { text-align: right; }
+.we-auto-btn {
+  padding: 2px 8px; font-size: 10px; border-radius: 3px; cursor: pointer;
+  border: 1px solid rgba(255,255,255,0.1); background: transparent; color: #888;
+}
+.we-auto-btn:hover { background: rgba(255,255,255,0.08); color: #ccc; }
+.we-auto-detail td {
+  padding: 0 10px 12px 10px;
+  background: rgba(59,130,246,0.03);
+  border-bottom: 1px solid var(--border, #2a2a3e);
+}
+
 /* Chat date separator */
 .we-chat-date-sep { text-align: center; color: var(--fg-dim, #666); font-size: 11px; padding: 12px 0 4px; position: relative; }
 .we-chat-date-sep::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid rgba(255,255,255,0.06); }