create-claude-kanban 3.1.0 → 3.2.0

package/templates/kanban.cjs

@@ -12,35 +12,18 @@ delete process.env.CLAUDECODE;
  */
 
 var config;
-try {
-  var configPath = require("path").join(__dirname, "..", "kanban.config.json");
-  if (require("fs").existsSync(configPath)) {
-    var raw = JSON.parse(require("fs").readFileSync(configPath, "utf8"));
-    config = {
-      port: raw.port || 4040,
-      projectName: (raw.projects && raw.projects[0] && raw.projects[0].name) || "Project",
-      slack: {
-        webhookUrl: process.env.SLACK_AGENT_WEBHOOK || "",
-        botToken: process.env.SLACK_BOT_TOKEN || "",
-        appToken: process.env.SLACK_APP_TOKEN || "",
-        channelId: process.env.SLACK_CHANNEL_ID || "",
-        adminUsers: (process.env.SLACK_ADMIN_USERS || "").split(",").filter(Boolean),
-        command: (raw.slack && raw.slack.command) || "/kanban",
-      },
-    };
-  } else { throw new Error("no config"); }
-} catch {
+try { config = require("claude-kanban/lib/config.cjs"); } catch {
   try { require("dotenv").config({ path: require("path").join(__dirname, "..", ".env") }); } catch {}
   config = {
     port: parseInt(process.env.PORT) || 4040,
-    projectName: "Project",
+    projectName: "APEX",
     slack: {
       webhookUrl: process.env.SLACK_AGENT_WEBHOOK || "",
       botToken: process.env.SLACK_BOT_TOKEN || "",
       appToken: process.env.SLACK_APP_TOKEN || "",
       channelId: process.env.SLACK_CHANNEL_ID || "",
       adminUsers: (process.env.SLACK_ADMIN_USERS || "").split(",").filter(Boolean),
-      command: process.env.SLACK_COMMAND || "/kanban",
+      command: process.env.SLACK_COMMAND || "/apex",
     },
   };
 }
@@ -56,6 +39,7 @@ const PROJECT_NAME = config.projectName;
 const TASKS_DIR = path.join(os.homedir(), ".claude", "tasks");
 const KANBAN_DIR = path.join(TASKS_DIR, "kanban");
 const ACTIVITY_FILE = path.join(TASKS_DIR, "activity.jsonl");
+const ARCHIVES_DIR = path.join(TASKS_DIR, "_archives");
 
 if (!fs.existsSync(KANBAN_DIR)) {
   fs.mkdirSync(KANBAN_DIR, { recursive: true });
@@ -70,7 +54,7 @@ function readProjects() {
       return JSON.parse(fs.readFileSync(PROJECTS_FILE, "utf-8"));
     }
   } catch {}
-  var defaults = [{ id: "default", name: PROJECT_NAME, dir: "kanban", color: "#3B82F6" }];
+  var defaults = [{ id: "apex", name: "APEX", dir: "kanban", color: "#3B82F6" }];
   writeProjects(defaults);
   return defaults;
 }
@@ -150,60 +134,7 @@ function getThreadTs(taskId) {
 // ── Chat Session ──
 let chatSessionId = null;
 let chatSessionModel = null;
-
-// ── Agent Activity Tracker (v3: zombie detection) ──
-var agentTracker = {}; // taskId -> { pid, startedAt, lastActivity, agent, subject }
-var STALE_THRESHOLD = 30 * 60 * 1000; // 30 min
-
-function trackAgent(taskId, pid, agent, subject) {
-  agentTracker[String(taskId)] = { pid: pid, startedAt: Date.now(), lastActivity: Date.now(), agent: agent || "", subject: subject || "" };
-}
-function touchAgent(taskId) {
-  if (agentTracker[String(taskId)]) agentTracker[String(taskId)].lastActivity = Date.now();
-}
-function untrackAgent(taskId) {
-  delete agentTracker[String(taskId)];
-}
-function isProcessAlive(pid) {
-  try { process.kill(pid, 0); return true; } catch (e) { return false; }
-}
-function checkZombies() {
-  var now = Date.now();
-  var zombies = [];
-  Object.keys(agentTracker).forEach(function (tid) {
-    var info = agentTracker[tid];
-    var alive = isProcessAlive(info.pid);
-    var stale = (now - info.lastActivity) > STALE_THRESHOLD;
-    if (!alive || stale) {
-      zombies.push({ taskId: tid, reason: !alive ? "process_dead" : "stale", agent: info.agent, subject: info.subject, lastActivity: info.lastActivity, startedAt: info.startedAt });
-      if (!alive) {
-        untrackAgent(tid);
-        // Auto-mark stale in task file
-        try {
-          var t = readTask(tid);
-          if (t && t.status === "in_progress") {
-            updateTask(tid, { _stale: true, _staleReason: "process_dead", _staleAt: new Date().toISOString() });
-            logActivity({ type: "updated", taskId: tid, subject: info.subject, detail: "Zombie detected: agent process dead" });
-            broadcastRaw({ type: "zombie", taskId: tid, reason: "process_dead" });
-          }
-        } catch (e) {}
-      } else if (stale) {
-        try {
-          var t = readTask(tid);
-          if (t && t.status === "in_progress" && !t._stale) {
-            updateTask(tid, { _stale: true, _staleReason: "timeout", _staleAt: new Date().toISOString() });
-            logActivity({ type: "updated", taskId: tid, subject: info.subject, detail: "Zombie detected: no activity for 30min" });
-            broadcastRaw({ type: "zombie", taskId: tid, reason: "stale" });
-          }
-        } catch (e) {}
-      }
-    }
-  });
-  return zombies;
-}
-
-// Run zombie check every 60 seconds
-setInterval(checkZombies, 60000);
+let chatSessionProject = null;
 
 // ── Orchestrator Prompt System ──
 const ORCHESTRATOR_FILE = path.join(os.homedir(), ".claude", "orchestrator.md");
@@ -324,6 +255,19 @@ function executeAction(action) {
   return results;
 }
 
+function getProjectSourceDir(projectId) {
+  var projects = readProjects();
+  var proj = projects.find(function(p) { return p.id === projectId; });
+  return proj ? (proj.sourceDir || "") : "";
+}
+
+function readProjectClaudeMd(projectId) {
+  var srcDir = getProjectSourceDir(projectId);
+  if (!srcDir) return "";
+  var claudeMdPath = path.join(srcDir, "CLAUDE.md");
+  try { return fs.readFileSync(claudeMdPath, "utf-8"); } catch { return ""; }
+}
+
 function buildChatSystemPrompt(tasks, projectName, currentProjectId) {
   var orchestratorPrompt = readOrchestratorPrompt();
   var history = readOrchestratorHistory(5);
@@ -374,9 +318,17 @@ function buildChatSystemPrompt(tasks, projectName, currentProjectId) {
     prompt += "You are the Orchestrator for the " + projectName + " Kanban board.\n\n";
   }
   prompt += "## Current Board State\n";
+  var srcDir = getProjectSourceDir(currentProjectId);
   prompt += "Active Project: " + projectName + " (" + (currentProjectId || "") + ")\n";
-  prompt += "Working directory: " + path.join(__dirname, "..") + "\n\n";
+  prompt += "Working directory: " + (srcDir || path.join(__dirname, "..")) + "\n\n";
   prompt += (taskDetail || "(보드 비어있음)") + "\n\n";
+
+  // Inject project-specific CLAUDE.md
+  var claudeMd = readProjectClaudeMd(currentProjectId);
+  if (claudeMd) {
+    prompt += "## Project Specification (CLAUDE.md)\n" + claudeMd + "\n\n";
+  }
+
   if (crossProjectInfo) {
     prompt += crossProjectInfo;
   }
@@ -600,11 +552,6 @@ function readActivity(since, limit) {
 }
 
 // ── Task 파일 읽기 ──
-function readTask(id) {
-  var all = readAllTasks();
-  return all.find(function(t) { return String(t.id) === String(id); }) || null;
-}
-
 function readAllTasks(projectFilter) {
   const tasks = [];
   if (!fs.existsSync(TASKS_DIR)) return tasks;
@@ -628,7 +575,7 @@ function readAllTasks(projectFilter) {
       }
       const sessionPath = path.join(TASKS_DIR, session.name);
       const files = fs.readdirSync(sessionPath).filter(
-        (f) => f.endsWith(".json") && f !== ".lock"
+        (f) => f.endsWith(".json") && f !== ".lock" && f !== "chat-history.json"
       );
       for (const file of files) {
         try {
@@ -670,7 +617,7 @@ function getNextId() {
 function createTask(data) {
   const id = getNextId();
   const now = new Date().toISOString();
-  var projectId = data.project || readProjects()[0].id || "default";
+  var projectId = data.project || readProjects()[0].id || "apex";
   var projectDir = getProjectDir(projectId);
   if (!fs.existsSync(projectDir)) fs.mkdirSync(projectDir, { recursive: true });
   const task = {
@@ -743,9 +690,6 @@ function updateTask(id, data) {
   if (data.reportPath !== undefined) task.reportPath = data.reportPath;
   if (data.reportSummary !== undefined) task.reportSummary = data.reportSummary;
   if (data.parentId !== undefined) task.parentId = data.parentId;
-  if (data._stale !== undefined) task._stale = data._stale;
-  if (data._staleReason !== undefined) task._staleReason = data._staleReason;
-  if (data._staleAt !== undefined) task._staleAt = data._staleAt;
   task.updatedAt = now;
   fs.writeFileSync(filePath, JSON.stringify(task, null, 2));
 
@@ -935,18 +879,8 @@ function buildExecutorPrompt(task) {
   if (agentPrompt) parts.push(agentPrompt);
 
   parts.push("## 태스크\n\n- **Task ID**: " + task.id + "\n- **Subject**: " + task.subject + "\n\n" + (task.description || "(설명 없음)"));
-
-  // v3: Include review feedback from comments
-  if (task.comments && task.comments.length > 0) {
-    var reviewComments = task.comments.filter(function (c) { return c.author === "reviewer"; });
-    if (reviewComments.length > 0) {
-      parts.push("## 리뷰 피드백\n\n이전 실행에서 리뷰어가 남긴 피드백입니다. 반드시 반영하세요:\n\n" +
-        reviewComments.map(function (c) { return "- " + c.text + " (" + c.createdAt + ")"; }).join("\n"));
-    }
-  }
-
   parts.push("작업 디렉토리: " + path.join(__dirname, ".."));
-  parts.push("## Slack Progress Reporting\n\n진행 상황을 Slack에 보고할 때 반드시 아래 API를 사용한다:\n\n```bash\ncurl -s -X POST http://localhost:" + PORT + "/api/tasks/" + task.id + "/slack \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"text\":\"progress message\"}'\n```\n\n`$SLACK_AGENT_WEBHOOK` 직접 사용 금지. 반드시 위 API를 통해 보고.");
+  parts.push("## Slack Progress Reporting\n\n진행 상황을 Slack에 보고할 때 반드시 아래 API를 사용한다:\n\n```bash\ncurl -s -X POST http://localhost:4040/api/tasks/" + task.id + "/slack \\\n  -H \"Content-Type: application/json\" \\\n  -d '{\"text\":\"progress message\"}'\n```\n\n`$SLACK_AGENT_WEBHOOK` 직접 사용 금지. 반드시 위 API를 통해 보고.");
 
   return parts.join("\n\n---\n\n");
 }
@@ -960,14 +894,14 @@ function spawnExecutor(task) {
   var execEnv = Object.assign({}, process.env);
   delete execEnv.ANTHROPIC_API_KEY; // Max 구독 OAuth 사용
   delete execEnv.CLAUDECODE; // executor가 nested로 오인하지 않도록
+  var execCwd = getProjectSourceDir(task.project) || path.join(__dirname, "..");
   const proc = spawn("claude", ["-p", "--verbose", "--output-format", "stream-json", "--model", model, "--no-session-persistence", "--dangerously-skip-permissions"], {
-    cwd: path.join(__dirname, ".."),
+    cwd: execCwd,
     env: execEnv,
     stdio: ["pipe", "pipe", "pipe"],
   });
 
   activeExec = { process: proc, taskId: taskId, output: "" };
-  trackAgent(taskId, proc.pid, task.agent, task.subject);
   broadcastRaw({ type: "exec_start", taskId: taskId, subject: task.subject, agent: task.agent || "", model: model });
   logActivity({ type: "started", taskId: taskId, subject: task.subject, detail: "Agent: " + (task.agent || "none") + " | Model: " + model });
 
@@ -991,7 +925,6 @@ function spawnExecutor(task) {
         else if (json.type === "content_block_delta" && json.delta) text = json.delta.text || "";
         if (text && activeExec) {
           activeExec.output += text;
-          touchAgent(taskId);
           broadcastRaw({ type: "exec", taskId: taskId, chunk: text });
         }
       } catch (e) {}
@@ -1005,7 +938,6 @@ function spawnExecutor(task) {
   proc.on("close", function (code) {
     var output = activeExec ? activeExec.output : "";
     activeExec = null;
-    untrackAgent(taskId);
     if (code === 0) {
       updateTask(taskId, { status: "in_review", reportSummary: output.slice(0, 500) });
       broadcastRaw({ type: "exec_done", taskId: taskId, exitCode: 0 });
@@ -1386,8 +1318,9 @@ function handleSlackAsk(question, channelId, client) {
 
   var askEnv = Object.assign({}, process.env);
   delete askEnv.ANTHROPIC_API_KEY;
+  var askCwd = getProjectSourceDir(defaultProjId) || path.join(__dirname, "..");
   var proc = spawn("claude", ["-p", "--output-format", "text", "--model", "sonnet", "--no-session-persistence", "--dangerously-skip-permissions"], {
-    cwd: path.join(__dirname, ".."),
+    cwd: askCwd,
     env: askEnv,
     stdio: ["pipe", "pipe", "pipe"],
   });
@@ -1481,6 +1414,13 @@ function watchTasks() {
     broadcast({ type: "update", tasks });
   }
 
+  // macOS fs.watch fires multiple events per single file change — debounce
+  let _changeTimer = null;
+  function debouncedOnFileChange() {
+    if (_changeTimer) clearTimeout(_changeTimer);
+    _changeTimer = setTimeout(() => { _changeTimer = null; onFileChange(); }, 300);
+  }
+
   function scanAndWatch() {
     if (!fs.existsSync(TASKS_DIR)) return;
     try {
@@ -1491,7 +1431,7 @@ function watchTasks() {
         if (!watched.has(sp)) {
           watched.add(sp);
           try {
-            fs.watch(sp, { persistent: false }, () => onFileChange());
+            fs.watch(sp, { persistent: false }, () => debouncedOnFileChange());
           } catch {}
         }
       }
@@ -1500,13 +1440,376 @@ function watchTasks() {
   try {
     fs.watch(TASKS_DIR, { persistent: false }, () => {
       scanAndWatch();
-      onFileChange();
+      debouncedOnFileChange();
     });
   } catch {}
   scanAndWatch();
   setInterval(() => broadcast({ type: "update", tasks: readAllTasks() }), 2000);
 }
 
+// ── Archive ──
+function archiveTasks(projectId, taskIds) {
+  var projects = readProjects();
+  var proj = projects.find(function(p) { return p.id === projectId; });
+  if (!proj) throw new Error("Project not found: " + projectId);
+  var dirName = proj.dir || proj.id;
+
+  // Collect completed tasks
+  var allTasks = readAllTasks(projectId);
+  var completedTasks = allTasks.filter(function(t) {
+    return t.status === "completed" && t._editable;
+  });
+  if (taskIds && taskIds.length > 0) {
+    completedTasks = completedTasks.filter(function(t) {
+      return taskIds.indexOf(String(t.id)) >= 0;
+    });
+  }
+  if (completedTasks.length === 0) return { ok: true, date: null, count: 0 };
+
+  // Build children lookup
+  var childrenMap = {};
+  allTasks.forEach(function(t) {
+    if (t.parentId) {
+      if (!childrenMap[t.parentId]) childrenMap[t.parentId] = [];
+      childrenMap[t.parentId].push(String(t.id));
+    }
+  });
+
+  // Build archive task records
+  var now = new Date();
+  var dateStr = now.toISOString().slice(0, 10);
+  var archiveTasks = completedTasks.map(function(t) {
+    var elapsed = null;
+    if (t.startedAt && t.completedAt) {
+      elapsed = Math.round((new Date(t.completedAt) - new Date(t.startedAt)) / 1000);
+    }
+    return {
+      id: String(t.id),
+      subject: t.subject || "",
+      description: t.description || "",
+      status: t.status,
+      priority: t.priority || "medium",
+      agent: t.agent || "",
+      owner: t.owner || "",
+      parentId: t.parentId || null,
+      children: childrenMap[String(t.id)] || [],
+      createdAt: t.createdAt || null,
+      startedAt: t.startedAt || null,
+      completedAt: t.completedAt || null,
+      elapsedSec: elapsed,
+      reportSummary: t.reportSummary || null,
+      reportPath: t.reportPath || null,
+    };
+  });
+
+  // Merge into date file
+  var archiveDir = path.join(ARCHIVES_DIR, dirName);
+  if (!fs.existsSync(archiveDir)) fs.mkdirSync(archiveDir, { recursive: true });
+  var archiveFile = path.join(archiveDir, dateStr + ".json");
+
+  var existing = null;
+  if (fs.existsSync(archiveFile)) {
+    try { existing = JSON.parse(fs.readFileSync(archiveFile, "utf-8")); } catch {}
+  }
+
+  var agents = new Set();
+  archiveTasks.forEach(function(t) { if (t.agent) agents.add(t.agent); });
+
+  if (existing && existing.tasks) {
+    // Merge: deduplicate by ID
+    var existingIds = new Set(existing.tasks.map(function(t) { return t.id; }));
+    archiveTasks.forEach(function(t) {
+      if (!existingIds.has(t.id)) {
+        existing.tasks.push(t);
+        existingIds.add(t.id);
+      }
+    });
+    existing.tasks.forEach(function(t) { if (t.agent) agents.add(t.agent); });
+    existing.archivedAt = now.toISOString();
+    existing.stats = { total: existing.tasks.length, agents: Array.from(agents) };
+    fs.writeFileSync(archiveFile, JSON.stringify(existing, null, 2));
+  } else {
+    var archive = {
+      date: dateStr,
+      project: projectId,
+      projectDir: dirName,
+      archivedAt: now.toISOString(),
+      tasks: archiveTasks,
+      stats: { total: archiveTasks.length, agents: Array.from(agents) },
+    };
+    fs.writeFileSync(archiveFile, JSON.stringify(archive, null, 2));
+  }
+
+  // Delete task files
+  completedTasks.forEach(function(t) {
+    var fp = findTaskFile(String(t.id));
+    if (fp) {
+      try { fs.unlinkSync(fp); } catch {}
+      taskSnapshot.delete(String(t.id));
+    }
+  });
+
+  // Activity log
+  logActivity({
+    type: "archived",
+    taskId: completedTasks.map(function(t) { return t.id; }).join(","),
+    subject: "Archived " + completedTasks.length + " tasks",
+    agent: "",
+    detail: dateStr + " → " + archiveFile,
+  });
+
+  // Generate HTML report
+  var finalData = existing || archive;
+  generateArchiveHTML(finalData, archiveDir);
+  generateArchiveIndex(archiveDir, dirName, projectId);
+
+  return { ok: true, date: dateStr, count: completedTasks.length };
+}
+
+function generateArchiveHTML(data, archiveDir) {
+  var tasks = data.tasks || [];
+  var dateStr = data.date;
+  var taskMap = {};
+  tasks.forEach(function(t) { taskMap[t.id] = t; });
+
+  var parents = [], childrenMap = {}, orphans = [], standalone = [];
+  tasks.forEach(function(t) {
+    if (t.children && t.children.length > 0) {
+      parents.push(t);
+      childrenMap[t.id] = t.children.map(function(cid) { return taskMap[cid]; }).filter(Boolean);
+    } else if (t.parentId) {
+      if (!taskMap[t.parentId]) orphans.push(t);
+    } else {
+      standalone.push(t);
+    }
+  });
+
+  function esc(s) { return String(s || "").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"); }
+  function nl2br(s) { return esc(s).replace(/\n/g, "<br>"); }
+  function fmtDur(sec) {
+    if (sec == null) return "-";
+    if (sec < 60) return sec + "s";
+    if (sec < 3600) return Math.floor(sec/60) + "m " + (sec%60) + "s";
+    return Math.floor(sec/3600) + "h " + Math.floor((sec%3600)/60) + "m";
+  }
+  function fmtDateTime(iso) {
+    if (!iso) return "-";
+    var d = new Date(iso);
+    return d.toLocaleDateString("ko-KR") + " " + d.toLocaleTimeString("ko-KR", { hour: "2-digit", minute: "2-digit" });
+  }
+
+  function renderTask(t, indent) {
+    var cls = indent ? "child" : (t.children && t.children.length > 0 ? "parent" : "");
+    var h = '<div class="task ' + cls + '">';
+    h += '<div class="task-head">';
+    h += '<span class="tid">#' + esc(t.id) + '</span>';
+    h += '<span class="subj">' + esc(t.subject) + '</span>';
+    if (t.priority === "high" || t.priority === "critical") h += '<span class="pri pri-' + t.priority + '">' + esc(t.priority) + '</span>';
+    h += '</div>';
+    h += '<div class="task-meta">';
+    if (t.agent) h += '<span class="meta-tag agent">' + esc(t.agent) + '</span>';
+    if (t.owner && t.owner !== t.agent) h += '<span class="meta-tag">owner: ' + esc(t.owner) + '</span>';
+    if (t.createdAt) h += '<span>created: ' + fmtDateTime(t.createdAt) + '</span>';
+    if (t.completedAt) h += '<span>done: ' + fmtDateTime(t.completedAt) + '</span>';
+    if (t.elapsedSec != null) h += '<span>' + fmtDur(t.elapsedSec) + '</span>';
+    if (indent && t.parentId) h += '<span class="pref">&larr; #' + esc(t.parentId) + '</span>';
+    h += '</div>';
+    if (t.reportSummary) h += '<div class="task-report"><div class="report-label">Report</div>' + nl2br(t.reportSummary) + '</div>';
+    if (t.description) h += '<div class="task-detail"><div class="detail-label">Description</div>' + nl2br(t.description) + '</div>';
+    if (t.children && t.children.length > 0) h += '<div class="task-children">' + t.children.length + ' subtasks</div>';
+    h += '</div>';
+    return h;
+  }
+
+  var body = '';
+  parents.forEach(function(p) {
+    body += renderTask(p, false);
+    (childrenMap[p.id] || []).forEach(function(c) { body += renderTask(c, true); });
+  });
+  if (standalone.length > 0) {
+    if (parents.length > 0) body += '<div class="section-label">Standalone</div>';
+    standalone.forEach(function(t) { body += renderTask(t, false); });
+  }
+  if (orphans.length > 0) {
+    body += '<div class="section-label">Orphan subtasks</div>';
+    orphans.forEach(function(t) { body += renderTask(t, true); });
+  }
+
+  var agentList = (data.stats && data.stats.agents) ? data.stats.agents.join(", ") : "";
+  var css = '*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\n';
+  css += 'body{font-family:-apple-system,BlinkMacSystemFont,"Pretendard Variable",sans-serif;background:#050A12;color:#DDE5F0;font-size:13px;line-height:1.6}\n';
+  css += '.wrap{max-width:900px;margin:0 auto;padding:32px 24px 60px}\n';
+  css += 'h1{font-size:22px;font-weight:700;margin-bottom:4px;color:#fff}\n';
+  css += '.subtitle{font-size:12px;color:#607088;margin-bottom:24px}\n';
+  css += '.stats-bar{display:flex;gap:16px;padding:12px 16px;background:#0B1220;border:1px solid #1E2D45;border-radius:6px;margin-bottom:28px;font-size:12px;color:#8899B0;flex-wrap:wrap}\n';
+  css += '.stats-bar strong{color:#DDE5F0}\n';
+  css += '.section-label{font-size:11px;font-weight:600;color:#607088;text-transform:uppercase;letter-spacing:.5px;margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid #1E2D45}\n';
+  css += '.task{padding:14px 16px;border:1px solid #1E2D45;border-radius:6px;margin-bottom:8px;background:#0B1220;transition:background .15s}\n';
+  css += '.task:hover{background:#101828}\n';
+  css += '.task.parent{border-left:3px solid #1A6FEF}\n';
+  css += '.task.child{margin-left:28px;border-left:2px dashed #2A3F5F}\n';
+  css += '.task-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}\n';
+  css += '.tid{font-size:11px;font-family:monospace;color:#1A6FEF;font-weight:700;flex-shrink:0}\n';
+  css += '.subj{font-size:14px;font-weight:600;color:#fff;flex:1}\n';
+  css += '.pri{font-size:9px;font-weight:700;padding:2px 8px;border-radius:3px;text-transform:uppercase}\n';
+  css += '.pri-high{background:rgba(239,68,68,.15);color:#EF4444}\n';
+  css += '.pri-critical{background:rgba(239,68,68,.25);color:#EF4444}\n';
+  css += '.task-meta{display:flex;gap:10px;font-size:10px;color:#607088;flex-wrap:wrap;margin-bottom:6px;align-items:center}\n';
+  css += '.meta-tag{padding:1px 7px;background:#162035;border-radius:3px;color:#8899B0;font-weight:500}\n';
+  css += '.meta-tag.agent{color:#1A6FEF;background:rgba(26,111,239,.1)}\n';
+  css += '.task-meta .pref{font-family:monospace;color:#C8A24A}\n';
+  css += '.task-report{margin-top:8px;padding:10px 12px;background:#0F1B30;border:1px solid #1E2D45;border-left:3px solid #22C55E;border-radius:4px;font-size:12px;color:#8899B0;line-height:1.7}\n';
+  css += '.report-label{font-size:9px;font-weight:700;color:#22C55E;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}\n';
+  css += '.task-detail{margin-top:6px;padding:10px 12px;background:#0A0F1A;border:1px solid #1E2D45;border-radius:4px;font-size:12px;color:#607088;line-height:1.7}\n';
+  css += '.detail-label{font-size:9px;font-weight:700;color:#455570;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}\n';
+  css += '.task-children{margin-top:6px;font-size:10px;color:#1A6FEF;font-weight:600}\n';
+  css += '.nav{margin-top:32px;padding-top:16px;border-top:1px solid #1E2D45;font-size:11px;color:#607088}\n';
+  css += '.nav a{color:#1A6FEF;text-decoration:none}\n';
+  css += '.nav a:hover{text-decoration:underline}\n';
+
+  var html = '<!DOCTYPE html>\n<html lang="ko"><head><meta charset="UTF-8">\n';
+  html += '<meta name="viewport" content="width=device-width, initial-scale=1.0">\n';
+  html += '<title>Archive ' + esc(dateStr) + ' — ' + esc(data.project || "") + '</title>\n';
+  html += '<style>' + css + '</style></head><body>\n';
+  html += '<div class="wrap">\n';
+  html += '<h1>' + esc(dateStr) + '</h1>\n';
+  html += '<div class="subtitle">' + esc(data.project || "") + ' archive &middot; ' + fmtDateTime(data.archivedAt) + '</div>\n';
+  html += '<div class="stats-bar"><span><strong>' + tasks.length + '</strong> tasks</span>';
+  if (agentList) html += '<span>agents: ' + esc(agentList) + '</span>';
+  html += '</div>\n';
+  html += body;
+  html += '<div class="nav"><a href="../index.html">&larr; All archives</a></div>\n';
+  html += '</div></body></html>';
+
+  fs.writeFileSync(path.join(archiveDir, dateStr + ".html"), html);
+}
+
+function generateArchiveIndex(archiveDir, dirName, projectId) {
+  // Ensure per-date HTML exists for all JSONs in this project
+  try {
+    var jsonFiles = fs.readdirSync(archiveDir).filter(function(f) { return f.endsWith(".json"); });
+    jsonFiles.forEach(function(f) {
+      var htmlF = f.replace(".json", ".html");
+      if (!fs.existsSync(path.join(archiveDir, htmlF))) {
+        try {
+          var d = JSON.parse(fs.readFileSync(path.join(archiveDir, f), "utf-8"));
+          generateArchiveHTML(d, archiveDir);
+        } catch {}
+      }
+    });
+  } catch {}
+  generateUnifiedArchiveIndex();
+}
+
+function generateUnifiedArchiveIndex() {
+  var projects = readProjects();
+  function esc(s) { return String(s || "").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"); }
+
+  var projectData = [];
+  projects.forEach(function(p) {
+    var dirName = p.dir || p.id;
+    var archDir = path.join(ARCHIVES_DIR, dirName);
+    var entries = [];
+    if (fs.existsSync(archDir)) {
+      try {
+        var files = fs.readdirSync(archDir).filter(function(f) { return f.endsWith(".json"); }).sort().reverse();
+        entries = files.map(function(f) {
+          try {
+            var data = JSON.parse(fs.readFileSync(path.join(archDir, f), "utf-8"));
+            return { date: data.date || f.replace(".json",""), count: (data.tasks||[]).length, agents: (data.stats&&data.stats.agents)||[], dir: dirName };
+          } catch { return { date: f.replace(".json",""), count: 0, agents: [], dir: dirName }; }
+        });
+      } catch {}
+    }
+    projectData.push({ id: p.id, name: p.name, color: p.color || "#3B82F6", dir: dirName, entries: entries });
+  });
+
+  var totalDays = projectData.reduce(function(s, p) { return s + p.entries.length; }, 0);
+
+  var css = '*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\n';
+  css += 'body{font-family:-apple-system,BlinkMacSystemFont,"Pretendard Variable",sans-serif;background:#050A12;color:#DDE5F0;font-size:13px;line-height:1.6}\n';
+  css += '.wrap{max-width:900px;margin:0 auto;padding:32px 24px 60px}\n';
+  css += 'h1{font-size:22px;font-weight:700;margin-bottom:4px;color:#fff}\n';
+  css += '.subtitle{font-size:12px;color:#607088;margin-bottom:20px}\n';
+  css += '.tabs{display:flex;gap:0;border-bottom:1px solid #1E2D45;margin-bottom:24px}\n';
+  css += '.tab{padding:10px 20px;cursor:pointer;font-size:13px;font-weight:600;color:#607088;border:none;background:none;font-family:inherit;border-bottom:2px solid transparent;transition:all .15s}\n';
+  css += '.tab:hover{color:#8899B0}\n';
+  css += '.tab.active{color:#DDE5F0;border-bottom-color:var(--tc,#1A6FEF)}\n';
+  css += '.tab .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}\n';
+  css += '.tab .cnt{font-size:10px;color:#455570;margin-left:4px;font-weight:400;font-family:monospace}\n';
+  css += '.panel{display:none}\n';
+  css += '.panel.active{display:block}\n';
+  css += '.empty-msg{text-align:center;padding:40px;color:#455570;font-size:12px}\n';
+  css += 'table{width:100%;border-collapse:collapse}\n';
+  css += 'th{text-align:left;padding:10px 14px;background:#0B1220;border:1px solid #1E2D45;font-size:10px;font-weight:600;color:#607088;text-transform:uppercase;letter-spacing:.5px}\n';
+  css += 'td{padding:10px 14px;border:1px solid #1E2D45;font-size:13px}\n';
+  css += 'tr:hover td{background:#0B1220}\n';
+  css += 'a{color:#1A6FEF;text-decoration:none}\n';
+  css += 'a:hover{text-decoration:underline}\n';
+  css += '.agent-tags{display:flex;gap:4px;flex-wrap:wrap}\n';
+  css += '.agent-tag{font-size:10px;padding:1px 6px;background:#162035;border-radius:3px;color:#8899B0}\n';
+
+  var tabsHtml = '';
+  var panelsHtml = '';
+  projectData.forEach(function(p, i) {
+    var activeClass = i === 0 ? " active" : "";
+    tabsHtml += '<button class="tab' + activeClass + '" style="--tc:' + esc(p.color) + '" onclick="switchTab(\'' + esc(p.id) + '\')">';
+    tabsHtml += '<span class="dot" style="background:' + esc(p.color) + '"></span>';
+    tabsHtml += esc(p.name);
+    tabsHtml += '<span class="cnt">' + p.entries.length + '</span>';
+    tabsHtml += '</button>';
+
+    panelsHtml += '<div class="panel' + activeClass + '" data-project="' + esc(p.id) + '">';
+    if (p.entries.length === 0) {
+      panelsHtml += '<div class="empty-msg">No archives yet</div>';
+    } else {
+      panelsHtml += '<table><thead><tr><th>Date</th><th>Tasks</th><th>Agents</th></tr></thead><tbody>';
+      p.entries.forEach(function(e) {
+        panelsHtml += '<tr>';
+        panelsHtml += '<td><a href="' + esc(e.dir) + '/' + esc(e.date) + '.html">' + esc(e.date) + '</a></td>';
+        panelsHtml += '<td>' + e.count + '</td>';
+        panelsHtml += '<td><div class="agent-tags">';
+        e.agents.forEach(function(a) { panelsHtml += '<span class="agent-tag">' + esc(a) + '</span>'; });
+        panelsHtml += '</div></td>';
+        panelsHtml += '</tr>';
+      });
+      panelsHtml += '</tbody></table>';
+    }
+    panelsHtml += '</div>';
+  });
+
+  var js = 'function switchTab(id){';
+  js += 'document.querySelectorAll(".tab").forEach(function(t){t.classList.remove("active")});';
+  js += 'document.querySelectorAll(".panel").forEach(function(p){p.classList.remove("active")});';
+  js += 'event.currentTarget.classList.add("active");';
+  js += 'document.querySelector(\'[data-project="\'+id+\'"]\').classList.add("active");';
+  js += '}';
+
+  var html = '<!DOCTYPE html>\n<html lang="ko"><head><meta charset="UTF-8">\n';
+  html += '<meta name="viewport" content="width=device-width, initial-scale=1.0">\n';
+  html += '<title>Archives</title>\n';
+  html += '<style>' + css + '</style></head><body>\n';
+  html += '<div class="wrap">\n';
+  html += '<h1>Archives</h1>\n';
+  html += '<div class="subtitle">' + projects.length + ' projects &middot; ' + totalDays + ' days</div>\n';
+  html += '<div class="tabs">' + tabsHtml + '</div>\n';
+  html += panelsHtml;
+  html += '</div>\n';
+  html += '<script>' + js + '</script>\n';
+  html += '</body></html>';
+
+  fs.writeFileSync(path.join(ARCHIVES_DIR, "index.html"), html);
+
+  // Per-project index.html → redirect to unified
+  projectData.forEach(function(p) {
+    var perDir = path.join(ARCHIVES_DIR, p.dir);
+    if (fs.existsSync(perDir)) {
+      fs.writeFileSync(path.join(perDir, "index.html"),
+        '<!DOCTYPE html><html><head><meta http-equiv="refresh" content="0;url=../index.html"></head><body><a href="../index.html">Archives</a></body></html>');
+    }
+  });
+}
+
 // ── Request body parser ──
 function parseBody(req) {
   return new Promise((resolve, reject) => {
@@ -1601,94 +1904,6 @@ const server = http.createServer(async (req, res) => {
     return;
   }
 
-  // GET /api/metrics — progress metrics
-  if (req.url.split("?")[0] === "/api/metrics" && req.method === "GET") {
-    var metricsParams = new URL(req.url, "http://localhost").searchParams;
-    var mProject = metricsParams.get("project") || null;
-    var allT = readAllTasks(mProject);
-    var total = allT.length, pending = 0, active = 0, review = 0, completed = 0, blocked = 0, stale = 0;
-    var byAgent = {}, byPriority = { high: 0, medium: 0, low: 0 };
-    var dailyCompleted = {}; // date -> count
-    var dailyCreated = {};
-    allT.forEach(function (t) {
-      var st = t.status || "pending";
-      if (st === "pending") pending++;
-      else if (st === "in_progress") active++;
-      else if (st === "in_review") review++;
-      else if (st === "completed") completed++;
-      if (t.blockedBy && t.blockedBy.length > 0 && st !== "completed") blocked++;
-      if (t._stale) stale++;
-      var ag = t.agent || "unassigned";
-      if (!byAgent[ag]) byAgent[ag] = { total: 0, completed: 0, in_progress: 0, pending: 0 };
-      byAgent[ag].total++;
-      byAgent[ag][st] = (byAgent[ag][st] || 0) + 1;
-      byPriority[t.priority || "medium"]++;
-      if (t.completedAt) {
-        var d = t.completedAt.slice(0, 10);
-        dailyCompleted[d] = (dailyCompleted[d] || 0) + 1;
-      }
-      if (t.createdAt) {
-        var d2 = t.createdAt.slice(0, 10);
-        dailyCreated[d2] = (dailyCreated[d2] || 0) + 1;
-      }
-    });
-    // Build burndown: remaining tasks over time
-    var burndown = [];
-    var dates = Object.keys(Object.assign({}, dailyCompleted, dailyCreated)).sort();
-    if (dates.length > 0) {
-      var remaining = total;
-      for (var di = dates.length - 1; di >= 0; di--) {
-        burndown.unshift({ date: dates[di], remaining: remaining });
-        remaining = remaining + (dailyCompleted[dates[di]] || 0) - (dailyCreated[dates[di]] || 0);
-      }
-    }
-    res.writeHead(200, { "Content-Type": "application/json" });
-    res.end(JSON.stringify({
-      total: total, pending: pending, active: active, review: review, completed: completed,
-      blocked: blocked, stale: stale,
-      completionRate: total > 0 ? Math.round(completed / total * 100) : 0,
-      byAgent: byAgent, byPriority: byPriority,
-      dailyCompleted: dailyCompleted, dailyCreated: dailyCreated,
-      burndown: burndown
-    }));
-    return;
-  }
-
-  // GET /api/agents/status — agent tracker + zombie info
-  if (req.url === "/api/agents/status" && req.method === "GET") {
-    var agents = {};
-    var allT = readAllTasks();
-    // Collect agent stats
-    allT.forEach(function(t) {
-      var a = t.agent || "unassigned";
-      if (!agents[a]) agents[a] = { total: 0, completed: 0, in_progress: 0, pending: 0, in_review: 0 };
-      agents[a].total++;
-      agents[a][t.status] = (agents[a][t.status] || 0) + 1;
-    });
-    // Merge live tracking
-    var tracked = {};
-    Object.keys(agentTracker).forEach(function(tid) {
-      var info = agentTracker[tid];
-      tracked[tid] = { pid: info.pid, alive: isProcessAlive(info.pid), startedAt: info.startedAt, lastActivity: info.lastActivity, agent: info.agent, subject: info.subject };
-    });
-    res.writeHead(200, { "Content-Type": "application/json" });
-    res.end(JSON.stringify({ agents: agents, tracked: tracked, activeExec: activeExec ? { taskId: activeExec.taskId } : null }));
-    return;
-  }
-
-  // POST /api/tasks/:id/recover — recover zombie task
-  var recoverMatch = req.url.match(/^\/api\/tasks\/(\d+)\/recover$/);
-  if (recoverMatch && req.method === "POST") {
-    var rid = recoverMatch[1];
-    untrackAgent(rid);
-    updateTask(rid, { status: "pending", _stale: false, _staleReason: null, _staleAt: null, activeForm: null });
-    logActivity({ type: "updated", taskId: rid, subject: "", detail: "Recovered from zombie state" });
-    broadcastRaw({ type: "tasks_updated" });
-    res.writeHead(200, { "Content-Type": "application/json" });
-    res.end(JSON.stringify({ ok: true, taskId: rid }));
-    return;
-  }
-
   // GET /api/tasks
   if (req.url.split("?")[0] === "/api/tasks" && req.method === "GET") {
     var taskParams = new URL(req.url, "http://localhost").searchParams;
@@ -1770,39 +1985,6 @@ const server = http.createServer(async (req, res) => {
     return;
   }
 
-  // GET /api/tasks/:id/comments — list comments
-  var commentsGetMatch = req.url.match(/^\/api\/tasks\/(\d+)\/comments$/);
-  if (commentsGetMatch && req.method === "GET") {
-    var cid = commentsGetMatch[1];
-    var ct = readTask(cid);
-    res.writeHead(200, { "Content-Type": "application/json" });
-    res.end(JSON.stringify(ct && ct.comments ? ct.comments : []));
-    return;
-  }
-
-  // POST /api/tasks/:id/comments — add comment
-  var commentsPostMatch = req.url.match(/^\/api\/tasks\/(\d+)\/comments$/);
-  if (commentsPostMatch && req.method === "POST") {
-    var cid2 = commentsPostMatch[1];
-    collectBody(req, function (body) {
-      try {
-        var cdata = JSON.parse(body);
-        var filePath = findTaskFile(cid2);
-        if (!filePath) { res.writeHead(404); res.end(JSON.stringify({ error: "not found" })); return; }
-        var task = JSON.parse(fs.readFileSync(filePath, "utf-8"));
-        if (!task.comments) task.comments = [];
-        var comment = { author: cdata.author || "user", text: cdata.text || "", createdAt: new Date().toISOString() };
-        task.comments.push(comment);
-        fs.writeFileSync(filePath, JSON.stringify(task, null, 2));
-        broadcastRaw({ type: "tasks_updated" });
-        logActivity({ type: "updated", taskId: cid2, subject: task.subject || "", detail: "Comment by " + comment.author });
-        res.writeHead(200, { "Content-Type": "application/json" });
-        res.end(JSON.stringify({ ok: true, comment: comment }));
-      } catch (e) { res.writeHead(400); res.end(JSON.stringify({ error: String(e) })); }
-    });
-    return;
-  }
-
   // POST /api/tasks/:id/slack — Agent progress reporting via thread
   const slackMatch = req.url.match(/^\/api\/tasks\/([\w.-]+)\/slack$/);
   if (slackMatch && req.method === "POST") {
@@ -1844,6 +2026,71 @@ const server = http.createServer(async (req, res) => {
     return;
   }
 
+  // POST /api/archive
+  if (req.url === "/api/archive" && req.method === "POST") {
+    try {
+      var archBody = await parseBody(req);
+      var archProject = archBody.project || (readProjects()[0] || {}).id || "apex";
+      var result = archiveTasks(archProject, archBody.taskIds || null);
+      res.writeHead(200, { "Content-Type": "application/json" });
+      res.end(JSON.stringify(result));
+    } catch (e) {
+      res.writeHead(400, { "Content-Type": "application/json" });
+      res.end(JSON.stringify({ error: e.message }));
+    }
+    return;
+  }
+
+  // GET /api/archives?project=<id>
+  if (req.url.split("?")[0] === "/api/archives" && !req.url.match(/\/api\/archives\//) && req.method === "GET") {
+    var archParams = new URL(req.url, "http://localhost").searchParams;
+    var archProjId = archParams.get("project") || (readProjects()[0] || {}).id || "apex";
+    var archProjects = readProjects();
+    var archProj = archProjects.find(function(p) { return p.id === archProjId; });
+    var archDirName = archProj ? (archProj.dir || archProj.id) : archProjId;
+    var archDir = path.join(ARCHIVES_DIR, archDirName);
+    var archList = [];
+    if (fs.existsSync(archDir)) {
+      try {
+        var archFiles = fs.readdirSync(archDir).filter(function(f) { return f.endsWith(".json"); }).sort().reverse();
+        archList = archFiles.map(function(f) {
+          try {
+            var data = JSON.parse(fs.readFileSync(path.join(archDir, f), "utf-8"));
+            return { date: data.date, count: (data.tasks || []).length, agents: (data.stats || {}).agents || [] };
+          } catch { return { date: f.replace(".json", ""), count: 0, agents: [] }; }
+        });
+      } catch {}
+    }
+    res.writeHead(200, { "Content-Type": "application/json" });
+    res.end(JSON.stringify(archList));
+    return;
+  }
+
+  // GET /api/archives/:date?project=<id>
+  var archDateMatch = req.url.match(/^\/api\/archives\/([\d-]+)/);
+  if (archDateMatch && req.method === "GET") {
+    var archParams2 = new URL(req.url, "http://localhost").searchParams;
+    var archProjId2 = archParams2.get("project") || (readProjects()[0] || {}).id || "apex";
+    var archProjects2 = readProjects();
+    var archProj2 = archProjects2.find(function(p) { return p.id === archProjId2; });
+    var archDirName2 = archProj2 ? (archProj2.dir || archProj2.id) : archProjId2;
+    var archFile2 = path.join(ARCHIVES_DIR, archDirName2, archDateMatch[1] + ".json");
+    if (!fs.existsSync(archFile2)) {
+      res.writeHead(404, { "Content-Type": "application/json" });
+      res.end('{"error":"Archive not found"}');
+      return;
+    }
+    try {
+      var archData = JSON.parse(fs.readFileSync(archFile2, "utf-8"));
+      res.writeHead(200, { "Content-Type": "application/json" });
+      res.end(JSON.stringify(archData));
+    } catch (e) {
+      res.writeHead(500, { "Content-Type": "application/json" });
+      res.end(JSON.stringify({ error: e.message }));
+    }
+    return;
+  }
+
   // DELETE /api/tasks/:id
   const delMatch = req.url.match(/^\/api\/tasks\/([\w.-]+)$/);
   if (delMatch && req.method === "DELETE") {
@@ -1882,19 +2129,58 @@ const server = http.createServer(async (req, res) => {
   }
 
   // GET /api/agents — list all agents with prompts
-  if (req.url === "/api/agents" && req.method === "GET") {
-    var agentsDir = path.join(__dirname, "..", ".claude", "agents");
+  // Supports ?project=<id> to return project-specific agents
+  if (req.url.split("?")[0] === "/api/agents" && req.method === "GET") {
+    var qs = (req.url.split("?")[1] || "");
+    var projectFilter = null;
+    qs.split("&").forEach(function(kv) {
+      var parts = kv.split("=");
+      if (parts[0] === "project") projectFilter = decodeURIComponent(parts[1]);
+    });
+
     var agentList = [];
-    try {
-      var files = fs.readdirSync(agentsDir).filter(function (f) { return f.endsWith(".md") && !f.startsWith("_"); });
-      files.forEach(function (f) {
-        var name = f.replace(".md", "");
-        var content = "";
-        try { content = fs.readFileSync(path.join(agentsDir, f), "utf8"); } catch (e) {}
-        var model = getModelForAgent(resolveAgentName(name) || name);
-        agentList.push({ name: name, model: model, prompt: content });
-      });
-    } catch (e) {}
+
+    // Check if the filtered project has an agentsSource (e.g. pipeline.json)
+    var projectHasSource = false;
+    if (projectFilter) {
+      var prjs = readProjects();
+      var prj = prjs.find(function(p) { return p.id === projectFilter; });
+      if (prj && prj.agentsSource) {
+        projectHasSource = true;
+        try {
+          var pipeData = JSON.parse(fs.readFileSync(prj.agentsSource, "utf8"));
+          var pipelineArr = pipeData.pipeline || pipeData.agents || [];
+          pipelineArr.forEach(function(agent) {
+            agentList.push({
+              name: agent.id || agent.name,
+              model: agent.model || "sonnet",
+              prompt: agent.prompt || "",
+              role: agent.role || "",
+              order: agent.order || 0,
+              project: projectFilter
+            });
+          });
+          // Sort by order
+          agentList.sort(function(a, b) { return (a.order || 0) - (b.order || 0); });
+        } catch (e) { /* pipeline.json read error */ }
+      }
+    }
+
+    // Default: read from .claude/agents/*.md
+    if (!projectHasSource) {
+      var agentsDir = path.join(__dirname, "..", ".claude", "agents");
+      try {
+        var files = fs.readdirSync(agentsDir).filter(function (f) { return f.endsWith(".md") && !f.startsWith("_"); });
+        files.forEach(function (f) {
+          var name = f.replace(".md", "");
+          var content = "";
+          try { content = fs.readFileSync(path.join(agentsDir, f), "utf8"); } catch (e) {}
+          var model = getModelForAgent(resolveAgentName(name) || name);
+          agentList.push({ name: name, model: model, prompt: content });
+        });
+      } catch (e) {}
+    }
+
     // Also include project context
     var projectCtx = loadProjectContext();
     res.writeHead(200, { "Content-Type": "application/json" });
@@ -1995,7 +2281,7 @@ const server = http.createServer(async (req, res) => {
       var chatBody = await parseBody(req);
       var chatMessage = chatBody.message || "";
       var chatModel = chatBody.model || "sonnet";
-      var chatProject = chatBody.project || readProjects()[0].id || "default";
+      var chatProject = chatBody.project || readProjects()[0].id || "apex";
       var chatHistory = chatBody.history || []; // [{role,content}, ...]
 
       var tasks = readAllTasks(chatProject);
@@ -2006,13 +2292,14 @@ const server = http.createServer(async (req, res) => {
       var chatArgs = ["-p", "--verbose", "--output-format", "stream-json",
         "--model", chatModel, "--dangerously-skip-permissions"];
 
-      // Session continuity: resume if same model, otherwise start fresh
-      if (chatSessionId && chatSessionModel === chatModel) {
+      // Session continuity: resume if same model AND same project, otherwise start fresh
+      if (chatSessionId && chatSessionModel === chatModel && chatSessionProject === chatProject) {
         chatArgs.push("--resume", chatSessionId);
       } else {
-        // Don't use --no-session-persistence — let CLI persist session so --resume works next time
+        // Project or model changed — start fresh session so new CLAUDE.md context is loaded
         chatSessionId = null;
         chatSessionModel = chatModel;
+        chatSessionProject = chatProject;
       }
 
       // Build conversation history string for new sessions
@@ -2040,8 +2327,9 @@ const server = http.createServer(async (req, res) => {
 
       var chatEnv = Object.assign({}, process.env);
       delete chatEnv.ANTHROPIC_API_KEY; // Max 구독 OAuth 사용
+      var chatCwd = getProjectSourceDir(chatProject) || path.join(__dirname, "..");
       var chatProc = spawn("claude", chatArgs, {
-        cwd: path.join(__dirname, ".."),
+        cwd: chatCwd,
         env: chatEnv,
         stdio: ["pipe", "pipe", "pipe"],
       });
@@ -2286,6 +2574,7 @@ server.listen(PORT, () => {
   console.log("  N            : new task");
   console.log("  C            : chat panel");
   console.log("  A            : activity panel");
+  console.log("  R            : archive panel");
   console.log("  Drag         : move between columns");
   console.log("  Ctrl+Shift+K : stop execution");
   console.log("  Ctrl+C       : quit");