claude-code-kanban 7.14.0 → 7.15.0

package/lib/parsers.js

@@ -673,16 +673,41 @@ function countTranscriptsBornBefore(dir, birthtimeMs) {
 // Cache: jsonlPath -> { ino, size, mtimeMs }, the transcript as it last grew.
 // Claude Code, `claude --resume` and backup tools set a transcript's mtime without writing
 // to it (#50), so only a file that grew, shrank or was replaced counts as activity.
+// When a session exits, Claude Code appends bookkeeping lines (cost-state, last-prompt,
+// mode, ai-title ...) with no `timestamp`; a write of only such lines is not activity either.
 const logActivityCache = new Map();
+const BOOKKEEPING_APPEND_MAX = 64 * 1024;
+
+function isBookkeepingAppend(jsonlPath, from, to) {
+  if (to - from > BOOKKEEPING_APPEND_MAX || from < 1) return false;
+  // Reads from one byte early, so the append is known to start on a line boundary.
+  const buf = Buffer.allocUnsafe(to - from + 1);
+  try {
+    const fd = fs.openSync(jsonlPath, 'r');
+    try { fs.readSync(fd, buf, 0, buf.length, from - 1); } finally { fs.closeSync(fd); }
+  } catch { return false; }
+  const text = buf.toString('utf8');
+  if (text[0] !== '\n' || !text.endsWith('\n') || text.includes('"timestamp":')) return false;
+  return text.slice(1, -1).split('\n').every((line) => {
+    if (!line) return true;
+    try {
+      const obj = JSON.parse(line);
+      return obj !== null && typeof obj === 'object';
+    } catch { return false; }
+  });
+}
 
 function transcriptActivityMs(jsonlPath, stat) {
   const prev = logActivityCache.get(jsonlPath);
-  if (prev && prev.ino === stat.ino && prev.size === stat.size) return prev.mtimeMs;
+  const sameFile = prev && prev.ino === stat.ino;
+  if (sameFile && prev.size === stat.size) return prev.mtimeMs;
+  const quiet = sameFile && stat.size > prev.size && isBookkeepingAppend(jsonlPath, prev.size, stat.size);
+  const mtimeMs = quiet ? prev.mtimeMs : stat.mtimeMs;
   logActivityCache.delete(jsonlPath);
-  logActivityCache.set(jsonlPath, { ino: stat.ino, size: stat.size, mtimeMs: stat.mtimeMs });
+  logActivityCache.set(jsonlPath, { ino: stat.ino, size: stat.size, mtimeMs });
   if (logActivityCache.size > SESSION_INFO_CACHE_MAX) logActivityCache.delete(logActivityCache.keys().next().value);
   sessionCacheDirty = true;
-  return stat.mtimeMs;
+  return mtimeMs;
 }
 
 const sessionCachesDirty = () => sessionCacheDirty;

package/package.json

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

package/public/app.js

@@ -369,7 +369,7 @@ async function fetchSessions(includeTasks = true, focusId = currentSessionId) {
       schedulePublishSession();
     }
     // A list too short to scroll gives no scroll event, so fill it until it can scroll.
-    if (sessionsHasMore) setTimeout(loadMoreIfNearEnd);
+    if (sessionsHasMore) setTimeout(() => loadMoreIfNearEnd());
 
     if (includeTasks && searchQuery) await loadSearchTasks();
   } catch (error) {
@@ -418,11 +418,11 @@ function resetSessionPage() {
 }
 
 const LOAD_MORE_MARGIN_PX = 240;
-function loadMoreIfNearEnd() {
-  const { scrollTop, clientHeight, scrollHeight } = sessionsList;
-  if (clientHeight > 0 && scrollTop + clientHeight >= scrollHeight - LOAD_MORE_MARGIN_PX) loadMoreSessions();
+function loadMoreIfNearEnd(el = sessionsList, load = loadMoreSessions) {
+  const { scrollTop, clientHeight, scrollHeight } = el;
+  if (clientHeight > 0 && scrollTop + clientHeight >= scrollHeight - LOAD_MORE_MARGIN_PX) load();
 }
-sessionsList.addEventListener('scroll', loadMoreIfNearEnd, { passive: true });
+sessionsList.addEventListener('scroll', () => loadMoreIfNearEnd(), { passive: true });
 
 // Sessions by id, in the order given, ignoring every sidebar filter — that is what `include` means.
 async function fetchSessionsByIds(ids) {
@@ -6446,6 +6446,7 @@ const SHORTCUT_TABS = [
           { keys: ['I'], label: 'Session info' },
           { keys: ['.'], label: 'Pin / unpin' },
           { keys: ['>'], label: 'Toggle sticky' },
+          { keys: ['Ctrl', 'Shift', '.'], combo: true, label: 'Toggle sticky (from the terminal)' },
           { keys: ['Shift', 'F10'], combo: true, label: 'Session menu: move to group, fork (or Menu key)' },
           { keys: ['Ctrl', 'D'], combo: true, label: 'Dismiss session (pinned: to Pinned group)' },
           { keys: ['Ctrl', 'Shift', 'L'], combo: true, label: 'Toggle session log' },
@@ -12273,6 +12274,52 @@ let spFromTerminal = false;
 let spRenderedQuery = null;
 // Per-open cache: spSource is frozen while the picker is up, so a fetched log stays valid.
 const spPeekCache = new Map();
+// 'board' offers the sidebar's sessions plus a short tail of the newest others; 'all' offers
+// every session, newest first, paged like the sidebar's All filter. Each open starts on 'board'.
+let spScope = 'board';
+let spRecent = { rows: [], limit: 0, hasMore: true, loading: false };
+let spRowEls = [];
+const SP_RECENT_PAGE = 50;
+const SP_RECENT_TAIL = 5;
+
+// The first load asks for the board's count plus the tail, so the tail is there even when
+// the newest sessions are all on the board.
+async function spLoadRecent() {
+  const state = spRecent;
+  if (state.loading || !state.hasMore) return;
+  state.loading = true;
+  state.limit = state.limit ? state.limit + SP_RECENT_PAGE : spSource.length + SP_RECENT_TAIL;
+  try {
+    const res = await api('/api/sessions', { query: { limit: state.limit, pins: 'off' } });
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    const rows = await res.json();
+    if (state !== spRecent) return;
+    state.rows = rows;
+    state.hasMore = res.headers.get('X-Has-More') === 'true';
+  } catch (error) {
+    console.error('Failed to load recent sessions:', error);
+    state.hasMore = false;
+  } finally {
+    state.loading = false;
+  }
+  if (!isSessionPickerOpen()) return;
+  renderSessionPicker();
+  spLoadMoreNearEnd();
+}
+
+function spSetScope(scope) {
+  spScope = scope;
+  for (const el of document.querySelectorAll('#session-picker-scope [data-scope]')) {
+    el.setAttribute('aria-checked', String(el.dataset.scope === scope));
+  }
+  renderSessionPicker();
+  spLoadMoreNearEnd();
+}
+
+// Also run after each load: a page too short to scroll gives no scroll event.
+function spLoadMoreNearEnd() {
+  if (spScope === 'all') loadMoreIfNearEnd(document.getElementById('session-picker-list'), spLoadRecent);
+}
 
 const spSearch = sessionSearch(() => {
   if (document.getElementById('session-picker-modal').classList.contains('visible')) renderSessionPicker();
@@ -12285,9 +12332,11 @@ function openSessionPicker() {
   spSource = getFilteredSessions().sort((a, b) => Date.parse(b.modifiedAt) - Date.parse(a.modifiedAt));
   spPeekCache.clear();
   spRenderedQuery = null;
+  spRecent = { rows: [], limit: 0, hasMore: true, loading: false };
   document.getElementById('session-picker-modal').classList.add('visible');
-  renderSessionPicker();
+  spSetScope('board');
   input.focus();
+  spLoadRecent();
 }
 
 // refocus: false when a session is being opened, which moves the terminal focus itself.
@@ -12403,29 +12452,39 @@ function spPinHtml(session) {
 function renderSessionPicker() {
   const list = document.getElementById('session-picker-list');
   const query = document.getElementById('session-picker-input').value.trim();
-  // Search rows that arrive for the same query append below, so the cursor stays on its row.
-  const selectedId = query === spRenderedQuery ? spRows[spIdx]?.id : null;
-  spRenderedQuery = query;
-  const local = spSource.filter((s) => spMatches(s, query));
+  // Rows that arrive for the same query and scope append below, so the cursor stays on its row.
+  const renderKey = `${spScope}\n${query}`;
+  const selectedId = renderKey === spRenderedQuery ? spRows[spIdx]?.id : null;
+  spRenderedQuery = renderKey;
+  const all = spScope === 'all';
+  const board = new Set(spSource.map((s) => s.id));
+  const local = (all ? spRecent.rows : spSource).filter((s) => spMatches(s, query));
   const found = spSearch.rows(query, local);
-  spRows = [...local, ...found.rows];
+  const tail = !all && !query ? spRecent.rows.filter((s) => !board.has(s.id)).slice(0, SP_RECENT_TAIL) : [];
+  const extra = [...found.rows, ...tail];
+  spRows = [...local, ...extra];
   if (!spRows.length) {
     spIdx = -1;
-    const empty = found.pending
-      ? 'Searching all sessions…'
-      : spSource.length || query.length >= SESSION_SEARCH_MIN
-        ? 'No session matches'
-        : 'No sessions in the current sidebar filter';
+    spRowEls = [];
+    const empty =
+      found.pending || (all && spRecent.loading)
+        ? 'Searching all sessions…'
+        : all || spSource.length || query.length >= SESSION_SEARCH_MIN
+          ? 'No session matches'
+          : 'No sessions in the current sidebar filter';
     list.innerHTML = `<div class="sp-empty">${empty}</div>`;
     return;
   }
 
-  // Rows past the sidebar list come from the server search and show their full project path.
+  // Rows not on the board show their full project path; in the board scope they also sit below
+  // the board's rows, under a label.
+  const section = !all && extra.length ? '<div class="sp-section">Not on board</div>' : '';
   list.innerHTML = spRows
     .map((s, i) => {
-      const outside = i >= local.length;
+      const outside = !board.has(s.id);
+      const below = !all && i >= local.length;
       const project = s.project ? (outside ? s.project : pathBasename(s.project)) : '';
-      return `<button class="sp-row${s.id === currentSessionId ? ' current' : ''}${outside ? ' outside' : ''} ${sessionBarClass(s)}" data-idx="${i}" title="${escapeHtml(s.project ? `${s.id}\n${s.project}` : s.id)}">
+      return `${below && i === local.length ? section : ''}<button class="sp-row${s.id === currentSessionId ? ' current' : ''}${below ? ' outside' : ''} ${sessionBarClass(s)}" data-idx="${i}" title="${escapeHtml(s.project ? `${s.id}\n${s.project}` : s.id)}">
         ${spDotHtml(s)}
         <span class="sp-name">${escapeHtml(sessionDisplayName(s))}</span>
         <span class="sp-project">${escapeHtml(project)}</span>
@@ -12436,18 +12495,21 @@ function renderSessionPicker() {
       </button>`;
     })
     .join('');
+  // The section label sits between rows, so row index and child index differ.
+  spRowEls = list.querySelectorAll('.sp-row');
+  spIdx = -1;
   const keep = spRows.findIndex((s) => s.id === selectedId);
   spSelect(Math.max(0, keep));
 }
 
 function spSelect(idx) {
-  const list = document.getElementById('session-picker-list');
-  list.children[spIdx]?.classList.remove('selected');
+  spRowEls[spIdx]?.classList.remove('selected');
   spIdx = Math.min(Math.max(idx, 0), spRows.length - 1);
-  const row = list.children[spIdx];
+  const row = spRowEls[spIdx];
   row?.classList.add('selected');
   row?.scrollIntoView({ block: 'nearest' });
   spSchedulePeek();
+  if (spScope === 'all' && spIdx >= spRows.length - 5) spLoadRecent();
 }
 
 async function spOpen(idx) {
@@ -12468,14 +12530,22 @@ function initSessionPicker() {
     else if (matchKey(e, 'ArrowUp') || (e.ctrlKey && !e.shiftKey && e.key === 'p')) spSelect(spIdx - 1);
     else if (e.key === 'Enter') spOpen(spIdx);
     else if (e.ctrlKey && e.code === 'Space') spSetPeeking(!spIsPeeking());
+    else if (e.key === 'Tab' && !e.ctrlKey && !e.altKey && !e.metaKey) spSetScope(spScope === 'all' ? 'board' : 'all');
     else return;
     e.preventDefault();
     e.stopPropagation();
   });
-  document.getElementById('session-picker-list').addEventListener('click', (e) => {
+  const list = document.getElementById('session-picker-list');
+  list.addEventListener('click', (e) => {
     const row = e.target.closest('.sp-row');
     if (row) spOpen(Number(row.dataset.idx));
   });
+  list.addEventListener('scroll', spLoadMoreNearEnd, { passive: true });
+  document.getElementById('session-picker-scope').addEventListener('click', (e) => {
+    const scope = e.target.closest('[data-scope]')?.dataset.scope;
+    if (scope) spSetScope(scope);
+    input.focus();
+  });
   // Vimium eats Escape inside a text input and only blurs it, so the page never sees the key.
   // A blur that no click in the picker caused, while the window keeps focus, is that Escape.
   const modal = document.getElementById('session-picker-modal');
@@ -15045,6 +15115,7 @@ function terminalShortcut(e, probe = false) {
   if (ctrlShift && e.code === 'KeyL') return toggleMessagePanel;
   if (ctrlShift && e.code === 'KeyM') return toggleLastMessage;
   if (ctrlShift && e.code === 'KeyD') return dismissContextSession;
+  if (ctrlShift && e.code === 'Period') return currentSessionId ? () => toggleSessionSticky(currentSessionId) : null;
   if (ctrlAlt && (e.code === 'KeyN' || e.code === 'KeyR') && terminalAvailable()) {
     return () => openNewSession(null, e.code === 'KeyR');
   }
@@ -15365,6 +15436,7 @@ const TERMINAL_PROBE_KEYS = [
   ['Backquote', '`', '~'],
   ['Equal', '=', '+'],
   ['Minus', '-', '_'],
+  ['Period', '.', '>'],
   ['NumpadAdd', '+', '+'],
   ['NumpadSubtract', '-', '-'],
   ['Numpad0', '0', '0'],

package/public/index.html

@@ -885,12 +885,18 @@
 
   <div id="session-picker-modal" class="modal-overlay top-aligned" onclick="closeSessionPicker()">
     <div class="modal session-picker" onclick="event.stopPropagation()">
-      <input type="text" id="session-picker-input" class="form-input sp-input" placeholder="Jump to session..." autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false">
+      <div class="sp-head">
+        <input type="text" id="session-picker-input" class="form-input sp-input" placeholder="Jump to session..." autocomplete="off" data-bwignore data-1p-ignore data-lpignore="true" spellcheck="false">
+        <div id="session-picker-scope" class="sp-scope" role="radiogroup" aria-label="Sessions" title="Tab switches scope">
+          <button type="button" role="radio" tabindex="-1" data-scope="board">Board</button>
+          <button type="button" role="radio" tabindex="-1" data-scope="all">All</button>
+        </div>
+      </div>
       <div class="sp-body">
         <div id="session-picker-list" class="sp-list"></div>
         <div id="session-picker-peek" class="sp-peek"></div>
       </div>
-      <div class="sp-hint"><kbd>&uarr;</kbd><kbd>&darr;</kbd> move &middot; <kbd>Enter</kbd> open &middot; <kbd>Ctrl</kbd><kbd>Space</kbd> peek &middot; <kbd>Esc</kbd> close</div>
+      <div class="sp-hint"><kbd>&uarr;</kbd><kbd>&darr;</kbd> move &middot; <kbd>Enter</kbd> open &middot; <kbd>Tab</kbd> board / all &middot; <kbd>Ctrl</kbd><kbd>Space</kbd> peek &middot; <kbd>Esc</kbd> close</div>
     </div>
   </div>
 

package/public/style.css

@@ -8746,6 +8746,54 @@ select.form-input option:checked {
   overflow: hidden;
 }
 
+.sp-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.sp-head .sp-input {
+  flex: 1;
+}
+
+.sp-scope {
+  flex: none;
+  display: flex;
+  gap: 2px;
+  padding: 2px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+}
+
+.sp-scope button {
+  padding: 4px 10px;
+  background: none;
+  border: none;
+  border-radius: 4px;
+  font-family: var(--mono);
+  font-size: 11.5px;
+  color: var(--text-muted);
+  cursor: pointer;
+}
+
+.sp-scope button:hover {
+  color: var(--text-secondary);
+}
+
+.sp-scope button[aria-checked='true'] {
+  background: var(--bg-deep);
+  color: var(--text-primary);
+}
+
+.sp-section {
+  margin-top: 8px;
+  padding: 2px 8px;
+  color: var(--text-muted);
+  font-size: 10.5px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
 .sp-input {
   padding: 10px 12px;
   background: var(--bg-deep);
@@ -8909,6 +8957,10 @@ select.form-input option:checked {
   margin-top: 8px;
 }
 
+.sp-section + .sp-row.outside {
+  margin-top: 0;
+}
+
 .sp-row.current .sp-name {
   color: var(--accent-text);
 }