claude-code-kanban 3.3.0 → 3.5.0

package/lib/parsers.js

@@ -582,8 +582,9 @@ function readMessagesPage(jsonlPath, limit = 10, beforeTimestamp = null) {
   };
 }
 
-function buildAgentProgressMap(jsonlPath) {
+function buildSessionDigest(jsonlPath) {
   const map = {};
+  const terminated = new Map();
   try {
     const content = readFileSync(jsonlPath, 'utf8');
     const re = /"type":"agent_progress"[^}]*"agentId":"([^"]+)"/;
@@ -596,6 +597,34 @@ function buildAgentProgressMap(jsonlPath) {
     const nameByToolUseId = {};
     const descByToolUseId = {};
     for (const line of content.split('\n')) {
+      // Terminated-teammate detection: check first since cheap substring guards
+      if (line.includes('teammate-message') &&
+          (line.includes('teammate_terminated') || line.includes('shutdown_response'))) {
+        try {
+          const obj = JSON.parse(line);
+          if (obj.type === 'user') {
+            const text = typeof obj.message?.content === 'string' ? obj.message.content : null;
+            if (text) {
+              const ts = obj.timestamp || null;
+              for (const tmMatch of text.matchAll(/<teammate-message\s+[^>]*teammate_id="([^"]+)"[^>]*>([\s\S]*?)<\/teammate-message>/g)) {
+                try {
+                  const tid = tmMatch[1];
+                  const body = tmMatch[2].trim();
+                  const protocol = JSON.parse(body);
+                  if (protocol.type === 'teammate_terminated') {
+                    const name = protocol.from || (protocol.message?.match(/^(\S+)\s/)?.[1]) || tid;
+                    if (name !== 'system') terminated.set(name, ts);
+                  } else if (protocol.type === 'shutdown_response' && protocol.approve) {
+                    const name = protocol.from || tid;
+                    if (name !== 'system') terminated.set(name, ts);
+                  }
+                } catch (_) {}
+              }
+            }
+          }
+        } catch (_) {}
+      }
+
       if (line.includes('"agent_progress"')) {
         const agentMatch = re.exec(line);
         const parentMatch = parentRe.exec(line);
@@ -657,7 +686,11 @@ function buildAgentProgressMap(jsonlPath) {
       if (descByToolUseId[key]) entry.description = descByToolUseId[key];
     }
   } catch (_) {}
-  return map;
+  return { progressMap: map, terminated };
+}
+
+function buildAgentProgressMap(jsonlPath) {
+  return buildSessionDigest(jsonlPath).progressMap;
 }
 
 function readCompactSummaries(jsonlPath) {
@@ -699,36 +732,7 @@ function readCompactSummaries(jsonlPath) {
 }
 
 function findTerminatedTeammates(jsonlPath) {
-  const terminated = new Map();
-  try {
-    const content = readFileSync(jsonlPath, 'utf8');
-    for (const line of content.split('\n')) {
-      if (!line.includes('teammate-message')) continue;
-      if (!line.includes('teammate_terminated') && !line.includes('shutdown_response')) continue;
-      try {
-        const obj = JSON.parse(line);
-        if (obj.type !== 'user') continue;
-        const text = typeof obj.message?.content === 'string' ? obj.message.content : null;
-        if (!text) continue;
-        const ts = obj.timestamp || null;
-        for (const tmMatch of text.matchAll(/<teammate-message\s+[^>]*teammate_id="([^"]+)"[^>]*>([\s\S]*?)<\/teammate-message>/g)) {
-          try {
-            const tid = tmMatch[1];
-            const body = tmMatch[2].trim();
-            const protocol = JSON.parse(body);
-            if (protocol.type === 'teammate_terminated') {
-              const name = protocol.from || (protocol.message?.match(/^(\S+)\s/)?.[1]) || tid;
-              if (name !== 'system') terminated.set(name, ts);
-            } else if (protocol.type === 'shutdown_response' && protocol.approve) {
-              const name = protocol.from || tid;
-              if (name !== 'system') terminated.set(name, ts);
-            }
-          } catch (_) {}
-        }
-      } catch (_) {}
-    }
-  } catch (_) {}
-  return terminated;
+  return buildSessionDigest(jsonlPath).terminated;
 }
 
 function extractPromptFromTranscript(jsonlPath) {
@@ -766,6 +770,36 @@ function extractPromptFromTranscript(jsonlPath) {
   return null;
 }
 
+function extractModelFromTranscript(jsonlPath) {
+  const { openSync, readSync, closeSync } = fs;
+  const MAX_READ = 65536;
+  const CHUNK = 4096;
+  const fd = openSync(jsonlPath, 'r');
+  try {
+    let accumulated = '';
+    const buf = Buffer.alloc(CHUNK);
+    while (accumulated.length < MAX_READ) {
+      const bytesRead = readSync(fd, buf, 0, CHUNK, null);
+      if (bytesRead === 0) break;
+      accumulated += buf.toString('utf8', 0, bytesRead);
+      let nlIdx;
+      while ((nlIdx = accumulated.indexOf('\n')) !== -1) {
+        const line = accumulated.slice(0, nlIdx);
+        accumulated = accumulated.slice(nlIdx + 1);
+        if (!line.trim()) continue;
+        try {
+          const obj = JSON.parse(line);
+          const model = obj.model || (obj.message && obj.message.model);
+          if (model) return model;
+        } catch (_) {}
+      }
+    }
+  } finally {
+    closeSync(fd);
+  }
+  return null;
+}
+
 module.exports = {
   parseTask,
   parseAgent,
@@ -777,7 +811,9 @@ module.exports = {
   readRecentMessages,
   readMessagesPage,
   buildAgentProgressMap,
+  buildSessionDigest,
   readCompactSummaries,
   findTerminatedTeammates,
-  extractPromptFromTranscript
+  extractPromptFromTranscript,
+  extractModelFromTranscript
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-kanban",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "description": "A web-based Kanban board for viewing Claude Code tasks with agent teams support",
   "main": "server.js",
   "bin": {

package/public/app.js

@@ -78,11 +78,34 @@ function updateUrl() {
   const qs = params.toString();
   const url = qs ? `?${qs}` : window.location.pathname;
   history.replaceState(null, '', url);
+  persistLastView();
+}
+
+const LAST_VIEW_KEY = 'lastView';
+function persistLastView() {
+  try {
+    const data = {
+      view: viewMode,
+      session: currentSessionId,
+      projectPath: viewMode === 'project' ? currentProjectPath : null,
+    };
+    localStorage.setItem(LAST_VIEW_KEY, JSON.stringify(data));
+  } catch (_) {}
+}
+function loadLastView() {
+  try {
+    return JSON.parse(localStorage.getItem(LAST_VIEW_KEY)) || null;
+  } catch (_) {
+    return null;
+  }
 }
 
 // biome-ignore lint/correctness/noUnusedVariables: used in HTML
 function resetState() {
   history.replaceState(null, '', window.location.pathname);
+  try {
+    localStorage.removeItem(LAST_VIEW_KEY);
+  } catch (_) {}
   sessionFilter = 'active';
   sessionLimit = '20';
   filterProject = '__recent__';
@@ -478,9 +501,10 @@ async function fetchTasks(sessionId) {
     for (const k of Object.keys(ownerColorCache)) delete ownerColorCache[k];
     for (const k of Object.keys(teamColorMap)) delete teamColorMap[k];
     sessionJustSelected = true;
+    resetAgentState();
     updateUrl();
     renderSession();
-    await fetchAgents(sessionId);
+    fetchAgents(sessionId);
     if (!agentLogMode) fetchMessages(sessionId);
   } catch (error) {
     console.error('Failed to fetch tasks:', error);
@@ -497,13 +521,18 @@ const _AGENT_STALE_MS = 5 * 60 * 1000; // kept for reference; no longer used for
 const WAITING_TTL_MS = 30 * 60 * 1000;
 const AGENT_LOG_MAX = 8;
 
+function resetAgentState() {
+  currentAgents = [];
+  currentWaiting = null;
+  lastAgentsHash = '';
+  renderAgentFooter();
+}
+
 async function fetchAgents(sessionId) {
   try {
     const res = await fetch(`/api/sessions/${sessionId}/agents`);
     if (!res.ok) {
-      currentAgents = [];
-      currentWaiting = null;
-      renderAgentFooter();
+      resetAgentState();
       return;
     }
     const data = await res.json();
@@ -632,6 +661,17 @@ function toggleMessagePanel() {
   updateUrl();
 }
 
+// biome-ignore lint/correctness/noUnusedVariables: used in HTML onclick
+async function openSessionWithBookmarks(sessionId) {
+  if (!messagePanelOpen) {
+    const panel = document.getElementById('message-panel');
+    messagePanelOpen = true;
+    panel.classList.add('visible');
+    document.getElementById('message-toggle')?.classList.add('active');
+  }
+  await fetchTasks(sessionId);
+}
+
 // biome-ignore lint/correctness/noUnusedVariables: used in HTML
 async function viewAgentLog(agentId) {
   let agent = findAgentById(agentId);
@@ -1336,6 +1376,10 @@ const MARKETPLACE_SVG =
   '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 01-8 0"/></svg>';
 const MEMORY_SVG =
   '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>';
+const LINK_SVG_PATHS =
+  '<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>';
+const linkSvg = (size) =>
+  `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${LINK_SVG_PATHS}</svg>`;
 
 //#endregion
 
@@ -1978,34 +2022,35 @@ function showAgentModal(agentId) {
   const modalNameLabel = agent.agentName ? ` · ${escapeHtml(agent.agentName)}` : '';
   title.innerHTML = `${statusDot} ${escapeHtml(agent.type || 'unknown')}${modalNameLabel}`;
 
-  const rows = [
-    ['Status', agent.status],
-    ['Agent ID', `<code style="font-size:12px;color:var(--text-tertiary)">${escapeHtml(agent.agentId)}</code>`],
-    ['Duration', formatDuration(elapsed)],
-  ];
+  const shortModel = agent.model ? agent.model.replace(/^claude-/, '').replace(/-\d{8}$/, '') : null;
+  const shortId = agent.agentId ? agent.agentId.slice(0, 8) : '';
+  const chip = (label, value, opts = {}) => {
+    const cls = opts.cls ? ` ${opts.cls}` : '';
+    const style = opts.style ? ` style="${opts.style}"` : '';
+    const title = opts.title ? ` title="${escapeHtml(opts.title)}"` : '';
+    const labelHtml = label ? `<span class="agent-chip-label">${label}</span>` : '';
+    return `<span class="agent-chip${cls}"${style}${title}>${labelHtml}<span class="agent-chip-val">${value}</span></span>`;
+  };
+
+  const chips = [];
+  if (agent.agentId) chips.push(chip('id', escapeHtml(shortId), { cls: 'agent-chip-mono', title: agent.agentId }));
+  chips.push(chip('', escapeHtml(agent.status), { cls: `agent-chip-status agent-chip-${agent.status}` }));
+  chips.push(chip('⏱', formatDuration(elapsed)));
+  if (shortModel) chips.push(chip('model', escapeHtml(shortModel), { cls: 'agent-chip-mono' }));
   if (agent.agentName) {
-    const ownerColor = getOwnerColor(agent.agentName);
-    rows.push([
-      'Owner',
-      `<span class="task-owner-badge" style="background:${ownerColor.bg};color:${ownerColor.color}">${escapeHtml(agent.agentName)}</span>`,
-    ]);
+    const c = getOwnerColor(agent.agentName);
+    chips.push(
+      chip('owner', escapeHtml(agent.agentName), {
+        style: `background:${c.bg};color:${c.color};border-color:transparent;`,
+      }),
+    );
   }
-  if (agent.model)
-    rows.push(['Model', `<code style="font-size:12px;color:var(--text-tertiary)">${escapeHtml(agent.model)}</code>`]);
-  if (started) rows.push(['Started', started.toLocaleTimeString()]);
-  if (stopped) rows.push(['Stopped', stopped.toLocaleTimeString()]);
+  if (started) chips.push(chip('started', started.toLocaleTimeString()));
+  if (stopped) chips.push(chip('stopped', stopped.toLocaleTimeString()));
 
   const agentMsg = currentMessages.find((m) => m.tool === 'Agent' && m.agentId === agentId);
 
-  let html =
-    `<table style="width:100%;border-collapse:collapse;">` +
-    rows
-      .map(
-        ([k, v]) =>
-          `<tr><td style="padding:6px 12px 6px 0;color:var(--text-tertiary);white-space:nowrap;vertical-align:top;">${k}</td><td style="padding:6px 0;color:var(--text-primary);">${v}</td></tr>`,
-      )
-      .join('') +
-    `</table>`;
+  let html = `<div class="agent-chips">${chips.join('')}</div>`;
 
   const promptText = stripTeammateWrapper(agentMsg?.agentPrompt || agent.prompt || null);
   const responseText = agent.lastMessage ? stripAnsi(agent.lastMessage.trim()) : null;
@@ -2064,10 +2109,7 @@ async function showAllTasks() {
     if (agentLogMode) exitAgentLogMode();
     currentSessionId = null;
     ownerFilter = '';
-    currentAgents = [];
-    currentWaiting = null;
-    lastAgentsHash = '';
-    renderAgentFooter();
+    resetAgentState();
     const res = await fetch('/api/tasks/all');
     allTasksCache = await res.json();
     let tasks = allTasksCache;
@@ -2241,6 +2283,8 @@ function renderSessions() {
     const pinClass = pinState === 'sticky' ? ' sticky' : pinState === 'pinned' ? ' pinned' : '';
     const pinTitle = pinState === 'pinned' || pinState === 'sticky' ? 'Unpin' : 'Pin';
     const showCtx = !!session.contextStatus;
+    const linkedDocsCount = getSessionPreviewPaths(session.id).length;
+    const bookmarksCount = loadPins(session.id).length;
     return `
           <button onclick="fetchTasks('${session.id}')" data-session-id="${session.id}" class="session-item ${isActive ? 'active' : ''} ${session.hasWaitingForUser ? 'permission-pending' : ''} ${!session.hasRecentLog && !session.inProgress && !session.hasWaitingForUser ? 'stale' : ''} ${showCtx ? 'has-context' : ''}" title="${tooltip}">
             <span class="session-pin-btn${pinClass}" onclick="event.stopPropagation();toggleSessionPin('${escapeHtml(session.id)}')" title="${pinTitle} session">${SESSION_PIN_SVG}</span>
@@ -2251,9 +2295,11 @@ function renderSessions() {
             <div class="session-progress">
               <span class="session-indicators">
                 ${isTeam ? `<span class="team-badge" title="${memberCount} team members"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>${memberCount}</span>` : ''}
-                ${session.sharedTaskList ? `<span class="shared-tasklist-badge" title="Shared task list: ${escapeHtml(session.sharedTaskList)}"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg></span>` : ''}
+                ${session.sharedTaskList ? `<span class="shared-tasklist-badge" title="Shared task list: ${escapeHtml(session.sharedTaskList)}">${linkSvg(12)}</span>` : ''}
                 ${isTeam || session.project || showCtx ? `<span class="team-info-btn" onclick="event.stopPropagation(); showSessionInfoModal('${session.id}')" title="View session info">ℹ</span>` : ''}
                 ${session.hasPlan ? `<span class="plan-indicator" onclick="event.stopPropagation(); openPlanForSession('${session.id}')" title="View plan"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></span>` : ''}
+                ${linkedDocsCount > 0 ? `<span class="linked-docs-badge" onclick="event.stopPropagation(); showSessionInfoModal('${session.id}')" title="${linkedDocsCount} linked document${linkedDocsCount > 1 ? 's' : ''}">${linkSvg(10)}${linkedDocsCount}</span>` : ''}
+                ${bookmarksCount > 0 ? `<span class="bookmarks-badge" onclick="event.stopPropagation(); openSessionWithBookmarks('${session.id}')" title="${bookmarksCount} bookmarked message${bookmarksCount > 1 ? 's' : ''}"><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>${bookmarksCount}</span>` : ''}
                 ${session.hasRunningAgents ? '<span class="agent-badge" title="Active agents">🤖</span>' : ''}
                 ${session.planSourceSessionId ? `<span class="plan-indicator" title="Implements plan — click to reveal plan session" onclick="event.stopPropagation(); revealPlanSession('${escapeHtml(session.planSourceSessionId)}')">📋</span>` : ''}
                 ${session.hasWaitingForUser ? '<span class="agent-badge" title="Waiting for user">❓</span>' : ''}
@@ -3531,6 +3577,7 @@ function _renderStorageTab() {
   const tab = document.querySelector('.storage-tab.active')?.dataset.tab || 'sessions';
   if (tab === 'sessions') body.innerHTML = _renderStorageSessions();
   else if (tab === 'scratchpads') body.innerHTML = _renderStorageScratchpads();
+  else if (tab === 'linked-docs') body.innerHTML = _renderStorageLinkedDocs();
 }
 
 function _renderStorageSessions() {
@@ -3753,6 +3800,87 @@ function _storageDeleteScratchpad(key) {
   _updateStorageTotal();
 }
 
+function _renderStorageLinkedDocs() {
+  const entries = [];
+  for (let i = 0; i < localStorage.length; i++) {
+    const key = localStorage.key(i);
+    if (!key.startsWith(PREVIEW_STORAGE_PREFIX)) continue;
+    try {
+      const arr = JSON.parse(localStorage.getItem(key)) || [];
+      if (Array.isArray(arr) && arr.length) {
+        entries.push({ sessionId: key.slice(PREVIEW_STORAGE_PREFIX.length), paths: arr });
+      }
+    } catch {}
+  }
+  if (!entries.length) return '<div class="storage-empty">No linked documents</div>';
+
+  const byId = new Map(entries.map((e) => [e.sessionId, e]));
+  const { groups, orphans } = _groupByProject(entries.map((e) => e.sessionId));
+
+  function renderDocRow(sessionId, p) {
+    const name = p.split(/[\\/]/).pop();
+    const sid = _escapeForJsAttr(sessionId);
+    const jsPath = _escapeForJsAttr(p);
+    return `<div class="storage-item" style="padding-left:24px;">
+      <span class="storage-item-id" title="${escapeHtml(p)}">${escapeHtml(name)}</span>
+      <div class="storage-item-actions">
+        <button onclick="_storagePreviewLinkedDoc('${jsPath}')">View</button>
+        <button class="danger" onclick="_storageUnlinkDoc('${sid}','${jsPath}')">Unlink</button>
+      </div>
+    </div>`;
+  }
+
+  function renderSessionItem({ id, session }) {
+    const entry = byId.get(id);
+    if (!entry) return '';
+    const eid = escapeHtml(id);
+    const count = entry.paths.length;
+    const header = `<div class="storage-group-header">
+      <span>${_sessionLabel(session, id)} <span class="storage-item-badge">${count} doc${count > 1 ? 's' : ''}</span></span>
+      <div class="storage-item-actions">
+        <button class="danger" onclick="_storageClearLinkedDocs('${eid}')">Clear All</button>
+      </div>
+    </div>`;
+    const rows = entry.paths.map((p) => renderDocRow(id, p)).join('');
+    return header + rows;
+  }
+
+  let html = '';
+  for (const [project, items] of groups) {
+    const count = items.length;
+    html += _renderProjectGroup(
+      escapeHtml(_projectLabel(project)),
+      `${count} session${count > 1 ? 's' : ''}`,
+      items.map(renderSessionItem).join(''),
+    );
+  }
+  if (orphans.length) {
+    html += _renderOrphanGroup(orphans.length, orphans.map(renderSessionItem).join(''));
+  }
+  return html;
+}
+
+function _storagePreviewLinkedDoc(path) {
+  closeStorageManager();
+  openPreviewByPath(path);
+}
+
+function _storageUnlinkDoc(sessionId, path) {
+  removeSessionPreviewPath(sessionId, path);
+  if (sessionId === _infoModalSessionId) refreshInfoModalLinkedDocs();
+  renderSessions();
+  _renderStorageTab();
+  _updateStorageTotal();
+}
+
+function _storageClearLinkedDocs(sessionId) {
+  localStorage.removeItem(PREVIEW_STORAGE_PREFIX + sessionId);
+  if (sessionId === _infoModalSessionId) refreshInfoModalLinkedDocs();
+  renderSessions();
+  _renderStorageTab();
+  _updateStorageTotal();
+}
+
 function _findOrphanedKeys() {
   const known = _getKnownSessionIds();
   if (!known.size) return [];
@@ -3765,6 +3893,8 @@ function _findOrphanedKeys() {
       if (!known.has(key.slice('pinned-messages-'.length))) orphaned.push(key);
     } else if (key.startsWith('scratchpad-') && !key.startsWith('scratchpad-project:')) {
       if (!known.has(key.slice('scratchpad-'.length))) orphaned.push(key);
+    } else if (key.startsWith(PREVIEW_STORAGE_PREFIX)) {
+      if (!known.has(key.slice(PREVIEW_STORAGE_PREFIX.length))) orphaned.push(key);
     }
   }
   return orphaned;
@@ -4136,6 +4266,7 @@ function togglePreviewSessionLink() {
   if (_infoModalSessionId === currentSessionId) {
     refreshInfoModalLinkedDocs();
   }
+  renderSessions();
 }
 
 function refreshInfoModalLinkedDocs() {
@@ -4212,11 +4343,11 @@ function handleSessionOpenEvent(data) {
   fetchTasks(id);
 }
 
-function handlePreviewOpenEvent(data) {
+async function handlePreviewOpenEvent(data) {
   const { path: filePath, content, sessionId } = data;
   if (sessionId && sessionId !== currentSessionId) {
     if (sessions.find((s) => s.id === sessionId)) {
-      fetchTasks(sessionId);
+      await fetchTasks(sessionId);
     } else {
       showToast(`Preview received for unknown session ${sessionId.slice(0, 8)}`);
     }
@@ -4234,7 +4365,11 @@ function renderLinkedDocsHtml(sessionId) {
     })
     .join(', ');
   return `<div class="linked-docs-section" style="margin-bottom:16px;font-size:12px;">
-    <div style="font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;">Linked documents</div>
+    <div style="font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;display:flex;align-items:center;gap:6px;">
+      ${linkSvg(12)}
+      <span>Linked documents</span>
+      <span style="background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:0 6px;font-size:10px;color:var(--text-secondary);">${paths.length}</span>
+    </div>
     <div>${items}</div>
   </div>`;
 }
@@ -5642,8 +5777,21 @@ Promise.all([
       }
     } else if (urlState.session) {
       await fetchTasks(urlState.session);
-    } else {
+    } else if (urlState.view === 'all') {
       showAllTasks();
+    } else {
+      const last = loadLastView();
+      if (last?.view === 'project' && last.projectPath && sessions.some((s) => s.project === last.projectPath)) {
+        try {
+          await fetchProjectView(last.projectPath);
+        } catch (_) {
+          showAllTasks();
+        }
+      } else if (last?.view === 'session' && last.session && sessions.some((s) => s.id === last.session)) {
+        await fetchTasks(last.session);
+      } else {
+        showAllTasks();
+      }
     }
     if (urlState.messages && currentSessionId) {
       toggleMessagePanel();

package/public/index.html

@@ -544,7 +544,7 @@
       </div>
       <div id="team-modal-body" class="modal-body"></div>
       <div class="modal-footer">
-        <button id="session-info-dismiss-btn" class="btn btn-secondary" onclick="toggleDismissSession(_infoModalSessionId)">Dismiss</button>
+        <button id="session-info-dismiss-btn" class="btn btn-secondary" onclick="toggleDismissSession(_infoModalSessionId); closeTeamModal()">Dismiss</button>
         <button class="btn btn-primary" onclick="closeTeamModal()">Close</button>
       </div>
     </div>
@@ -671,6 +671,7 @@
       <div class="storage-tabs">
         <button class="storage-tab active" data-tab="sessions" onclick="switchStorageTab('sessions')">Sessions</button>
         <button class="storage-tab" data-tab="scratchpads" onclick="switchStorageTab('scratchpads')">Scratchpads</button>
+        <button class="storage-tab" data-tab="linked-docs" onclick="switchStorageTab('linked-docs')">Linked Docs</button>
       </div>
       <div class="modal-body" id="storage-modal-body" style="overflow-y:auto;min-height:200px;max-height:60vh;padding-top:16px;padding-right:8px;"></div>
       <div class="modal-footer">

package/public/style.css

@@ -1707,6 +1707,61 @@ body::before {
   flex-shrink: 0;
 }
 
+.agent-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: 10px;
+}
+.agent-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 9px;
+  font-size: 11px;
+  font-weight: 500;
+  border-radius: 999px;
+  border: 1px solid var(--border-color, rgba(127, 127, 127, 0.25));
+  background: var(--bg-secondary, rgba(127, 127, 127, 0.08));
+  color: var(--text-secondary);
+  white-space: nowrap;
+  line-height: 1.4;
+}
+.agent-chip-label {
+  color: var(--text-tertiary);
+  text-transform: uppercase;
+  font-size: 9.5px;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+  opacity: 0.75;
+}
+.agent-chip-val {
+  color: inherit;
+}
+.agent-chip-mono .agent-chip-val {
+  font-family: var(--font-mono, monospace);
+  font-size: 10.5px;
+  letter-spacing: 0.2px;
+}
+.agent-chip-status {
+  text-transform: capitalize;
+}
+.agent-chip-running {
+  background: rgba(34, 197, 94, 0.15);
+  color: rgb(34, 160, 80);
+  border-color: rgba(34, 197, 94, 0.3);
+}
+.agent-chip-stopped {
+  background: rgba(127, 127, 127, 0.15);
+  color: var(--text-tertiary);
+  border-color: rgba(127, 127, 127, 0.3);
+}
+.agent-chip-error,
+.agent-chip-failed {
+  background: rgba(239, 68, 68, 0.15);
+  color: rgb(220, 60, 60);
+  border-color: rgba(239, 68, 68, 0.3);
+}
 .team-modal-desc {
   font-size: 12px;
   color: var(--text-secondary);
@@ -2498,6 +2553,28 @@ body::before {
   cursor: default;
 }
 
+.linked-docs-badge,
+.bookmarks-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  font-size: 10px;
+  padding: 2px 6px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  color: var(--text-secondary);
+  cursor: pointer;
+  flex-shrink: 0;
+  line-height: 1;
+}
+
+.linked-docs-badge:hover,
+.bookmarks-badge:hover {
+  border-color: var(--accent);
+  color: var(--text-primary);
+}
+
 /* #endregion */
 
 /* #region PERMISSION_PENDING */

package/server.js

@@ -15,9 +15,11 @@ const {
   readMessagesPage: _readMessagesPageUncached,
   readSessionInfoFromJsonl,
   buildAgentProgressMap,
+  buildSessionDigest,
   readCompactSummaries,
   findTerminatedTeammates,
-  extractPromptFromTranscript
+  extractPromptFromTranscript,
+  extractModelFromTranscript
 } = require('./lib/parsers');
 
 if (process.argv.includes("--install") || process.argv.includes("--uninstall")) {
@@ -80,7 +82,10 @@ const WAITING_RESOLVE_GRACE_MS = 15000;
 
 function persistAgent(dir, agent) {
   const file = path.join(dir, agent.agentId + '.json');
-  fs.writeFile(file, JSON.stringify(agent), 'utf8').catch(() => {});
+  const tmp = `${file}.${process.pid}.${Date.now()}.tmp`;
+  fs.writeFile(tmp, JSON.stringify(agent), 'utf8')
+    .then(() => fs.rename(tmp, file))
+    .catch(() => { fs.unlink(tmp).catch(() => {}); });
 }
 
 function checkWaitingForUser(agentDir, logMtime) {
@@ -210,8 +215,6 @@ app.use(express.static(path.join(__dirname, 'public')));
 const messageCache = new Map();
 const MESSAGE_CACHE_TTL = 5000;
 const MAX_CACHE_ENTRIES = 200;
-const progressMapCache = new Map();
-const terminatedCache = new Map();
 const compactSummaryCache = new Map();
 const taskCountsCache = new Map();
 const contextStatusCache = new Map();
@@ -325,12 +328,17 @@ function cachedByMtime(cache, cacheKey, filePath, loadFn, fallback) {
   } catch (_) { return fallback; }
 }
 
+const sessionDigestCache = new Map();
+function getSessionDigest(jsonlPath) {
+  return cachedByMtime(sessionDigestCache, jsonlPath, jsonlPath, () => buildSessionDigest(jsonlPath), { progressMap: {}, terminated: new Map() });
+}
+
 function getProgressMap(jsonlPath) {
-  return cachedByMtime(progressMapCache, jsonlPath, jsonlPath, () => buildAgentProgressMap(jsonlPath), {});
+  return getSessionDigest(jsonlPath).progressMap;
 }
 
 function getTerminatedTeammates(jsonlPath) {
-  return cachedByMtime(terminatedCache, jsonlPath, jsonlPath, () => findTerminatedTeammates(jsonlPath), new Set());
+  return getSessionDigest(jsonlPath).terminated;
 }
 
 function readRecentMessages(jsonlPath, limit = 10) {
@@ -965,10 +973,14 @@ app.post('/api/open-folder', (req, res) => {
   }
 });
 
-// API: Open content in editor as temp file
+// API: Open file in editor — either an existing path ({ file }) or content as a temp file ({ content, title })
 app.post('/api/open-in-editor', (req, res) => {
   try {
-    const { content, title } = req.body;
+    const { content, title, file } = req.body;
+    if (file) {
+      openInEditor(file);
+      return res.json({ success: true, path: file });
+    }
     if (!content) return res.status(400).json({ error: 'No content provided' });
 
     const safeName = (title || 'message').replace(/[^a-zA-Z0-9_-]/g, '_').slice(0, 50);
@@ -1056,14 +1068,11 @@ app.get('/api/sessions/:sessionId/agents', (req, res) => {
       } catch (_) {}
     }
 
-    function persistPrompt(agent, prompt) {
-      agent.prompt = prompt;
-      persistAgent(agentDir, agent);
-    }
+    const dirty = new Set();
 
-    const agentsNeedingPrompt = agents.filter(a => !a.prompt);
-    const agentsNeedingName = agents.filter(a => !a.agentName);
-    const agentsNeedingDesc = agents.filter(a => !a.description);
+    const agentsNeedingPrompt = agents.filter(a => !a.prompt && !a.promptUnavailable);
+    const agentsNeedingName = agents.filter(a => !a.agentName && !a.agentNameUnavailable);
+    const agentsNeedingDesc = agents.filter(a => !a.description && !a.descriptionUnavailable);
     if ((agentsNeedingPrompt.length || agentsNeedingName.length || agentsNeedingDesc.length) && meta.jsonlPath) {
       let byAgentId = {};
       let nameByAgentId = {};
@@ -1079,37 +1088,34 @@ app.get('/api/sessions/:sessionId/agents', (req, res) => {
       for (const agent of agentsNeedingPrompt) {
         const prompt = byAgentId[agent.agentId]
           || (() => { try { return extractPromptFromTranscript(subagentJsonlPath(meta, agent.agentId)); } catch (_) { return null; } })();
-        if (prompt) persistPrompt(agent, prompt);
+        if (prompt) agent.prompt = prompt;
+        else agent.promptUnavailable = true;
+        dirty.add(agent);
       }
       for (const agent of agentsNeedingName) {
         if (nameByAgentId[agent.agentId]) agent.agentName = nameByAgentId[agent.agentId];
+        else agent.agentNameUnavailable = true;
+        dirty.add(agent);
       }
       for (const agent of agentsNeedingDesc) {
         if (descByAgentId[agent.agentId]) agent.description = descByAgentId[agent.agentId];
+        else agent.descriptionUnavailable = true;
+        dirty.add(agent);
       }
     }
 
-    const agentsNeedingModel = agents.filter(a => !a.model);
+    const agentsNeedingModel = agents.filter(a => !a.model && !a.modelUnavailable);
     if (agentsNeedingModel.length && meta.jsonlPath) {
       for (const agent of agentsNeedingModel) {
-        try {
-          const jsonl = subagentJsonlPath(meta, agent.agentId);
-          const content = readFileSync(jsonl, 'utf8');
-          for (const line of content.split('\n')) {
-            if (!line.trim()) continue;
-            try {
-              const obj = JSON.parse(line);
-              const model = obj.model || (obj.message && obj.message.model);
-              if (model) {
-                agent.model = model;
-                persistAgent(agentDir, agent);
-                break;
-              }
-            } catch (_) {}
-          }
-        } catch (_) {}
+        let model = null;
+        try { model = extractModelFromTranscript(subagentJsonlPath(meta, agent.agentId)); } catch (_) {}
+        if (model) agent.model = model;
+        else agent.modelUnavailable = true;
+        dirty.add(agent);
       }
     }
+
+    for (const agent of dirty) persistAgent(agentDir, agent);
     const teamColors = {};
     if (teamConfig?.members) {
       for (const m of teamConfig.members) {